Field Notes

Dragons & Distractions — Codex Prompt Backlog

Generated by Wyrd, 2026-03-15. Hand these directly to Codex.

🔴 Priority 1 — Broken links (will 404 on live site)

Prompt 1: Create missing spellbook ritual pages

6 monsters link to spellbook anchor URLs that don’t exist as pages:

  • /spellbook/#cave-bear-rituals
  • /spellbook/#dopamine-goblin-rituals
  • /spellbook/#burnout-dragon-rituals
  • /spellbook/#perfection-wyrm-rituals
  • /spellbook/#rejection-wisp-rituals
  • /spellbook/#sensory-storm-rituals

Either create individual .md files in /spellbook/ for each (matching the pattern of wake-invocation.md, single-task-oath.md, tide-mark-calendar.md) OR update spellbook/index.md to have proper anchor sections for all 6. Use the monster’s accent_color from front matter and follow the DESIGN.md spec for ritual cards.

🟡 Priority 2 — Visual design not applied

Prompt 2: Apply DESIGN.md theme to Jekyll layouts

DESIGN.md defines the full dark grimoire design system (colors, fonts, card hover effects, noise overlay, section dividers) but it hasn’t been fully implemented in the CSS/SCSS. Apply the design system to assets/main.scss and _layouts/:

  • Fraunces + Lora + Cinzel font stack — add Google Fonts import to _layouts/default.html
  • CSS custom properties from the color system (all --color-* tokens)
  • Monster card hover glow: box-shadow: 0 0 20px rgba(200,144,10,0.25) + translateY(-2px)
  • hr elements: gold ✦ ornament via ::after
  • Noise texture overlay: CSS grain at 4–6% opacity on dark backgrounds
  • Low-stim mode CSS stubs under body.theme-low-stim
  • Do not override existing print CSS

Prompt 3: Monster index card grid with accent colors

The monster index (monsters/index.md / monsters/index.html) should render as a 2-col (tablet) / 3-col (desktop) card grid. Each card:

  • Monster’s accent_color front matter as a left-border accent strip
  • Monster name in Fraunces 600
  • Sigil image centered (path from sigil front matter in _monsters/*.md)
  • you_might_be_here_if[0] as the hook line
  • Hover: amber glow + translateY(-2px) lift Reference assets/generated/ for sigil paths already defined in monster front matter.

🟠 Priority 3 — Missing content

Prompt 4: Burnout Dragon minimum viable day printable

The file site/printables/burnout-dragon-minimum-viable-day.md exists but may not be properly linked. Audit _monsters/burnout-dragon.md’s featured_printable field, ensure the printable page is complete with print CSS, and is linked correctly from the monster page. Match the style of single-task-oath-card.md.

Prompt 5: Spellbook index — full ritual listing

spellbook/index.md should list all rituals in a two-column grid (per DESIGN.md): spell name in Fraunces, monster tag(s) in Cinzel small-caps, first step preview in Lora, --color-magic cyan accent. Currently only 3 rituals exist. After completing Prompt 1, update this index to include all 9 rituals.

Prompt 6: Homepage hero with CTAs

assets/generated/homepage-hero-web.png exists — verify it’s used in index.md or _layouts/home.html with the correct dark gradient overlay:

linear-gradient(180deg, rgba(10,8,4,0) 0%, rgba(10,8,4,0.9) 100%)

Two CTAs required over the hero:

  • Primary: “Choose Your Monster” — gold filled button
  • Secondary: “Browse the Bestiary” — outline button, --color-accent border Make sure both are wired to the correct URLs.

🔵 Priority 4 — UX improvements

Prompt 7: Low-stim mode toggle

DESIGN.md specifies this as a required feature. Implement:

  • Small toggle button in header, Cinzel label “Low Stim”
  • CSS overrides for body.theme-low-stim:
    • --color-page-bg: #f5f0e8
    • --color-surface: #ede8dc
    • --color-text-base: #2a2015
    • Accents: desaturated versions of amber/gold
  • Persist preference in localStorage
  • Do not remove; per DESIGN.md rule 4 it must stay

Prompt 8: Mobile nav hamburger

DESIGN.md specifies mobile nav collapses to full-screen dark overlay. Implement in _includes/header.html:

  • CSS/JS hamburger button (no external JS dependencies)
  • Expands to position: fixed full-screen overlay, dark background
  • Cinzel nav links, large, centered
  • Closes on tap/click outside

Reference files: DESIGN.md (locked design brief), PROJECT_MAP_V2.md (phase status), _monsters/*.md (front matter), assets/generated/ (images).

Back to top