PostERG/xamxam
1
0
Fork 0
mirror of https://codeberg.org/PostERG/xamxam.git synced 2026-05-06 19:19:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

Improve À propos page layout: sticky TOC nav, bordered contact rows, credits dl grid

Browse Source
This commit is contained in:
Pontoporeia
2026-04-07 14:21:38 +02:00
parent dddfc8554b
commit 11a665e096
3 changed files with 294 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
TODO.md
View File

@@ -1,24 +1,10 @@
# TODO
## Completed
- [x] Apply correct fonts site-wide
- Registered `Combined` and all 4 weights of `BBBDMSans` via `@font-face` in `common.css`
- Added `--font-body` and `--font-display` CSS variables in `variables.css`
- All font usages across `common.css`, `tfe.css`, `apropos.css` use `var(--font-body)` / `var(--font-display)`
- Code blocks keep `Courier New` monospace (intentional)
- [x] Répertoire: rename search.php → repertoire.php, 6-column layout (AP + Orientations split, Finalité du Master added), HTMX server-side intersection filter, faded entries disabled, URL-shareable state
- [x] Match Accueil.png mockup
- Nav: brand → "Xamxam", add Répertoire left, Licences/À Propos right
- Search bar: full-width below nav (not inline)
- Section label: "Publication récente" replacing "DÉCOUVREZ LES TFE" label
- CSS: nav-left/nav-right layout, full-width search form
- [x] Fix homepage card grid styling
- Added `gap: 1.25rem` and padding to `.cards-container` (was `gap: 0`, no padding)
- Added `border`, `border-radius: 8px`, hover shadow + lift to `.card`
- Added `border-radius` to `.home-body figure` and `.card__media--gradient`
- Fixed `.card__media--gradient` to use `aspect-ratio: 4/3` (was `height: 100%` which broke without explicit parent height)
- Added `border-top` separator between card media and caption
- Restyled `.home-latest-label` as uppercase section heading with border-bottom
## Done
- [x] Improve À propos page layout
- [x] Replace two-column (prose + aside) with sticky-TOC-nav + main-content layout
- [x] Sticky left nav with section anchors (À propos, Contacts, Crédits + erg link)
- [x] Contacts rendered as bordered rows instead of loose address blocks
- [x] Credits rendered as `<dl>` grid with label/value rows
- [x] Section dividers (border-bottom) between sections
- [x] Responsive: TOC collapses to horizontal bar on mobile