Zachary Gaetano 2104388ea1 Rebuild from Claude Design bundle: single-page React (no build step)

Replaces the Next.js app with the standalone bundle exported from
claude.ai/design — same content/SEO, but the site is now a flat static
directory: index.html + a few .jsx/.js files + images/, plus a
fully self-contained single-file build at standalone.html.

Why: the previous Next.js repo had .next/ and node_modules/ committed
(~460MB) and edits required a rebuild loop. The design bundle lets
content/layout tweaks ship by editing data.js, projects-data.js,
components.jsx, or styles.css directly.

- index.html        single-page entry (React 18 + Babel via unpkg CDN)
- styles.css        all styles
- data.js           site copy
- projects-data.js  case studies
- components.jsx    sections + project overlay
- tweaks-panel.jsx  in-page Tweaks panel
- llms.txt          machine-readable site summary
- images/           photos and logos referenced by relative path
- standalone.html   single-file portable build (all assets inlined)

2026-05-12 04:25:33 +00:00

1.7 KiB

Raw Blame History

wilddragon-site

Source for wilddragon.net — Zachary Gaetano's portfolio: broadcast systems design, integration & commissioning.

Stack

Single-page React app, no build step. React + Babel are loaded from CDN; the app is rendered from .jsx files at runtime.

index.html          — entry point (loads CSS + JS + components, mounts App)
styles.css          — all styles
data.js             — site copy (about, stats, services, tech stack, on-set, etc.)
projects-data.js    — case study content for each project
components.jsx      — every section component + project overlay
tweaks-panel.jsx    — in-page Tweaks panel (accent presets, fonts, density, toggles)
images/             — photos, client logos, partner logos
llms.txt            — machine-readable site summary for LLM crawlers
standalone.html     — fully self-contained single-file build (all images base64'd in)

Serve

Any static file server works:

python3 -m http.server 8080
# or
npx serve .

Then open http://localhost:8080/.

Single-file build

standalone.html is a portable, fully offline copy of the site — everything (images, CSS, JS) inlined. Open it directly in a browser or hand it to a client. It's regenerated from the source files via the Claude Design bundler; edits should be made to the source files in this repo, then a new bundle exported.

Editing

Copy / project content → data.js, projects-data.js
Layout & section components → components.jsx
Visual tokens (colors, spacing, etc.) → styles.css and the :root block; runtime tweaks also live in tweaks-panel.jsx and the TWEAKS_DEFAULTS block at the bottom of index.html
Images → drop into images/ and reference by relative path