github-such-software/such.software
1
0
Fork 0
mirror of https://github.com/Such-Software/such.software.git synced 2026-10-17 05:32:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

Nebula: fix mobile jump + pointer parallax, live cursor, lighter mobile field

Browse Source 
- Mobile jump fix: compute the monitor anchor from the title's document-absolute top
  (scroll-independent) and only recompute on a real width change, so the address-bar
  resize that fires mid-scroll no longer snaps it. Mobile parallax now lifts the field
  up and away (faster than scroll) instead of drifting down over the text.
- Pointer parallax (desktop only): the field nudges toward the cursor, spring-damped
  so it can never move abruptly. No mousemove on touch, so no mobile cost.
- Live monitor: a CSS blinking terminal cursor inside the screen (opacity only =
  compositor); it shifts color on each streamer hit, reinforcing the impact pulse.
- Lighter mobile field: streamer density 8->5 and lines ~15% thinner on phones.

Desktop motion unchanged. (CSS/SMIL streamer rewrite deferred to its own commit.)
This commit is contained in:
jwinterm
2026-06-07 14:01:31 -04:00
parent 673d07a00e
commit 4b21928dc4
3 changed files with 60 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/app/globals.css
+5 -1
View File
@@ -232,4 +232,8 @@
/* Splash logo zoom on click-to-enter (CSS, so the logo needs no framer-motion
wrapper and stays a clean LCP candidate). */
@keyframes splash-zoom { 0% { transform: scale(1); } 50% { transform: scale(1.06); } 100% { transform: scale(1.14); } }
.splash-zoom { animation: splash-zoom 0.8s ease-in-out forwards; }
.splash-zoom { animation: splash-zoom 0.8s ease-in-out forwards; }
/* Blinking terminal cursor inside the nebula monitor (opacity only = compositor). */
@keyframes nebula-cursor-blink { 0%, 49% { opacity: 0.85; } 50%, 100% { opacity: 0; } }
.nebula-cursor { animation: nebula-cursor-blink 1.1s steps(1, end) infinite; }