diff options
| author | Danilo M. <danix@danix.xyz> | 2026-04-10 12:20:27 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-04-10 12:20:27 +0200 |
| commit | 9ba44135fb03e90e495bbe1190282016c391bd63 (patch) | |
| tree | b61c120d5af33d74cf8bfeeb53d4e4ff843f7a96 /layouts | |
| parent | 679a2279e84037f49cab4df35bf37b77a7604792 (diff) | |
| download | danixxyz-theme-9ba44135fb03e90e495bbe1190282016c391bd63.tar.gz danixxyz-theme-9ba44135fb03e90e495bbe1190282016c391bd63.zip | |
fix: move canvas from baseof to hero section only
The matrix canvas was duplicated - one in baseof.html (body level) and one we added to hero.html. This caused conflicts and visibility issues.
Changes:
- Remove canvas from baseof.html entirely - it should only be in the hero section
- Keep canvas in hero.html with data-mode="hero"
- Simplify matrix-rain.js to handle data-mode attribute and use offsetWidth/offsetHeight with fallbacks
- Update hero.css with proper absolute positioning (inset: 0)
Now there's only one canvas element positioned absolutely within the hero section, avoiding conflicts and ensuring proper rendering.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/baseof.html | 1 |
1 files changed, 0 insertions, 1 deletions
diff --git a/layouts/baseof.html b/layouts/baseof.html index c9633d0..2e4d6c7 100644 --- a/layouts/baseof.html +++ b/layouts/baseof.html @@ -14,7 +14,6 @@ <body> <a href="#main-content" class="skip-link">Skip to content</a> <div class="progress-bar" id="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> - <canvas id="matrix-canvas" aria-hidden="true" data-mode="{{ block "canvas-mode" . }}background{{ end }}"></canvas> {{ partial "header.html" . }} <main id="main-content">{{ block "main" . }}{{ end }}</main> <footer>{{ partial "footer.html" . }}</footer> |