Wild Dragon website
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) |
||
|---|---|---|
| images | ||
| components.jsx | ||
| data.js | ||
| index.html | ||
| llms.txt | ||
| projects-data.js | ||
| README.md | ||
| standalone.html | ||
| styles.css | ||
| tweaks-panel.jsx | ||
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.cssand the:rootblock; runtime tweaks also live intweaks-panel.jsxand theTWEAKS_DEFAULTSblock at the bottom ofindex.html - Images → drop into
images/and reference by relative path