modd-africa/modd-africa.github.io

Modelling for Decisions in a Dynamic Africa # MoDD Africa — project website Source for the **MoDD Africa** (Modelling for Decisions in a Dynamic Africa) public landing site, built with Quarto. It's a static site: plain `.qmd` source renders to HTML and deploys to GitHub Pages via GitHub Actions. ## Structure ``` . ├── _quarto.yml # site config: navbar, footer, theme, fonts ├── theme.scss # design system (palette, type, components) ├── index.qmd # home (hero + network graphic, in one HTML block) ├── project.qmd # background, ERA approach, work packages ├── hubs.qmd # the three country hubs + partners ├── evidence-synthesis.qmd # the Evidence Synthesis Unit + moddafricaes package ├── engage.qmd # training, hackathons, community of practice ├── contact.qmd # leadership + links ├── 404.qmd # not-found page ├── assets/brand.svg # logo + favicon └── .github/workflows/publish.yml # CI: render + deploy to gh-pages ``` ## Edit content Most pages are ordinary Markdown — edit the prose directly in each `.qmd`. The home page (`index.qmd`) is a single raw-HTML block because of its custom hero layout and the inline network graphic; the comments mark each section. Design tokens (colours, fonts, spacing, components) all live in `theme.scss`. Change a colour once there and it propagates across the site. ## Preview locally 1. Install Quarto: 2. From this folder: ```bash quarto preview ``` This serves the site at a local URL and live-reloads as you edit. To build once into `_site/`: ```bash quarto render ``` The fonts (Space Grotesk, IBM Plex Sans, IBM Plex Mono) load from Google Fonts, so a network connection is needed for them to appear correctly. ## Deploy to GitHub Pages The included workflow (`.github/workflows/publish.yml`) renders the site and pushes the output to a `gh-pages` branch on every push to `main`. **First-time setup** 1. Create the repository under the `modd-africa` org …