aboutsummaryrefslogtreecommitdiff
path: root/enter.html
diff options
context:
space:
mode:
authorTyler Hoang <tyler@tylerhoang.xyz>2026-05-29 01:50:33 -0700
committerTyler Hoang <tyler@tylerhoang.xyz>2026-05-29 01:50:33 -0700
commit2ead51ef77c4872a188217cca8b82f5b02053ecd (patch)
tree1755d5b644c32a913cb9d4a88a3038603b00a886 /enter.html
parent41c352e939a3389b9c7a18065c1c25c005e98bfe (diff)
chrome: add moving shard background + CLAUDE.md
Implements the chrome theme's metallic shard ambient field from the redesign handoff. Adds spawnShards() to aero.js, shard CSS (clip-path polygon, chrome gradient, specular streak, shard-rise keyframes) to aero.css, and wires up calls in index.js and enter.html. Shard field is hidden by default; shown only when body[data-theme="chrome"]. Also adds prefers-reduced-motion guard for both fields. Adds CLAUDE.md with architecture overview for future sessions. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Diffstat (limited to 'enter.html')
-rwxr-xr-xenter.html1
1 files changed, 1 insertions, 0 deletions
diff --git a/enter.html b/enter.html
index 38f8146..170da73 100755
--- a/enter.html
+++ b/enter.html
@@ -216,6 +216,7 @@
<script>
Aero.initTheme();
Aero.spawnBubbles(document.getElementById('bub-stage'), 26);
+ Aero.spawnShards(document.getElementById('bub-stage'), 30, 'shard', 1.5);
Aero.sparkleCursor();
Aero.mountThemeSwitcher();
</script>