Stories Page

Note: src/pages/stories.astro does not currently exist. The page is referenced in Header navigation but the file needs to be created.

The /stories page surfaces the best journal entries as curated "Build Logs from the Lab." It's the public-facing showcase of authentic engineering content.

Note: src/pages/stories.astro does not currently exist. The page is referenced in Header navigation but the file needs to be created.

Purpose

Makes the strongest journal content discoverable without requiring visitors to browse 97+ chronological entries. Positioned as the viral content layer — dramatic titles, real incidents, human stories.

Architecture

Route: /stories
Rendering: Static (SSG)
Layout: CosmicLayout (starfield, nebula, glassmorphic)
Data Source: getCollection('journal') filtered to curated slug list
Styles: <style is:global> (glassmorphic cards, mood colors)
No client JS required (pure SSG)

Design

Hero

Title: "Build Logs from the Lab"
Subtitle: Real engineering stories positioning (no tutorials, no tips)

Featured Story (large card)

First entry in curated list (currently: "The 463-Message Saga")
Full description, mood badge, date, tags, arrow CTA
Glassmorphic card with purple border accent

Stories Grid

Remaining 14 entries in responsive grid (minmax(320px, 1fr))
Each card: mood badge (color-coded), title, description, date, tags
Hover: translateY(-4px) + purple border glow

Mood Colors

Mood	Color	Hex
DEBUGGING	Amber	`#f59e0b`
TRIUMPHANT	Green	`#22c55e`
INCIDENT	Red	`#ef4444`
DISCOVERY	Cyan	`#06b6d4`
LOG	Slate	`#94a3b8`
Default	Purple	`#8b5cf6`

CTA

Links to full journal: "Browse All Journal Entries" → /journal

Curated Entries (15)

Entries are hardcoded by slug in curatedSlugs array. Order determines display order (first = featured).

The 463-Message Saga (TRIUMPHANT) — origin story
The RAID That Almost Ate Christmas (DEBUGGING) — family data recovery
The Crash Recovery & The Lab Engine Goes Live (INCIDENT) — multi-crisis
The Kernel That Panicked Every Three Minutes (DEBUGGING) — k3s/kernel
[object Object] — The Three-Headed Hydra (TRIUMPHANT) — SSR debugging
The 812GB Hiding in Plain Sight (DISCOVERY) — storage pivot
25 Bugs, One Night (TRIUMPHANT) — build-swarm marathon
The Tunnel With Two Heads (DEBUGGING) — Cloudflare nondeterminism
The Thunderbolt That Killed DNS (DEBUGGING) — networking chaos
The Reboot Loop That Blamed the Wrong Code (DEBUGGING) — paranoid debugging
The Race Condition That Ate My Binaries (DEBUGGING) — concurrency
Three Rsync Bugs In One Day (DEBUGGING) — distributed systems
The AudioBooks Folder That Ate Itself Three Times (DEBUGGING) — NAS cleanup
The Day I Learned OpenRC Isn't Systemd (DISCOVERY) — Gentoo learning
The GRUB That Forgot Everything (DEBUGGING) — boot archaeology

Adding/Removing Stories

Edit the curatedSlugs array in src/pages/stories.astro. Slugs must match journal entry filenames (without .md). First slug becomes the featured story.

Change History

Date	Change
2026-03-13	Created as part of viral roadmap initiative. 15 curated journal entries.