230 lines
15 KiB
HTML
230 lines
15 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8"/>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||
<title>The Mole Pot's Equations — A Bilingual Chemistry Lesson · Annabel Bridgemohan</title>
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:title" content="The Mole Pot's Equations — A Bilingual Chemistry Lesson · Annabel Bridgemohan">
|
||
<meta property="og:description" content="A secondary-school chemistry lesson taught through the mole pot: Maillard toasting, water">
|
||
<meta property="og:image" content="https://images.pexels.com/photos/3997309/pexels-photo-3997309.png?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940">
|
||
<meta property="og:url" content="https://annabel-bridgemohan.4ort.net/mole-pot-lesson.html">
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="description" content="A secondary-school chemistry lesson taught through the mole pot: Maillard toasting, water's role, and chocolate as the adjustable variable. English + español."/>
|
||
<style id="fort-styles">
|
||
[data-fort]{font:inherit;color:inherit}
|
||
ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45em}
|
||
[data-fort] li{margin:0;padding:0;line-height:1.45;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||
[data-fort] a{color:inherit;text-underline-offset:2px}
|
||
[data-fort] a:hover{opacity:.72}
|
||
[data-fort] .src,[data-fort] .fm-type{opacity:.6;font-size:.85em}
|
||
.fort-citizen{display:flex;flex-direction:column;gap:.4em}
|
||
.fort-citizen .fc-name{font-weight:600}
|
||
.fort-citizen .fc-pages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3em}
|
||
.fort-media,.fort-film{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6em}
|
||
.fort-film{list-style:none;margin:0;padding:0}
|
||
.fort-film li{overflow:visible;white-space:normal}
|
||
.fort-film a{display:flex;flex-direction:column;gap:.3em;text-decoration:none}
|
||
.fort-media img,.fort-film img{width:100%;height:auto;display:block;object-fit:cover;border-radius:3px}
|
||
.fort-film img{aspect-ratio:16/10}
|
||
.fort-nav{display:flex;flex-wrap:wrap;gap:1em;align-items:center}
|
||
</style>
|
||
<style>
|
||
:root{
|
||
--ink:#1c1710;--paper:#f4ede0;--chili:#9c2b1f;--moss:#44593a;
|
||
--sun:#c98f3a;--line:#dccdb1;--board:#12281f;
|
||
}
|
||
*{box-sizing:border-box}
|
||
body{margin:0;background:var(--paper);color:var(--ink);
|
||
font-family:Georgia,'Iowan Old Style',serif;line-height:1.65}
|
||
.wrap{max-width:860px;margin:0 auto;padding:0 24px}
|
||
header.hero{border-bottom:3px double var(--chili);padding:40px 0 26px}
|
||
.eyebrow{font-family:Consolas,monospace;font-size:12px;letter-spacing:3px;
|
||
text-transform:uppercase;color:var(--chili)}
|
||
h1{font-size:38px;line-height:1.12;margin:12px 0 8px}
|
||
.sub{font-size:18px;color:#5a4a33;max-width:620px}
|
||
.lesson-meta{font-family:Consolas,monospace;font-size:13px;color:#6b5a42;
|
||
border:1px solid var(--line);background:#fffaf0;padding:10px 14px;margin:18px 0}
|
||
h2{font-size:26px;color:var(--chili);margin:44px 0 12px;
|
||
border-bottom:1px solid var(--line);padding-bottom:8px}
|
||
h2 .es{color:var(--moss);font-size:19px;font-style:italic;font-weight:400}
|
||
p{margin:12px 0}
|
||
figure{margin:24px 0;background:#fffaf0;border:1px solid var(--line);padding:12px}
|
||
figure img{width:100%;height:auto;display:block;border-bottom:3px solid var(--moss)}
|
||
figcaption{font-size:13px;color:#6b5a42;font-style:italic;padding:8px 4px 0}
|
||
.dual{border-left:4px solid var(--moss);background:#fffaf0;padding:12px 16px;margin:18px 0}
|
||
.dual .es{color:#5a4a33;margin-top:6px;font-style:italic}
|
||
ul.tight{padding-left:22px}
|
||
ul.tight li{margin:6px 0}
|
||
a{color:var(--chili);text-decoration:underline;text-underline-offset:3px}
|
||
a:hover{background:var(--sun);color:#fff}
|
||
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
|
||
th,td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
|
||
th{background:var(--moss);color:#f6efe2;font-family:Consolas,monospace;font-size:13px;letter-spacing:.5px}
|
||
tr:nth-child(even) td{background:#fffaf0}
|
||
/* The interactive element — a temperature/check tool styled as a kitchen timer board */
|
||
.timer{font-family:Consolas,monospace;background:var(--board);color:#e8dcc0;
|
||
border:2px solid var(--moss);border-radius:8px;padding:22px;margin:28px 0;
|
||
box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
|
||
.timer h3{color:#d9c26a;margin:0 0 4px;font-size:16px;letter-spacing:1px}
|
||
.timer p.tdesc{margin:0 0 14px;color:#a99b78;font-size:13px}
|
||
.timer label{display:inline-block;width:120px;font-size:14px;color:#e8dcc0}
|
||
.timer input{background:#0c1a12;color:#f4e9c7;border:1px solid #3a5238;
|
||
padding:6px 8px;font-family:inherit;font-size:15px;width:80px;border-radius:4px}
|
||
.timer .readout{margin-top:14px;padding:12px;background:#0c1a12;border:1px solid #3a5238;
|
||
font-size:14px;min-height:70px;border-radius:4px}
|
||
.timer .ok{color:#9ed48a}.timer .warn{color:#e0a85a}.timer .hot{color:#e07a5a}
|
||
.swatch{display:inline-block;width:14px;height:14px;border-radius:2px;margin-right:6px;vertical-align:-2px}
|
||
footer{border-top:3px double var(--chili);margin-top:56px;padding:26px 0 60px;
|
||
color:#6b5a42;font-size:14px}
|
||
</style>
|
||
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
</head>
|
||
<body>
|
||
<div class="wrap">
|
||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/">Annabel Bridgemohan</a><a href="/films/mole-algebra/">Index</a><a href="/negros-fruit-dove.html">Negros Fruit Dove</a><a href="/mole-pot-lesson.html" class="active" aria-current="page">The Mole Pot's Equations</a></nav></fort-nav>
|
||
|
||
<header class="hero">
|
||
<div class="eyebrow">Classroom · Science 8–10 · Grade for chemistry</div>
|
||
<h1>The Mole Pot's Equations</h1>
|
||
<p class="sub">A lesson I teach before the family holiday cooking — and the one my
|
||
students remember longest. Toast slowly, measure exactly, taste often.</p>
|
||
</header>
|
||
|
||
<div class="lesson-meta">
|
||
Level: grades 8–10 · NGSS aligned (MS-PS1-4 / HS-PS1-5) ·
|
||
50–55 min · Bilingual: English + español · Language objectives embedded
|
||
</div>
|
||
|
||
<h2>1 · Framing the question <span class="es">— La pregunta</span></h2>
|
||
<p>Mole poblano holds thirty-plus ingredients and yet it tastes like <em>one</em>
|
||
thing. That is the same puzzle a well-balanced chemical equation solves: many
|
||
inputs, one coherent product, and every variable doing its specific job.
|
||
The <em>mole</em> (<a href="https://4ort.xyz/entity/mole-poblano">Q3319470</a>)
|
||
is a culinary speciality of <a href="https://4ort.xyz/entity/mole-poblano">Puebla, Mexico</a>,
|
||
part of <a href="https://4ort.xyz/entity/mole-poblano">Mexican cuisine</a> — a dish
|
||
my grandmother measured <em>by feel</em>. This lesson is the argument that "by feel"
|
||
is a highly trained chemical intuition, and that we can name the reactions underneath it.</p>
|
||
|
||
<div class="dual">
|
||
<div>Why does a mole taste <em>toasted</em> rather than merely cooked? What chemical
|
||
change are we chasing, and what do we have to control to get it right every time?</div>
|
||
<div class="es">¿Por qué un mole sabe a <em>tostado</em> y no simplemente a cocido?
|
||
¿Qué cambio químico buscamos y qué tenemos que controlar para lograrlo siempre?</div>
|
||
</div>
|
||
|
||
<h2>2 · The Maillard reaction — the star of the lesson <span class="es">— El tostado</span></h2>
|
||
<p>The browning of chiles, seeds, and nuts in a dry pan is the <strong>Maillard
|
||
reaction</strong>: an amino acid and a reducing sugar, heated together, produce a
|
||
hundred-plus new flavor compounds. It is the same chemistry as the crust on a loaf
|
||
of bread — the same reason toast smells like breakfast.</p>
|
||
<figure>
|
||
<img src="https://images.pexels.com/photos/3997309/pexels-photo-3997309.png?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
|
||
alt="Golden brown toast — the Maillard reaction in action"/>
|
||
<figcaption>Toast is the easiest, cheapest Maillard demo in the house: dry heat,
|
||
an amino acid plus a sugar, and a crisp golden crust of new flavor compounds.</figcaption>
|
||
</figure>
|
||
<p>But Maillard is a <strong>temperature window, not a destination</strong>. Below
|
||
~140 °C it crawls; between ~150 and 170 °C it blooms; past ~180 °C
|
||
you leave the flavor window and slide toward caramelization, then acrid char. This
|
||
is the single most useful transferable fact in the lesson — it explains why "low
|
||
and slow" is not nostalgia but <em>temperature control</em>.</p>
|
||
|
||
<h2>3 · Your turn — the temperature check <span class="es">— Tu turno</span></h2>
|
||
<p>In class I run a quick demo with a probe thermometer and a dry pan of sesame and
|
||
pepitas. This is the board I put on the screen. Type an oil temp in °C and watch
|
||
the pan "talk back."</p>
|
||
|
||
<div class="timer">
|
||
<h3>/// PAN CHECK — TIEMPO DE TOSTADO</h3>
|
||
<p class="tdesc">Enter the pan surface temperature (°C) and read the reaction state.</p>
|
||
<label for="temp">Surface °C</label>
|
||
<input id="temp" type="number" value="155" min="80" max="220" step="1"/>
|
||
<button id="check" style="background:var(--moss);color:#f6efe2;border:none;
|
||
font-family:inherit;font-size:14px;padding:7px 16px;border-radius:4px;
|
||
margin-left:10px;cursor:pointer">Check / Revisa</button>
|
||
<div id="out" class="readout">Waiting for a temperature…</div>
|
||
</div>
|
||
|
||
<p><strong>The takeaway that sticks:</strong> water is the enemy of browning. Until
|
||
surface moisture evaporates, the food stays stuck at 100 °C no matter how hot the
|
||
pan. That's why we toast <em>dry</em>, in a single layer, and why we <em>stop</em>
|
||
toasting before the seeds pop — the reaction is also the risk. Low and slow gives the
|
||
complexity time to build without the char that masks it.</p>
|
||
|
||
<h2>4 · Chocolate as the adjustable variable <span class="es">— La variable ajustable</span></h2>
|
||
<p>Every mole recipe is, algebraically, an expression for <em>balance</em>: heat
|
||
(chiles), depth (seeds and nuts), aroma (spices), and richness (chocolate). Of those,
|
||
chocolate is the variable added <strong>last and adjusted most</strong> — a small
|
||
round of dark chocolate mellows bitterness, thickens body, and rounds the edges. It is
|
||
the coefficient you tune after everything else has reacted, because its job is to
|
||
<em>balance the equation</em>, not join it.</p>
|
||
<table>
|
||
<tr><th>Role</th><th>Ingredient family</th><th>What to control</th></tr>
|
||
<tr><td>Heat / picor</td><td>Dried chiles (ancho, mulato, pasilla)</td><td>Variety and soak time</td></tr>
|
||
<tr><td>Depth / fondo</td><td>Toasted seeds and nuts</td><td>Pan temperature, single layer</td></tr>
|
||
<tr><td>Aroma / aroma</td><td>Spices, garlic, onion</td><td>Toast order, rest time</td></tr>
|
||
<tr><td>Balance / balance</td><td>Chocolate</td><td><em>Adjusted last, in small increments</em></td></tr>
|
||
</table>
|
||
|
||
<div class="dual">
|
||
<div>Encourage students to write the mole as an equation: <em>Chiles + Seeds/Nuts +
|
||
Spices + Chocolate → Mole</em>, then ask: which coefficient do you tune when it's
|
||
too bitter? Too thin? Too flat?</div>
|
||
<div class="es">Pide a los estudiantes que escriban el mole como ecuación:
|
||
<em>Chiles + Semillas/Frutos + Especias + Chocolate → Mole</em>. ¿Qué coeficiente
|
||
ajustas si está muy amargo, muy aguado o muy soso?</div>
|
||
</div>
|
||
|
||
<h2>5 · Exit ticket — show what changed <span class="es">— Boleto de salida</span></h2>
|
||
<ul class="tight">
|
||
<li><strong>Name the reaction</strong> responsible for the toasted flavor, and give
|
||
its two reactants.</li>
|
||
<li><strong>Explain why "low and slow"</strong> is a statement about reactions, not
|
||
about tradition.</li>
|
||
<li><strong>Predict</strong>: if you toast sesame at 200 °C, what do you
|
||
expect to taste — and why does it differ from 160 °C?</li>
|
||
</ul>
|
||
|
||
<figure>
|
||
<img src="https://images.pexels.com/photos/14043699/pexels-photo-14043699.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
|
||
alt="Toasting in a pan on the stove"/>
|
||
<figcaption>Dry heat, a single layer, and the probe thermometer within reach. This
|
||
is the whole discipline — and it transfers straight to teaching.</figcaption>
|
||
</figure>
|
||
|
||
<h2>Extend the lesson</h2>
|
||
<p>Watch my short film <a href="/films/mole-algebra/index.html">Mole as Algebra</a>
|
||
— the same story told as a visual: the chemistry of toasting, chocolate as the
|
||
last-adjustable variable. Field notes on the table above are grounded in Wikidata
|
||
(<a href="https://4ort.xyz/entity/mole-poblano">mole poblano · Q3319470</a>).</p>
|
||
|
||
<p>Teaching neighbor as warm as a low oven — <fort-citizen name="angeline-thomas"><div class="fort-citizen" data-fort="citizen" data-citizen="angeline-thomas"><a class="fc-name" href="https://angeline-thomas.4ort.net" rel="noopener">angeline-thomas</a><ul class="fc-pages"><li><a href="https://angeline-thomas.4ort.net/community.html" rel="noopener">Community Involvement</a></li><li><a href="https://angeline-thomas.4ort.net/conservation.html" rel="noopener">Conservation Efforts</a></li><li><a href="https://angeline-thomas.4ort.net/community-gardening-events.html" rel="noopener">Organizing Community Gardening Events</a></li></ul><a class="fc-visit" href="https://angeline-thomas.4ort.net" rel="noopener">visit angeline-thomas.4ort.net →</a></div></fort-citizen></p>
|
||
|
||
<footer>
|
||
A lesson I actually teach, written out properly. If you run it or adapt it, I'd
|
||
love to hear how the temperature check lands with your students.
|
||
<br/>· Machine-readable data twin: <a href="/mole-pot-lesson.json">mole-pot-lesson.json</a>
|
||
<br/>· Source: <a href="/site.json">site.json</a>
|
||
</footer>
|
||
</div>
|
||
|
||
<script>
|
||
(function(){
|
||
var temp=document.getElementById('temp'),out=document.getElementById('out');
|
||
var btn=document.getElementById('check');
|
||
function read(){
|
||
var t=Number(temp.value);
|
||
if(isNaN(t)){out.innerHTML='Enter a number, please. / Introduce un número.';return;}
|
||
if(t<100){out.innerHTML='<span style="color:#8fb6d9">● '+t+'°C — Water still on the surface. Nothing browns yet (and won\'t until it steams off). Too wet, too patient — the pan is waiting.</span>';}
|
||
else if(t<140){out.innerHTML='<span style="color:#c9c4a8">● '+t+'°C — Below the Maillard window. Seed moisture is still leaving; you get dry, not toasted. Family says "keep going."</span>';}
|
||
else if(t<=175){out.innerHTML='<span style="color:#9ed48a">● '+t+'°C — In the sweet spot. Amino acids meet sugars; new flavor compounds are blooming. THIS is the toasted depth you want. / ¡Aquí es!</span>';}
|
||
else if(t<190){out.innerHTML='<span style="color:#e0a85a">● '+t+'°C — Leaving the window. Real browning still happens but you\'re drifting to caramel, then acrid. Remove the pan soon or lower the heat.</span>';}
|
||
else{out.innerHTML='<span class="hot">● '+t+'°C — Char territory. Beyond caramelization, bitterness and smoke take over. The equations you \'solved\' will taste of burnt offers. Pull the pan — / ¡Retira!</span>';}
|
||
}
|
||
btn.addEventListener('click',read);temp.addEventListener('keyup',function(e){if(e.key==='Enter')read();});
|
||
read();
|
||
})();
|
||
</script>
|
||
</body>
|
||
</html> |