mirror of
https://github.com/Such-Software/such.software.git
synced 2026-10-17 05:32:05 +02:00
Nebula monitor: typing terminal cursor, stronger impact, tame pointer, restore mobile streamers
- Replace the centered dash with a tiny CSS terminal in the screen: types 'such' once, backspaces, then the caret blinks on the left (steps() width typewriter). - Impact pulse is snappier and brighter (0.9s ping, scale 1.14, bright cyan glow) so streamer hits actually read; the screen color shifts with it. - Pointer parallax dialed down to a subtle 6px with a gentler spring, fixing the desktop 'shift up-left after load' (it was easing toward the cursor on first move). - Revert the mobile streamer thinning/density cut from the prior commit: it made them too sparse to see. Mobile now gets the full set at full weight, like desktop.
This commit is contained in:
@@ -234,6 +234,24 @@
|
||||
@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; }
|
||||
|
||||
/* 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; }
|
||||
/* Tiny terminal inside the nebula monitor: type "such" once, backspace, then a blinking
|
||||
caret on the left. width via steps() is the typewriter; border-right is the caret. */
|
||||
.nebula-term {
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
||||
font-size: 9px;
|
||||
line-height: 1;
|
||||
letter-spacing: 0.5px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
width: 0;
|
||||
border-right: 1.5px solid currentColor;
|
||||
animation: nebula-type 5s steps(4, end) forwards, nebula-caret 0.9s steps(1, end) infinite;
|
||||
}
|
||||
@keyframes nebula-type {
|
||||
0% { width: 0; }
|
||||
16% { width: 4ch; }
|
||||
60% { width: 4ch; }
|
||||
74% { width: 0; }
|
||||
100% { width: 0; }
|
||||
}
|
||||
@keyframes nebula-caret { 50% { border-color: transparent; } }
|
||||
Reference in New Issue
Block a user