SubGym — marketing site
The public website for SubGym: https://subgym.online (GitHub Pages, custom domain set by CNAME)
A single, self-contained static page, index.html. It sells SubGym to gyms (the SubGym portal),
fitness sellers (SubVendor) and personal trainers (SubTrainer) — the paying customers — with
SubFit presented as where their customers are. No build step, no dependencies, no external requests (inline SVG icons,
CSS-gradient art, data-URI favicon) — it works offline and deploys anywhere.
This repo is the website's only home. The product apps live in the private
nutifafakpodo/subgym repo.
Publish
GitHub Pages serves the main branch as-is (.nojekyll turns off Jekyll processing). To
publish a change, commit it and push:
git push origin main
The live site updates within a minute or two.
Preview locally
Open the file:
open index.html
Or serve it, so smooth-scroll and links behave exactly as in production:
python3 -m http.server 4186
# → http://localhost:4186
Editing
Everything is in index.html — content, styles (a <style> block), and a little vanilla JS
(mobile menu, scroll reveal, footer year, the decorative QR). To change:
- Copy / sections — edit the HTML directly.
- Brand colours — the CSS variables in
:root. They match SubFit (lime --em on
near-black --bg), with SubGym blue (--gym), SubVendor orange (--shop) and SubTrainer
purple (--coach) for the gym, seller and trainer sections.
- Contact — the demo form (see above); the
mailto:[email protected] fallback buttons
only show while the form isn't connected.
- Pricing — deliberately gives no numbers ("commission-based, ask for your rate"); add
rates once they're final.
Demo request form (Google Forms)
The "Book a demo" form posts straight into the "SubGym — Demo request" Google Form
(in the owner's Google Drive), so every request lands in that form's Responses tab. The form
must stay published to "Anyone with the link", with email collection and "Limit to 1
response" off; otherwise Google rejects the site's submissions. It's configured in
DEMO_FORM near the bottom of index.html:
action — the form's https://docs.google.com/forms/d/e/<FORM_ID>/formResponse URLfields — the entry.<number> id of each question (name, email, phone, type, business,
city, message)typeLabels — the exact option text of the "I run a" question (Gym, Fitness store / seller,
Personal trainer). A value the form doesn't offer is silently dropped by Google, so add the
option to the form before the site sends it.
While action is empty the form stays hidden and the email buttons show instead. If you
rebuild the form, the entry ids change: read them from the new form's public page
(FB_PUBLIC_LOAD_DATA_) or from "Get pre-filled link".
Other hosts
The page is one file, so it also works on Cloudflare Pages, Netlify or Vercel (point them at
this repo, no build command, output directory /), or any static bucket or CDN.
Notes
- Responsive down to phones; dark theme matching the product.
- Scroll-reveal is progressive: with JS off, all content still shows.
- Claims on the page should match what the product does today — check before adding new ones.
