Logo Lanfrica

boazmagumba-commits/push-pull-site

Domain:

agriculture

Record type:

project
Creator:
boa
Host:
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 …