From c766bba028e9755cb4853d1bbbe95ffa6381875d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Mon, 18 May 2026 18:44:49 +0200
Subject: [PATCH] Homepage: show 5 featured plates, brand CTA button

Mark five posts (Gothic, Cyberpunk, Dark Fantasy, Urban, Sci-Fi) as
featured: true. Homepage grid now filters by that flag instead of
showing first 8. CTA button changed from plain black to brand russet.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 content/posts/bioluminescent-beauty-at-twilight/index.md | 1 +
 content/posts/demon-horns-red-throne/index.md            | 1 +
 content/posts/gothic-cathedral-red-gown/index.md         | 1 +
 content/posts/paris-bridge-crimson-dusk/index.md         | 1 +
 content/posts/starship-bridge-sci-fi-pilot/index.md      | 1 +
 layouts/index.html                                       | 7 ++++---
 6 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/content/posts/bioluminescent-beauty-at-twilight/index.md b/content/posts/bioluminescent-beauty-at-twilight/index.md
index 253b668..a233cf9 100644
--- a/content/posts/bioluminescent-beauty-at-twilight/index.md
+++ b/content/posts/bioluminescent-beauty-at-twilight/index.md
@@ -6,6 +6,7 @@ slug: "bioluminescent-beauty-at-twilight"
 issues:
   - "01"
 image: "bioluminescent-beauty-at-twilight.png"
+featured: true
 weight: 5
 categories:
   - "Cyberpunk"
diff --git a/content/posts/demon-horns-red-throne/index.md b/content/posts/demon-horns-red-throne/index.md
index 8fdf1c7..b7e36e8 100644
--- a/content/posts/demon-horns-red-throne/index.md
+++ b/content/posts/demon-horns-red-throne/index.md
@@ -6,6 +6,7 @@ slug: "demon-horns-red-throne"
 issues:
   - "01"
 image: "demon-horns-red-throne.png"
+featured: true
 weight: 19
 categories:
   - "Dark Fantasy"
diff --git a/content/posts/gothic-cathedral-red-gown/index.md b/content/posts/gothic-cathedral-red-gown/index.md
index 1f4a0f9..6e7b6dc 100644
--- a/content/posts/gothic-cathedral-red-gown/index.md
+++ b/content/posts/gothic-cathedral-red-gown/index.md
@@ -6,6 +6,7 @@ slug: "gothic-cathedral-red-gown"
 issues:
   - "01"
 image: "gothic-cathedral-red-gown.png"
+featured: true
 weight: 33
 categories:
   - "Gothic"
diff --git a/content/posts/paris-bridge-crimson-dusk/index.md b/content/posts/paris-bridge-crimson-dusk/index.md
index 3cd7bf4..136a82b 100644
--- a/content/posts/paris-bridge-crimson-dusk/index.md
+++ b/content/posts/paris-bridge-crimson-dusk/index.md
@@ -6,6 +6,7 @@ slug: "paris-bridge-crimson-dusk"
 issues:
   - "01"
 image: "paris-bridge-crimson-dusk.png"
+featured: true
 weight: 63
 categories:
   - "Urban"
diff --git a/content/posts/starship-bridge-sci-fi-pilot/index.md b/content/posts/starship-bridge-sci-fi-pilot/index.md
index 7d8d928..eda2208 100644
--- a/content/posts/starship-bridge-sci-fi-pilot/index.md
+++ b/content/posts/starship-bridge-sci-fi-pilot/index.md
@@ -6,6 +6,7 @@ slug: "starship-bridge-sci-fi-pilot"
 issues:
   - "01"
 image: "starship-bridge-sci-fi-pilot.png"
+featured: true
 weight: 85
 categories:
   - "Sci-Fi"
diff --git a/layouts/index.html b/layouts/index.html
index 8e25674..d59efeb 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -3,6 +3,7 @@
 {{- $issuePage := $.Site.GetPage (printf "/issues/%s" $issueNum) }}
 {{- $plates    := cond (ne $issuePage nil) $issuePage.Pages .Site.RegularPages }}
 {{- $total     := len $plates }}
+{{- $featured  := where .Site.RegularPages ".Params.featured" true }}
 
 {{/* ── Hero ── */}}
 <section id="hero"
@@ -24,9 +25,9 @@
     <div class="flex items-center gap-4 flex-wrap">
       <a href="/issues/{{ $issueNum }}/"
          class="inline-flex items-center gap-2 px-6 py-3
-                bg-ink text-paper
+                bg-roux text-paper
                 font-sans font-medium text-[11px] leading-none tracking-[.16em] uppercase
-                transition-colors duration-200 hover:bg-roux">
+                transition-colors duration-200 hover:bg-roux-deep">
         Enter the issue
         <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
       </a>
@@ -59,7 +60,7 @@
 {{/* ── Plate preview ── */}}
 <section id="grid"
   class="grid [grid-template-columns:repeat(auto-fill,minmax(220px,1fr))] gap-[var(--gap)] px-[var(--pad)] pt-[var(--gap)] pb-0">
-  {{- range $i, $p := first 8 $plates }}
+  {{- range $i, $p := $featured }}
     {{- partial "card.html" (dict "Page" $p "Index" $i) }}
   {{- end }}
 </section>