render an ASCII torus behind thicker glass, drop the light theme
- Replace the flat dither backdrop with a lit, rotating torus drawn the way donut.c does it: a z-buffer per cell and a luminance ramp from a dot to a solid block, sized against the shorter viewport axis. The dither field stays underneath as dust. It leads on the landing page and fades back where there is reading to do, and a scrim keeps the projects heading legible over it. - Thicken the glass: one .surface treatment with a heavier blur, more transparency and an SVG film grain, shared by the header, hero, cards, panels and footer. - Give the landing page labelled contact cards for LinkedIn, Gitea and email in place of three bare icons. - Drop the status chips from project cards and entry headers. - Remove the light theme, its toggle and theme.js outright. - Add restrained motion: underlines growing from the left on links and nav items, a lift on cards, buttons and contact cards, and tags brightening with their card. All of it is off under prefers-reduced-motion. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
54c00bf16f
commit
7078cda6c5
10 files changed
+448
-415
No files matched your search
+12
-5
@@ -36,13 +36,16 @@
|
||||
|
||||
section {
|
||||
padding: 24px;
|
||||
background: var(--surface);
|
||||
backdrop-filter: blur(16px) saturate(130%);
|
||||
-webkit-backdrop-filter: blur(16px) saturate(130%);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
transition:
|
||||
border-color 0.24s var(--ease),
|
||||
box-shadow 0.24s var(--ease);
|
||||
}
|
||||
|
||||
section:hover {
|
||||
border-color: var(--border-strong);
|
||||
}
|
||||
|
||||
.panel__bar {
|
||||
@@ -78,6 +81,11 @@ section {
|
||||
border-radius: var(--radius);
|
||||
border: 1px solid var(--border-strong);
|
||||
box-shadow: var(--shadow);
|
||||
transition: transform 0.4s var(--ease);
|
||||
}
|
||||
|
||||
#profile:hover img.profile {
|
||||
transform: scale(1.015);
|
||||
}
|
||||
|
||||
.profile-sub {
|
||||
@@ -169,7 +177,6 @@ dd.text {
|
||||
}
|
||||
|
||||
.honor-inline-link {
|
||||
display: inline-block;
|
||||
margin-top: 8px;
|
||||
font-size: 0.84rem;
|
||||
color: var(--secondary);
|
||||
|
||||
Reference in new issue
Block a user