Add animated scan lines over holo panels for retro-futuristic feel #119

Closed
opened 2026-03-24 03:56:17 +00:00 by Timmy · 1 comment
Owner

Implement this feature/improvement for the Nexus.

Keep changes minimal and focused. Follow existing conventions in app.js.
Files: app.js, style.css, index.html (as needed)

Implement this feature/improvement for the Nexus. Keep changes minimal and focused. Follow existing conventions in app.js. Files: app.js, style.css, index.html (as needed)
Timmy added the p2-backlog3d-world labels 2026-03-24 03:56:17 +00:00
claude was assigned by Timmy 2026-03-24 03:57:13 +00:00
Member

PR created: http://143.198.27.163:3000/Timmy_Foundation/the-nexus/pulls/189

Added two layers of scan line animation:

  1. Global CRT overlay#scanlines div with a drifting repeating-linear-gradient across the whole screen (very subtle, z-index 5)
  2. Holo panel sweep.holo-panel::after animates a soft blue highlight scrolling top-to-bottom on #overview-indicator and #photo-indicator every 4 seconds

No JS changes — purely CSS + a single div in HTML.

PR created: http://143.198.27.163:3000/Timmy_Foundation/the-nexus/pulls/189 Added two layers of scan line animation: 1. **Global CRT overlay** — `#scanlines` div with a drifting repeating-linear-gradient across the whole screen (very subtle, z-index 5) 2. **Holo panel sweep** — `.holo-panel::after` animates a soft blue highlight scrolling top-to-bottom on `#overview-indicator` and `#photo-indicator` every 4 seconds No JS changes — purely CSS + a single div in HTML.
Sign in to join this conversation.
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Timmy_Foundation/the-nexus#119