Zac Gaetano
54fc4bb356
Live site had drifted from the repo: it serves prebuilt minified bundles (app/components/tweaks-panel.min.js), vendored React, robots.txt and sitemap.xml, with root-relative asset paths and an apex canonical. - index.html: replaced with the live served copy - app.jsx: App root extracted from the old inline text/babel block - build.sh: esbuild step producing the *.min.js bundles - vendor/: React 18.3 production UMDs pulled from live - robots.txt, sitemap.xml: pulled from live - Dockerfile: ship built bundles + vendor, drop raw jsx/standalone |
||
|---|---|---|
| images | ||
| scripts | ||
| vendor | ||
| .dockerignore | ||
| .gitignore | ||
| app.jsx | ||
| app.min.js | ||
| build.sh | ||
| components.jsx | ||
| components.min.js | ||
| data.js | ||
| docker-compose.yml | ||
| Dockerfile | ||
| index.html | ||
| llms.txt | ||
| nginx.conf | ||
| projects-data.js | ||
| README.md | ||
| robots.txt | ||
| sitemap.xml | ||
| standalone.html | ||
| styles.css | ||
| tweaks-panel.jsx | ||
| tweaks-panel.min.js | ||
wilddragon-site
Source for wilddragon.net — Zachary Gaetano's portfolio: broadcast systems design, integration & commissioning.
Stack
Single-page React app. Sources are .jsx; ./build.sh minifies them with esbuild into *.min.js, which index.html loads alongside vendored React (vendor/). Rebuild after editing any .jsx.
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
app.jsx — App root: tweaks state, hash router, mounts sections
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
vendor/ — React 18 production UMD builds (no CDN)
robots.txt, sitemap.xml
build.sh — esbuild: *.jsx -> *.min.js
llms.txt — machine-readable site summary for LLM crawlers
standalone.html — fully self-contained single-file build (all images base64'd in)
Serve
Docker (production / persistent):
docker compose up -d --build
Container wilddragon-site exposes nginx on port 43036. Nginx Proxy Manager fronts it for wilddragon.net.
Local quick check:
python3 -m http.server 8081
Then open http://localhost:8081/.
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