# Boys to Men Mentorship Camp — boystomencamp.com

Static website for Boys to Men Mentorship Camp, a Potential Unexplored Ltd initiative.
Built as plain HTML, CSS, and JavaScript, no build tools required to run it, ready for
GitHub Pages.

## Structure

```
index.html               Home
why-enrol-now.html        Why Enrol Now (Africa / Diaspora / Single Mothers)
the-journey.html          Discover, Develop, Deploy framework
programmes.html           Age bands and upcoming intakes
apply.html                Application form (Formspree)
mentors.html               Mentor profiles
partner-with-us.html       Mentor / Donor / Partner organisation paths
learning-resources.html    Resources for parents, boys, and books
stories.html                Testimonials and Beyond the Camp
blog.html                   Dated updates
about.html                  Founder and PUL connection
faq.html                    Frequently asked questions
contact.html                 General contact form (Formspree)
404.html                     Not found page

assets/css/styles.css     Design system (colors, type, components)
assets/js/main.js          Mobile nav + tab interactions
assets/img/                 Logos and photography

generate.js                 Node script that generated the HTML pages from
                             shared header/footer templates. Re-run after editing
                             page content inside generate.js, or edit the .html
                             files directly for small changes.

CNAME                       Custom domain for GitHub Pages
robots.txt / sitemap.xml    Basic SEO files
```

## Before you deploy

1. **Formspree**: both `apply.html` and `contact.html` currently point to
   `https://formspree.io/f/yourFormID`. Replace `yourFormID` with your real
   Formspree form IDs (create one form for each, or reuse one and filter by
   the hidden "Enquiry Type" field).
2. **Intake dates**: `programmes.html` has placeholder "dates to be confirmed"
   text for each region. Update these once real dates are set.
3. **Mentor profiles**: `mentors.html` currently lists Banio, Eduardo, and
   Patricia. Add further mentors as they're confirmed.
4. **Images**: all photography and both logos already sit in `assets/img/`,
   compressed for web use. Swap in higher-resolution or additional images
   the same way, keeping filenames consistent or updating the HTML references.

## Deploying to GitHub Pages

1. Create a new GitHub repository (for example `boystomencamp-website`).
2. Push the contents of this folder to the `main` branch:
   ```
   git init
   git add .
   git commit -m "Initial Boys to Men website"
   git branch -M main
   git remote add origin https://github.com/<your-username>/<repo-name>.git
   git push -u origin main
   ```
3. In the repository, go to **Settings → Pages**, set the source to the
   `main` branch, root folder.
4. In **Settings → Pages → Custom domain**, enter `boystomencamp.com`.
   GitHub will detect the existing `CNAME` file automatically.
5. In Namecheap, point the domain's DNS to GitHub Pages:
   - Add four `A` records for `@` pointing to GitHub's IPs:
     `185.199.108.153`, `185.199.109.153`, `185.199.110.153`, `185.199.111.153`
   - Add a `CNAME` record for `www` pointing to `<your-username>.github.io`
6. Wait for DNS to propagate, then enable **Enforce HTTPS** in the Pages
   settings once available.

This mirrors the same GitHub Pages plus Namecheap DNS approach already used
for potentialunexplored.com.