Commit graph

6 commits

Author SHA1 Message Date
0e6d352dca
Rework the CRT raster, glow and flicker effects
The three effects had drifted apart from each other and from the token
system. Consolidate them behind --crt-* tokens and fix what was broken.

- The animated text-shadow silently overrode the static one, so
  reduce-motion users saw a 5px white glow and everyone else a 3px
  currentColor glow. Both now come from one declaration, with the
  aberration offset factored out into --crt-shift.
- Step the aberration instead of tweening it. text-shadow is not
  compositable and this one inherits to every glyph, so the smooth
  version repainted the whole document at refresh rate.
- The flicker was invisible: a near-black tint at an effective alpha of
  0.008-0.096 over a black background, a peak lift of under 2/255.
  Retint with the accent at ~3%.
- Anchor the vignette to the viewport. It was sized to body's box, which
  is document-height, so on long pages the bloom sat off-screen.
- Pin the overlays with position: fixed rather than painting
  document-sized layers, and give the grille hard stops so it is three
  stripes rather than a smooth R->G->B ramp.
- Scale the raster pitch down at >=2dppx, where a 2px scanline is 4
  device px and resamples into moire at fractional DPR.
- Raise --color-mg to oklch(0.62): at 0.5 it was 3.5:1 on the
  background and 1.7:1 over the vignette centre. Halve the vignette
  alpha via its own token, keeping --color-accent-transparent at 50%
  for ProjectCard's glow.

Collapses the two keyframe blocks from 193 lines to 40.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-08-07 17:39:05 -07:00
75a413621d
Update CRT effect
All checks were successful
Build And Deploy / build-and-deploy (push) Successful in 1m44s
Add animated text glow, 'screen door' overlay, and flicker effect.
Remove unncessary comments.
2026-03-08 00:19:16 -08:00
8783e401f8
Remove test colors from css that were accidentally left in
All checks were successful
Build And Deploy / build-and-deploy (push) Successful in 1m23s
prefers-color-scheme and prefers-contrast
2026-02-27 09:03:12 -08:00
0350a4b8e3
Modularize CSS; add reset, theme and fonts
Introduce reset.css and theme.css and refactor style.css
to import them via layers; add Unscii font files and preload links.
Add RSS XSL/CSS and a css-test page; remove legacy snes.min.css.
Tweak BaseLayout and contact layout (preloads, grid gaps). Rename index.astro to parallax.astro and
created new basic index page. Improve input styles and contact form placeholders
2026-02-01 10:08:58 -08:00
7dd61775b3
Switch to local Unscii font and begin work on new stylesheet
Remove Google Fonts and the old external stylesheet link. Add (inline for now)
@font-face rules for unscii fonts and new link/p/ul styles, and set the
root font to unscii16. Minor UI tweaks: style the skip link background,
remove the "Tools" nav item for now, fix the contact page title and link
markup, and replace the homepage copy with an "Under Construction"
message.
2026-01-27 15:18:10 -08:00
8d989ef36f
new minimal retro theme, progress on parallax hero, refactor into semantic html,
add htmx and alpine, etc
2026-01-04 21:36:24 -08:00