bolyai/CIS490
3
0
Fork 0
Code Issues 5 Pull requests Projects 1 Releases Packages Wiki Activity Actions

training/dashboard: diagnostic — hide intro .bg-grid unconditionally to test source

Browse source
This commit is contained in:
Max Gorog 2026-05-08 00:16:49 -05:00
parent 09960812fa
commit d99a8861f3
2 changed files with 13 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
training/dashboard/static/dashboard.css
View file

@ -470,13 +470,18 @@ html, body { overflow-anchor: none; }
mask-image: radial-gradient(ellipse at center, #000 0%, transparent 75%);
animation: drift 18s linear infinite;
}
/* The intro-scene .bg-grid is a 2D-flat grid pattern. With any
animated theme active, the theme's own backdrop already fills
the viewport — and worse, .bg-grid being flat-on-screen reads
as a phantom wall of grid lines orthogonal to whichever 3D
theme is showing (the vaporwave perspective floor in particular).
Hide it whenever a non-black theme is active. */
body:not([data-theme="black"]) .bg-grid { display: none; }
/* DIAGNOSTIC: hide .bg-grid unconditionally (was previously hidden
only on non-black themes). The grid-shape artifact reported as
"appearing over metric content during scene transitions" matches
the intro scene's .bg-grid being visible-through-transparency
when both intro and the next scene's stage-view are
simultaneously partially-opaque during the IntersectionObserver-
driven cross-fade. .bg-grid is in the intro stage-view; the next
scene's metric-stack has a transparent background, so the grid
shows through during the transition window. Hiding it
unconditionally for now to verify, then we'll reintroduce it on
the black theme if it's actually wanted there. */
.bg-grid { display: none; }
@keyframes drift {
from { background-position: 0 0, 0 0; }
to { background-position: 48px 48px, 48px 48px; }

2
training/dashboard/static/index.html
View file

@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CIS490 — live</title>
<link rel="stylesheet" href="/static/dashboard.css?v=d8b142f3">
<link rel="stylesheet" href="/static/dashboard.css?v=c8cee835">
</head>
<body>
<!-- SVG filter defs for the lava-lamp goo effect. Width/height 0