Initial Hugo gallery site with custom landing page

- Hugo site with nicokaiser/hugo-theme-gallery (git submodule)
- Full-viewport hero with parallax scrolling (bg at 70%, text at 85% speed)
- Entrance animations on hero title and subtitle
- Bouncing scroll arrow that fades out on scroll
- Header suppressed on homepage, shown on all other pages
- Intro text section between hero and album grid
- Cats placeholder album with 8 images
- .gitignore excludes public/, resources/, .hugo_build.lock, .idea/

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
yvierkoetter
2026-06-18 21:37:39 +02:00
parent 347058a1bf
commit f481646821
31 changed files with 258 additions and 295 deletions
+36
View File
@@ -0,0 +1,36 @@
{{ define "main" }}
{{ $heroImage := .Resources.GetMatch "hero*" }}
{{ if $heroImage }}
{{ $img := $heroImage.Filter (slice images.AutoOrient (images.Process "fit 1920x1080")) }}
<section class="hero">
<div class="hero-bg" style="background-image: url({{ $img.RelPermalink }})"></div>
<div class="hero-fg">
<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>
</div>
</section>
{{ else }}
{{ partial "title.html" . }}
{{ end }}
{{ with .Content }}
<section class="home-intro">
<div class="prose">{{ . }}</div>
</section>
{{ end }}
{{ partial "categories.html" }}
{{ partial "featured.html" . }}
<section class="galleries">
{{ range where .Pages "Params.private" "ne" true }}
{{ partial "album-card.html" . }}
{{ end }}
</section>
{{ end }}