furtka/website/layouts/partials/scripts.html

13 lines
965 B
HTML
Raw Normal View History

feat(site): pimp homepage with animated 3D background and scroll reveals Adopts the visual feel of Pascal's prototype while keeping Furtka's voice, brand palette, and bilingual structure intact. What changed - Three.js wireframe torus-knot behind the hero, color/opacity tied to the existing --accent / --scene-opacity CSS vars so light and dark modes both work without a scene re-init. - Scroll-driven camera zoom + core scale + tilt; canvas opacity fades past hero so feature cards stay readable. - GSAP + ScrollTrigger reveal hero on load and stagger feature cards in as they enter the viewport. Lenis smooths scroll. - "What works today" / "What's coming next" lists move from markdown bullets into front-matter arrays and render as scroll-reveal cards (7 + 4 cards, EN/DE parallel; copy is 1:1 from the original lists). - Hero scaled up: gradient text on the wordmark (fg → accent), drop-shadow glow in dark mode, brighter lede color. - Primary CTA -> /releases listing on Forgejo (Forgejo has no /releases/latest), with a pulsing glow + arrow slide on hover. - Version bump 26.8-alpha -> 26.15-alpha to match the actual release. Performance / a11y - Vendor JS (Three.js r128, GSAP 3.12.2 + ScrollTrigger, Lenis 1.0.33) vendored locally under assets/js/vendor/ - no third-party CDN at runtime. ~728 KB total, fingerprinted via Hugo's pipeline with SRI. - Canvas + scripts gated to homepage only ({{ if .IsHome }}); the Impressum/Datenschutz pages stay plain. - prefers-reduced-motion: scene + GSAP early-return, CSS forces cards to their resting state. No-JS users see all content. - All scripts deferred so first paint isn't blocked. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-27 16:14:21 +02:00
{{ $three := resources.Get "js/vendor/three.min.js" | fingerprint }}
{{ $gsap := resources.Get "js/vendor/gsap.min.js" | fingerprint }}
{{ $st := resources.Get "js/vendor/ScrollTrigger.min.js" | fingerprint }}
{{ $lenis := resources.Get "js/vendor/lenis.min.js" | fingerprint }}
{{ $scene := resources.Get "js/scene.js" | fingerprint }}
{{ $anim := resources.Get "js/animations.js" | fingerprint }}
<script defer src="{{ $three.RelPermalink }}" integrity="{{ $three.Data.Integrity }}"></script>
<script defer src="{{ $gsap.RelPermalink }}" integrity="{{ $gsap.Data.Integrity }}"></script>
<script defer src="{{ $st.RelPermalink }}" integrity="{{ $st.Data.Integrity }}"></script>
<script defer src="{{ $lenis.RelPermalink }}" integrity="{{ $lenis.Data.Integrity }}"></script>
<script defer src="{{ $scene.RelPermalink }}" integrity="{{ $scene.Data.Integrity }}"></script>
<script defer src="{{ $anim.RelPermalink }}" integrity="{{ $anim.Data.Integrity }}"></script>