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

training/dashboard(vaporwave): drop the orthogonal grid that was the artifact source

Browse source
This commit is contained in:
Max Gorog 2026-05-07 23:37:38 -05:00
parent 247095a58b
commit 03afdc6bd8
2 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -196,18 +196,17 @@ body[data-theme="laser"] .bg-laser { display: block; }
}
.vw-floor-grid {
position: absolute; left: 0; right: 0; top: 0; height: 200%;
/* 3px lines: bigger pixel footprint = less subpixel sensitivity.
Pattern is drawn once; only the translate animates so the
compositor can keep this on its own layer. */
/* Horizontal lines only. The previous version layered a "to right"
repeating gradient on the same element — but that put the vertical
grid lines on the SAME translate animation as the horizontal ones,
so they moved up and down with each frame and subpixel-flickered
against the rotated plane. The receding-perspective look comes from
the horizontal lines + rotateX alone. */
background-image:
repeating-linear-gradient(
to bottom,
transparent 0 calc(var(--vw-grid-size, 80px) - 3px),
var(--c1) calc(var(--vw-grid-size, 80px) - 3px) var(--vw-grid-size, 80px)),
repeating-linear-gradient(
to right,
transparent 0 calc(var(--vw-grid-size, 80px) - 3px),
var(--c2) calc(var(--vw-grid-size, 80px) - 3px) var(--vw-grid-size, 80px));
var(--c1) calc(var(--vw-grid-size, 80px) - 3px) var(--vw-grid-size, 80px));
animation: vw-floor-y calc(4s / var(--anim-speed, 1)) linear infinite;
will-change: transform;
}

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=6f11d4db">
<link rel="stylesheet" href="/static/dashboard.css?v=9a361295">
</head>
<body>
<!-- SVG filter defs for the lava-lamp goo effect. Width/height 0