Skip to content

Rebuild: Astro + David's design, deployed on Cloudflare Workers - #39

Draft
mikemcbride wants to merge 4 commits into
masterfrom
redesign/astro
Draft

Rebuild: Astro + David's design, deployed on Cloudflare Workers#39
mikemcbride wants to merge 4 commits into
masterfrom
redesign/astro

Conversation

@mikemcbride

Copy link
Copy Markdown
Contributor

What this is

The full rebuild of twobeards.dev — 11ty placeholder out, Astro 7 in, David's Figma design implemented, deployed to Cloudflare Workers.

👀 Preview: https://twobeards-dev.supdude.workers.dev

What's in here

Stack

  • Astro 7 + @astrojs/cloudflare adapter (static output, ready for dynamic endpoints later)
  • Deployed to Workers with static assets; npm run deploy ships it
  • wrangler.jsonc pinned to the 2B account — custom domain route is commented out, so the live site is untouched until we merge + flip it

Design (from the Figma, teal direction)

  • sup? hero on the radial teal gradient, mustard ?, white inset frame
  • Mustard corner tabs: crest logo + menu? flyout (who/what/when/where/why) — the ? flips to ¿ while open
  • Cool Stuff We've Done* — all 13 projects in a content collection, grouped by Apps / Design and Dev / For the People
  • services run-on list, Mini Van Research included
  • who? section with bio placeholders
  • Footer: Who? / What? / When? / Where? / Why? + "© Us Now."
  • 🐸 The crest tongue only pops out on hover (reduced-motion safe)

Design tokens

Exact values pulled from Figma via MCP: #255353/#193838/#181B18 gradient, #EEAF3D mustard, #112F52 navy, #E40B50 punch, #F4EFE6 card cream, Albra/Albra Grotesk type scale.

TODO before launch (not blockers for this PR)

  • Blurbs for Rescript + Mybrary (I refused to guess) + confirm the other drafted blurbs
  • URLs for VS Code Theme Builder/Themes, CSS Transitions, Simple Syllabus, Showghi, Magdalen
  • Real contact email (placeholder: hello@twobeards.dev)
  • Project screenshots + catholic.af assets
  • Bios + photos (Ali photoshoot 📸)
  • Contact form (Astro action + Email Service) — next PR
  • Motion pass (scroll reveals, hover gradient) — next PR
  • Git-connected Workers Builds in the dashboard
  • Flip the custom domain route at launch

Review notes

  • Checked desktop (1440) + mobile (390) with headless Chrome — no overflow, menu + tongue behave
  • Fonts preloaded, /_astro/* gets immutable cache headers
  • .figma-exports/ is gitignored scratch space for design reference pulls

- Astro 7 + Cloudflare adapter (Workers deploy coming next)
- Design tokens extracted from Figma: teal radial hero, mustard tabs,
  navy/cream/punch palette, Albra + Albra Grotesk type scale
- Homepage: sup? hero, services run-on, Cool Stuff We've Done* grid,
  who? section with bio placeholders, Who?/What?/When? footer
- Projects content collection (13 entries; blurbs marked TODO where
  we need real details from Mike & David)
- Corner tabs with menu? flyout (who/what/when/where/why)
- Replaces the 11ty placeholder site
- Inline CrestLogo component; tongue path hidden at rest, springs out
  on hover/focus-visible (scaleY pop, reduced-motion safe)
- Slimmed the crest SVG: dropped 15 clipped-away wordmark subpaths
  from the Figma export (~2.6KB saved)
- favicon.svg + logo-crest.svg are now the tongue-less resting crest
- wrangler.jsonc: named worker, workers.dev + preview URLs enabled,
  custom-domain route commented out until launch
- wrangler pinned as devDependency, deploy/preview scripts
- dry-run verified: static assets + adapter entrypoint
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant