How eddi3f/heel-head-harmony-qa works
Heel Head Harmony is a static website for a reflexology practice. Visitors browse information about Pamela, treatments and prices, research, and contact options; the main enquiry workflow submits the contact form to a Cloudflare Worker, which sends email through Resend. Google Sheets can supply editable testimonials, treatment details, research links, About content and FAQs, with page content retained as fallback. The sampled JavaScript supports the data-loading and form flows; page-to-script wiring and other HTML details are based on the README and file tree.
Main entry points: data.js Sheet content loader · site.js Site interactions · contact.html Contact · styles.css Site styling
Components 14
Public pages
Shared site behavior
- Site styling
styles.css - Site interactions
js/site.js - Site config
js/config.js
Editable content
- Sheet content loader
js/data.js
External services
- Google Sheets
- Contact Worker
- Resend email API
Other components
- Visitor
Connections 28
- Visitor → Home: opens
- Visitor → About: opens
- Visitor → Treatments: opens
- Visitor → Research: opens
- Visitor → Contact: opens
- Visitor → 404 page: reaches
- Home → Site styling: uses styles
- About → Site styling: uses styles
- Treatments → Site styling: uses styles
- Research → Site styling: uses styles
- Contact → Site styling: uses styles
- Home → Site interactions: uses behavior
- About → Site interactions: uses behavior
- Treatments → Site interactions: uses behavior
- Research → Site interactions: uses behavior
- Contact → Site interactions: uses behavior
- Site config → Sheet content loader: configures
- Site config → Site interactions: configures
- Sheet content loader → Google Sheets: fetches CSV
- Sheet content loader → Home: renders quotes
- Sheet content loader → Treatments: renders prices, FAQ
- Sheet content loader → Research: renders links
- Sheet content loader → About: renders bio, credentials
- Sheet content loader → Contact: syncs treatments
- Sheet content loader → Site interactions: invokes callbacks
- Contact → Site interactions: submits form
- Site interactions → Contact Worker: POSTs enquiry
- Contact Worker → Resend email API: sends email