admin/felhom.eu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

website: restore the index grid background

Browse Source 
Git archaeology: the grid was never a deliberate removal. It lived as a fixed
`body::before` in index.html's inline <style> block and was dropped when bed8675
("D3 Part 2: index + kapcsolat on design system v2") migrated the page onto
site.css. dd54e4c, which created site.css, has no body::before — it was a
porting omission, and nothing took its place. No asset was lost; it was pure CSS.

Restored at its original geometry and subtlety (50px cells, 1px lines, 3%), not
redesigned. Only change: the accent is the v2 --blue #0083D8 instead of the
retired legacy #0088cc, which site_gates.py bans. Scoped to body.page-index
because index is the only page that ever had it.

site.css cache-bust bumped to v=2 across all seven pages (nginx caches 7d).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Nn3VgQk9iwEGgyx6QJ2NvE
This commit is contained in:
authentik Default Admin
2026-07-19 09:03:03 +02:00
parent 8feed6d1ff
commit 916d936332
8 changed files with 25 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/assets/site.css
+18
View File
@@ -62,6 +62,24 @@ body {
line-height: 1.6;
min-height: 100vh;
}
/* Grid background (index only) — RESTORED 2026-07-19. It lived in index.html's inline <style> and
was dropped, not replaced, when bed8675 migrated that page onto this stylesheet; nothing took its
place. Same geometry as the original (50px cells, 1px lines) and the same 3% subtlety; the accent
is the v2 --blue #0083D8 rather than the retired legacy #0088cc. Fixed-position and behind
everything, so it does not scroll — most visible behind the hero, which is where it was missed. */
body.page-index::before {
content: '';
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background-image:
linear-gradient(rgba(0,131,216,.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(0,131,216,.03) 1px, transparent 1px);
background-size: 50px 50px;
pointer-events: none;
z-index: -1;
}
:focus-visible { outline: 2px solid var(--blue-bright); outline-offset: 1px; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }