Logo Lanfrica

boazmagumba-commits/push-pull-site

Domaine:

agriculture

Type de record:

project
Créateur:
boa
Hôte:
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 …