Add vase design: split SVG title/image/date into homepage sections

- Hero glass panel now shows Lina · rings · Marlin from vase artwork
  (side-by-side on landscape, stacked on portrait)
- Vase illustration used as ornamental divider above album grid
- Vase date used as footer closing line
- Homepage structure: intro text, ornament, albums divider, gallery, date

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
yvierkoetter
2026-06-18 23:04:36 +02:00
parent 921a852cbf
commit d62e71bafb
10 changed files with 319 additions and 20 deletions
+20 -1
View File
@@ -6,7 +6,11 @@
<div class="hero-bg" style="background-image: url({{ $img.RelPermalink }})"></div>
<div class="hero-fg">
<div class="hero-content">
<h1>{{ .Title }}</h1>
<div class="hero-vase-title" aria-label="{{ .Title }}">
<img src="/vase-lina.svg" class="vase-name" alt="Lina">
<img src="/vase-rings.svg" class="vase-rings" alt="">
<img src="/vase-marlin.svg" class="vase-name" alt="Marlin">
</div>
{{ with .Params.tagline }}<p>{{ . }}</p>{{ end }}
<div class="hero-scroll" aria-hidden="true">
<span class="hero-scroll-icon">
@@ -21,16 +25,31 @@
{{ else }}
{{ partial "title.html" . }}
{{ end }}
{{ with .Content }}
<section class="home-intro">
<div class="prose">{{ . }}</div>
</section>
{{ end }}
{{ partial "categories.html" }}
{{ partial "featured.html" . }}
<div class="home-ornament" aria-hidden="true">
<img src="/vase-image.svg" alt="" width="263" height="295">
</div>
{{ with .Params.albums_label }}
<div class="home-divider"><span>{{ . }}</span></div>
{{ end }}
<section class="galleries">
{{ range where .Pages "Params.private" "ne" true }}
{{ partial "album-card.html" . }}
{{ end }}
</section>
<div class="home-closing" aria-label="{{ .Params.closing }}">
<img src="/vase-date.svg" class="vase-date" alt="{{ .Params.closing }}" width="263" height="47">
</div>
{{ end }}