A dedicated site for ICIPE's world famous push-pull innovation with interactive farm simulations showing how it works, farmer's testimonials, adoption maps across East Africa and a guide for smallholders to implement themselves.
# ICIPE Push-Pull Platform
A multi-page website dedicated to ICIPE's push-pull technology — a natural, chemical-free intercropping method that controls stem borers and striga weed, helping smallholder maize farmers across East Africa achieve 3.5× yield increases.
**Built by Boaz Magumba**
---
## 🌐 Live Site
> After deploying to GitHub Pages, your URL will be:
> `https:// .
github.io`
---
## 📁 Project Structure
```
pushpull-site/
├── index.html ← Homepage
├── README.md
├── assets/
│ ├── css/
│ │ └── main.css ← Shared stylesheet
│ └── js/
│ ├── main.js ← Shared logic (map, gallery, forms, simulator)
│ └── components.js ← Shared nav + footer injected on every page
└── pages/
├── how-it-works.html ← Science explainer
├── plants.html ← The four companion plants
├── impact-map.html ← Interactive SVG Africa map
├── gallery.html ← Photo gallery with lightbox
├── farmer-stories.html ← Four full farmer stories
├── guide.html ← Multilingual guide download
└── contact.html ← Contact form + ICIPE details
```
---
## 🚀 Deploy to GitHub Pages (Step-by-step)
### Step 1 — Create a GitHub account
Go to github.com and sign up for a free account if you don't have one.
### Step 2 — Create a new repository
1. Click the **+** button (top right) → **New repository**
2. Name it: `pushpull-site`
3. Set it to **Public**
4. Do **not** tick "Add a README" (you already have one)
5. Click **Create repository**
### Step 3 — Upload your files
1. On the new repo page, click **uploading an existing file**
2. Drag and drop the **entire `pushpull-site` folder contents** into the upload area
- Upload all files maintaining the folder structure:
- `index.html`
- `README.md`
- `assets/css/main.css`
- `assets/js/main.js`
- `assets/js/components.js`
- `pages/how-it-works.html`
- `pages/plants.html`
- `pages/impact-map.html`
- `pages/gallery.html`
- `page …