Hero glass panel at bottom with layered parallax
- Hero text panel moved to bottom with frosted glass effect (blur 5px, dark semi-transparent background, hairline top border) - Scroll arrow centered inside glass panel at the bottom - Three-layer parallax: image 55%, text 65%, page 100% - Zeremonie album date fixed (was future-dated, now visible) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -8,13 +8,13 @@
|
||||
<div class="hero-content">
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ with .Params.tagline }}<p>{{ . }}</p>{{ end }}
|
||||
</div>
|
||||
<div class="hero-scroll" aria-hidden="true">
|
||||
<span class="hero-scroll-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M6 9l6 6 6-6"/>
|
||||
</svg>
|
||||
</span>
|
||||
<div class="hero-scroll" aria-hidden="true">
|
||||
<span class="hero-scroll-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M6 9l6 6 6-6"/>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user