Reskin GregKilmer.com in the Patiun brand

- Palette: Patiun Teal, Midnight, night sky, Starlight, flat Alchemist Gold;
  violet/indigo only as nebula light. Starlight content sections, night-sky
  nav and heroes (.on-sky scope re-points accent/gold to on-dark values).
- Type: Cinzel for headings, names and card titles; Montserrat for body, UI
  and eyebrows (font-eyebrow); JetBrains Mono kept for code-like blocks.
- Header lockup: Patiun glyph + Cinzel "GREG KILMER" + "Web Development ·
  a Patiun LLC company"; glyph also marks the footer and store nav.
- Teal filled buttons with Midnight text; gold eyebrows; small links use a
  darker teal so they pass WCAG AA on Starlight.
- Favicons, app icons and web manifest from the GregKilmer.com brand package.
- docs/THEMING.md updated for the new palette and fonts.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012aSbo2D1qP8cMFQCykf7kx
This commit is contained in:
Claude
2026-10-11 01:54:04 +00:00
parent 5edf0c6061
commit 01431468e4
71 changed files with 423 additions and 309 deletions
+4 -4
View File
@@ -29,13 +29,13 @@ const { groups, pillIcon = 'play-circle' } = Astro.props;
<div class="flex flex-col gap-3">
<div class="flex items-baseline gap-2.5">
<h3
class="font-sans text-lg"
class="font-display text-lg"
style="color: var(--color-text);"
>
{group.category}
</h3>
<span
class="font-mono text-[0.65rem] uppercase tracking-[0.18em]"
class="font-eyebrow text-[0.65rem] uppercase tracking-[0.18em]"
style="color: var(--color-text-muted);"
>
{group.items.length}
@@ -51,7 +51,7 @@ const { groups, pillIcon = 'play-circle' } = Astro.props;
<span>{item.title}</span>
{item.status && (
<span
class="font-mono text-[0.6rem] uppercase tracking-[0.14em]"
class="font-eyebrow text-[0.6rem] uppercase tracking-[0.14em]"
style="color: var(--color-accent);"
>
{item.status}
@@ -59,7 +59,7 @@ const { groups, pillIcon = 'play-circle' } = Astro.props;
)}
{item.year && (
<span
class="font-mono text-[0.6rem] tracking-[0.04em]"
class="font-eyebrow text-[0.6rem] tracking-[0.04em]"
style="color: var(--color-text-muted);"
>
{item.year}