Personal website for Brooke McPherson — content creator, social media manager, and photographer.
Built with Astro + Tailwind CSS.
npm install
npm run dev # http://localhost:4321npm run build # outputs to ./dist
npm run preview # preview the production build| Path | File |
|---|---|
/ |
src/pages/index.astro |
/about |
src/pages/about.astro |
/services |
src/pages/services.astro |
/portfolio |
src/pages/portfolio.astro |
/contact |
src/pages/contact.astro |
All placeholder copy is marked [EDIT: ...]. Search the project for [EDIT to find every spot you'll want to fill in. The biggest sources:
src/data/site.ts— name, email, location, social handlessrc/data/services.ts— three service descriptions, bullets, "starting at" pricingsrc/data/portfolio.ts— gallery descriptions (image URLs are wired to the existing Tumblr CDN)src/components/home/Hero.astro— homepage headline copy + photo placeholderssrc/components/home/AboutBlurb.astro— short aboutsrc/pages/about.astro— full about story, quick facts, presssrc/pages/services.astro— process, FAQsrc/pages/contact.astro— contact intro
Defined in tailwind.config.mjs:
cream#F7F1EA— page backgroundcream-deep#EFE6DA— card / divider tintcocoa#2B221C— body text & dark sectionscocoa-soft#5C4A3E— secondary textrose#C68B7E— primary accentrose-soft#E5C0B6— accent tintsage#8FA382— secondary accentsage-soft#C4D1B7— secondary tintsand#D9C7AF— neutral warm
Fonts: Fraunces (display serif), IBM Plex Sans (body), Waiting for the Sunrise (script accent).
GitHub Pages serves from the custom domain galaxylens.art (CNAME lives in public/CNAME and is copied to dist/CNAME on build).
Two paths to publish:
- Manual:
npm run build, then commit thedist/output to agh-pagesbranch (or set up GitHub Pages to serve fromdist). - GitHub Action: add
.github/workflows/deploy.ymlusing the officialwithastro/actionrecipe — it runsnpm run buildon push and pushes the result togh-pagesautomatically.