Initial Roux Hugo site — fashion journal for roux.pivoine.art

100-post fashion journal generated from ~/projects/ginger content: - Hugo Extended static site with TailwindCSS v4 - WebP image pipeline (thumb/card/og/full sizes via Hugo image processing) - Full SEO: sitemap (501 URLs), OpenGraph with per-post images, Twitter cards - Async page transitions via View Transitions API - Deep-linked URLs: /posts/[slug]/, /categories/[cat]/, /tags/[tag]/, /issues/ - Lightbox with keyboard/swipe nav, thumbnail strip, inverted search index - Issues archive with quarterly release structure - Multi-stage Dockerfile (Tailwind → Hugo → nginx:alpine) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-18 16:27:47 +02:00
commit f537f32295
229 changed files with 4888 additions and 0 deletions
@@ -0,0 +1,55 @@
+<!doctype html>
+<html lang="en">
+<head>
+  {{- partial "head.html" . }}
+</head>
+<body>
+  {{- partial "header.html" . }}
+
+  <main id="content">
+    {{- block "main" . }}{{- end }}
+  </main>
+
+  {{- partial "footer.html" . }}
+
+  {{- partial "lightbox.html" . }}
+
+  <div class="ribbon" id="ribbon">
+    <span>Roux № {{ .Site.Params.issueNumber }} — out now. <a href="/categories/gothic/">See the plates →</a></span>
+    <button id="ribbonClose" aria-label="Dismiss">
+      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
+    </button>
+  </div>
+
+  {{/* Inline posts data for JS search + lightbox */}}
+  <script id="roux-data" type="application/json">
+    {{- $posts := slice }}
+    {{- range (where .Site.RegularPages "Section" "posts") }}
+      {{- $img := .Resources.GetMatch "*.png" }}
+      {{- $thumb := "" }}
+      {{- $card  := "" }}
+      {{- if $img }}
+        {{- $t := $img.Resize "300x450 webp" }}
+        {{- $c := $img.Resize "900x1350 webp" }}
+        {{- $thumb = $t.RelPermalink }}
+        {{- $card  = $c.RelPermalink }}
+      {{- end }}
+      {{- $post := dict
+          "id"    .Params.plate
+          "slug"  .Params.slug
+          "title" .Title
+          "description" .Params.description
+          "categories" .Params.categories
+          "tags"  .Params.tags
+          "thumb" $thumb
+          "card"  $card
+          "url"   .RelPermalink
+      }}
+      {{- $posts = $posts | append $post }}
+    {{- end }}
+    {{- $posts | jsonify | safeJS }}
+  </script>
+
+  <script src="/js/app.js" defer></script>
+</body>
+</html>