index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Malaria modelling explainers</title>
<link rel="icon" href="favicon.svg" type="image/svg+xml">
<link rel="stylesheet" href="styles.css">
<!-- GoatCounter: privacy-friendly, cookieless visitor counts -->
<script data-goatcounter="https://pwinskill.goatcounter.com/count"
        async src="//gc.zgo.at/count.js"></script>
</head>
<body>

<header class="hero">
  <svg class="hero-logo" viewBox="0 0 72 72" role="img" aria-label="Malaria explainers logo: a curve rising to a peak then dipping below a baseline">
    <rect x="1" y="1" width="70" height="70" rx="16" fill="none" stroke="var(--line)" stroke-width="1.5"/>
    <line x1="12" y1="44" x2="60" y2="44" stroke="var(--muted)" stroke-width="1.5" stroke-dasharray="4 3" opacity=".5"/>
    <path d="M12,48 C20,48 22,18 32,18 C42,18 41,54 48,54 C54,54 58,44 60,44" fill="none" stroke="var(--blue)" stroke-width="3.5" stroke-linecap="round"/>
    <circle cx="32" cy="18" r="3.6" fill="var(--warm)"/>
  </svg>
  <p class="kicker">Interactive explainers</p>
  <h1>Malaria transmission &amp; control</h1>
  <p class="lede">A collection of short, interactive, explainers on how malaria transmission behaves and how control interventions reshape it. Each one pairs a plain-language walkthrough with a <strong style="color:var(--warm)">toy</strong> model you can play with.</p>
  <a class="wip-badge" href="https://github.com/pwinskill/malaria-explainers/commits/main" target="_blank" rel="noopener" title="These explainers are actively being worked on, see the latest changes on GitHub">
    <span class="dot" aria-hidden="true"></span>Work in progress: pages may change
  </a>
</header>

<div class="wrapwide">

  <h2 class="lessons-h">Explainers</h2>
  <div class="lessons">

    <a class="lesson-card" href="nonlinearities.html">
      <div class="lc-num">1</div>
      <h2>Non-linearities in malaria epidemiology and control</h2>
      <p>Why a modest change in bed-net coverage, working through mosquito biting and survival, can produce a much larger (or surprisingly small) change in prevalence and clinical cases. Trace a bed-net effect through the coverage → EIR → prevalence → incidence cascade.</p>
      <span class="go">Open explainer →</span>
    </a>

    <a class="lesson-card warm" href="rebounds.html">
      <div class="lc-num">2</div>
      <h2>Rebounds: why protection can dip below baseline</h2>
      <p>When transmission-reducing control is withdrawn, naturally-acquired immunity has waned underneath it, so total protection can fall <em>below</em> where it started. Explore the three drivers of rebound with a toy protection-over-time model.</p>
      <span class="go">Open explainer →</span>
    </a>

    <a class="lesson-card blue" href="seasonality.html">
      <div class="lc-num">3</div>
      <h2>Seasonality and the timing of malaria control</h2>
      <p>Where transmission is seasonal, malaria arrives in a short window and preventive treatment protects for only a short time. Explore how the impact of seasonal malaria chemoprevention depends on when its rounds land and on who they reach, with a toy model of cases through the year.</p>
      <span class="go">Open explainer →</span>
    </a>

    <a class="lesson-card clin" href="age-distribution.html">
      <div class="lc-num">4</div>
      <h2>The age distribution of malaria burden</h2>
      <p>Malaria is a disease of young children only where transmission is intense. See how rising transmission concentrates clinical cases in the very young, through acquired immunity, with a live implementation of the Griffin model.</p>
      <span class="go">Open explainer →</span>
    </a>

    <a class="lesson-card" href="nmf.html">
      <div class="lc-num">5</div>
      <h2>Non-malaria fevers and inflated malaria case counts</h2>
      <p>Routine data records a malaria case whenever a fever tests positive, but many infections are asymptomatic, so a fever from another cause can coincide with one and be recorded as malaria. See how non-malaria fevers inflate recorded cases, and why the over-count is worst in the low season, with a toy model of cases through the year.</p>
      <span class="go">Open explainer →</span>
    </a>

    <a class="lesson-card warm" href="attribution.html">
      <div class="lc-num">6</div>
      <h2>Attributing impact of malaria interventions</h2>
      <p>Malaria tools are used together, and their effects do not simply add up. See how the impact credited to an intervention, and its apparent cost-effectiveness, depends on the order in which combined controls are counted, with a toy model of three interventions you can reorder.</p>
      <span class="go">Open explainer →</span>
    </a>

  </div>

  <section class="card" style="margin-top:24px">
    <h2>Built with the Feynman technique</h2>
    <p>These explainers are my take on the Feynman technique: you only really understand a topic once you can explain it in plain language and build a working <strong style="color:var(--warm)">toy</strong> model of it. Each one works through an idea in malaria transmission and control that way.</p>
    <div class="feynman">
      <div class="fstep"><span class="fnum" style="background:var(--blue)">1</span><div><b>Choose a concept</b><span>pick something to understand</span></div></div>
      <div class="farrow">→</div>
      <div class="fstep"><span class="fnum" style="background:var(--accent)">2</span><div><b>Teach it to someone</b><span>explain it in plain language</span></div></div>
      <div class="farrow">→</div>
      <div class="fstep"><span class="fnum" style="background:var(--warm)">3</span><div><b>Identify gaps</b><span>find where it breaks down</span></div></div>
      <div class="farrow">→</div>
      <div class="fstep"><span class="fnum" style="background:var(--clin)">4</span><div><b>Refine &amp; simplify</b><span>fill the gaps, then simplify</span></div></div>
    </div>
  </section>
</div>

<footer>
  <p>Illustrative teaching material. The toy models show the <em>shape</em> of relationships, not real-world impact, and are not to be used for decision making.</p>
</footer>

</body>
</html>