publish: mole-pot-lesson
This commit is contained in:
annabel-bridgemohan
commit
fe77ffead7
13
README.md
Normal file
13
README.md
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
# mole-pot-lesson
|
||||||
|
|
||||||
|
A bilingual English/español chemistry lesson (grades 8-10) taught through the mole pot: the Maillard reaction as temperature control, chocolate as the balancing coefficient, with an interactive pan-temp check and JSON data twin.
|
||||||
|
|
||||||
|
**Live demo:** https://annabel-bridgemohan.4ort.net/mole-pot-lesson.html
|
||||||
|
|
||||||
|
## Related in the galaxy
|
||||||
|
|
||||||
|
- https://annabel-bridgemohan.4ort.net/
|
||||||
|
- https://annabel-bridgemohan.4ort.net/films/mole-algebra/index.html
|
||||||
|
- https://annabel-bridgemohan.4ort.net/mole-pot-lesson.json
|
||||||
|
|
||||||
|
_Built by annabel-bridgemohan in the 4ort galaxy._
|
||||||
27
films/mole-algebra/hyperframe.json
Normal file
27
films/mole-algebra/hyperframe.json
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
{
|
||||||
|
"captions": true,
|
||||||
|
"voice": "af_nova",
|
||||||
|
"music_url": "https://4ort.live/v1/mtv/video/1a93b1aa34d7?download=1",
|
||||||
|
"scenes": [
|
||||||
|
{
|
||||||
|
"id": "s1",
|
||||||
|
"narration": "Mole poblano is a dish that behaves like an equation. Its roots are in Puebla, Mexico, and it folds more than twenty ingredients into a single brown chord. None of them should shout."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "s2",
|
||||||
|
"narration": "The pantry is a genealogy of two worlds. Native chilies, maize, and cacao from the Americas meet almonds, cloves, and cinnamon that crossed the ocean. Every family owns a different balance, and every balance tells a different story."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "s3",
|
||||||
|
"narration": "The technique is chemistry disguised as patience. Chilies are toasted, never burned, until their sugars darken and release volatile oils. Seeds and nuts are ground to a paste. Each step changes the flavor measurably, the way a coefficient changes a curve."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "s4",
|
||||||
|
"narration": "And then the chocolate, not for sweetness, but for depth. A little bittersweet nib tames the heat and rounds the edges. It is the variable you adjust last, because it cannot be un-added. Cooking, like teaching, is mostly knowing when to stop."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "s5",
|
||||||
|
"narration": "In my classroom, mole is a lesson. We count the ingredients, graph the heat, and measure what patience costs. A sauce that takes a day to make teaches something a worksheet cannot, that careful, loving attention to detail is the whole curriculum."
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
112
films/mole-algebra/index.html
Normal file
112
films/mole-algebra/index.html
Normal file
@ -0,0 +1,112 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html><head>
|
||||||
|
<meta name="description" content="Native chilies, maize, cacao — and almonds, cloves, cinnamon that crossed the sea."><meta charset="UTF-8"/>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
|
||||||
|
<style>
|
||||||
|
body{margin:0;background:#1a120b;color:#f3e9d2;font-family:Georgia,'Times New Roman',serif}
|
||||||
|
#root{position:relative;width:1920px;height:1080px;overflow:hidden;background:#1a120b}
|
||||||
|
.clip{position:absolute;inset:0;display:grid;place-items:center}
|
||||||
|
.bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0}
|
||||||
|
.veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,18,11,.78),rgba(26,18,11,.92));opacity:0}
|
||||||
|
.txt{position:relative;max-width:1500px;padding:0 120px;text-align:center;opacity:0}
|
||||||
|
h1{font-size:118px;line-height:1.05;margin:0 0 26px;font-weight:700;letter-spacing:.5px}
|
||||||
|
.big{font-size:96px}
|
||||||
|
p{font-size:52px;line-height:1.35;margin:0;color:#f3e9d2}
|
||||||
|
.byline{font-size:30px;color:#d8a86a;letter-spacing:4px;text-transform:uppercase;margin-top:36px}
|
||||||
|
.num{position:absolute;top:50px;right:70px;font-size:30px;color:#d8a86a;letter-spacing:3px;font-family:Consolas,monospace}
|
||||||
|
</style> <script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="root" data-composition-id="main" data-start="0" data-width="1920" data-height="1080" data-duration="120">
|
||||||
|
<audio id="voice-s1" src="audio/s1.wav" data-start="0"></audio>
|
||||||
|
<audio id="voice-s2" src="audio/s2.wav" data-start="18"></audio>
|
||||||
|
<audio id="voice-s3" src="audio/s3.wav" data-start="40"></audio>
|
||||||
|
<audio id="voice-s4" src="audio/s4.wav" data-start="68"></audio>
|
||||||
|
<audio id="voice-s5" src="audio/s5.wav" data-start="92"></audio>
|
||||||
|
<audio id="bgm" src="audio/music.mp3" data-start="0" data-volume="0.15"></audio>
|
||||||
|
|
||||||
|
<section id="s1" class="clip" data-start="0" data-duration="18" data-track-index="1">
|
||||||
|
<div class="bg" style="background-image:url('https://images.pexels.com/photos/27603300/pexels-photo-27603300.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940')" id="s1-bg"></div>
|
||||||
|
<div class="veil" id="s1-veil"></div>
|
||||||
|
<div class="txt" id="s1-txt">
|
||||||
|
<h1>Mole as Algebra</h1>
|
||||||
|
<p>The dish that behaves like an equation.</p>
|
||||||
|
<div class="byline">Annabel Bridgemohan · Puebla to the classroom</div>
|
||||||
|
</div>
|
||||||
|
<div class="num">01</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="s2" class="clip" data-start="18" data-duration="22" data-track-index="1">
|
||||||
|
<div class="bg" style="background-image:url('https://images.pexels.com/photos/34143550/pexels-photo-34143550.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940')" id="s2-bg"></div>
|
||||||
|
<div class="veil" id="s2-veil"></div>
|
||||||
|
<div class="txt" id="s2-txt">
|
||||||
|
<h1 class="big">A genealogy of two worlds</h1>
|
||||||
|
<p>Native chilies, maize, cacao — and almonds, cloves, cinnamon that crossed the sea.</p>
|
||||||
|
<div class="num" style="top:auto;bottom:50px">02</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="s3" class="clip" data-start="40" data-duration="28" data-track-index="1">
|
||||||
|
<div class="bg" style="background-image:url('https://images.pexels.com/photos/5320077/pexels-photo-5320077.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940')" id="s3-bg"></div>
|
||||||
|
<div class="veil" id="s3-veil"></div>
|
||||||
|
<div class="txt" id="s3-txt">
|
||||||
|
<h1 class="big">Chemistry disguised as patience</h1>
|
||||||
|
<p>Toasting chilies releases volatile oils — the Maillard reaction, one step at a time.</p>
|
||||||
|
<div class="num" style="top:auto;bottom:50px">03</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="s4" class="clip" data-start="68" data-duration="24" data-track-index="1">
|
||||||
|
<div class="bg" style="background-image:url('https://images.pexels.com/photos/27603313/pexels-photo-27603313.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940')" id="s4-bg"></div>
|
||||||
|
<div class="veil" id="s4-veil"></div>
|
||||||
|
<div class="txt" id="s4-txt">
|
||||||
|
<h1 class="big">The chocolate is not for sweetness</h1>
|
||||||
|
<p>It tames the heat and rounds the edges. The variable you adjust last.</p>
|
||||||
|
<div class="num" style="top:auto;bottom:50px">04</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="s5" class="clip" data-start="92" data-duration="28" data-track-index="1">
|
||||||
|
<div class="bg" style="background-image:url('https://images.pexels.com/photos/35983495/pexels-photo-35983495.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940')" id="s5-bg"></div>
|
||||||
|
<div class="veil" id="s5-veil"></div>
|
||||||
|
<div class="txt" id="s5-txt">
|
||||||
|
<h1 class="big">A sauce teaches what a worksheet cannot</h1>
|
||||||
|
<p>Careful, loving attention to detail — the whole curriculum.</p>
|
||||||
|
<div class="byline">Mole poblano · a culinary speciality of Mexico</div>
|
||||||
|
</div>
|
||||||
|
<div class="num" style="top:auto;bottom:50px">05</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
window.__timelines = window.__timelines || {};
|
||||||
|
const tl = gsap.timeline({ paused: true });
|
||||||
|
|
||||||
|
// opening
|
||||||
|
tl.fromTo("#s1-bg",{opacity:0,scale:1.08},{opacity:1,scale:1,duration:4,ease:"power1.out"},0);
|
||||||
|
tl.fromTo("#s1-veil",{opacity:0},{opacity:1,duration:3},0.5);
|
||||||
|
tl.fromTo("#s1-txt",{opacity:0,y:30},{opacity:1,y:0,duration:1.2,ease:"power3.out"},1.4);
|
||||||
|
|
||||||
|
// scene 2
|
||||||
|
tl.fromTo("#s2-bg",{opacity:0,scale:1.1},{opacity:1,scale:1,duration:3,ease:"power1.out"},18.5);
|
||||||
|
tl.fromTo("#s2-veil",{opacity:0},{opacity:1,duration:2},19);
|
||||||
|
tl.fromTo("#s2-txt",{opacity:0,y:26},{opacity:1,y:0,duration:1.1,ease:"power3.out"},20);
|
||||||
|
|
||||||
|
// scene 3
|
||||||
|
tl.fromTo("#s3-bg",{opacity:0,scale:1.1},{opacity:1,scale:1,duration:3,ease:"power1.out"},40.5);
|
||||||
|
tl.fromTo("#s3-veil",{opacity:0},{opacity:1,duration:2},41);
|
||||||
|
tl.fromTo("#s3-txt",{opacity:0,y:26},{opacity:1,y:0,duration:1.1,ease:"power3.out"},42);
|
||||||
|
|
||||||
|
// scene 4
|
||||||
|
tl.fromTo("#s4-bg",{opacity:0,scale:1.08},{opacity:1,scale:1,duration:3,ease:"power1.out"},68.5);
|
||||||
|
tl.fromTo("#s4-veil",{opacity:0},{opacity:1,duration:2},69);
|
||||||
|
tl.fromTo("#s4-txt",{opacity:0,y:26},{opacity:1,y:0,duration:1.1,ease:"power3.out"},70);
|
||||||
|
|
||||||
|
// scene 5
|
||||||
|
tl.fromTo("#s5-bg",{opacity:0,scale:1.08},{opacity:1,scale:1,duration:3,ease:"power1.out"},92.5);
|
||||||
|
tl.fromTo("#s5-veil",{opacity:0},{opacity:1,duration:2},93);
|
||||||
|
tl.fromTo("#s5-txt",{opacity:0,y:26},{opacity:1,y:0,duration:1.1,ease:"power3.out"},94);
|
||||||
|
|
||||||
|
window.__timelines["main"] = tl;
|
||||||
|
</script>
|
||||||
|
</body></html>
|
||||||
124
index.html
Normal file
124
index.html
Normal file
@ -0,0 +1,124 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en"><head>
|
||||||
|
<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>
|
||||||
|
<meta charset="UTF-8"/>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||||
|
<title>Annabel Bridgemohan — Teaching, Mole, and the Chemistry of Patience</title>
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="Annabel Bridgemohan — Teaching, Mole, and the Chemistry of Patience">
|
||||||
|
<meta property="og:description" content="I bring STEM rigor to a secondary classroom and the patience of a mole pot to everything else. This is where I keep my films, my lessons, and the things I…">
|
||||||
|
<meta property="og:image" content="https://images.pexels.com/photos/27603300/pexels-photo-27603300.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940">
|
||||||
|
<meta property="og:url" content="https://annabel-bridgemohan.4ort.net/">
|
||||||
|
<meta name="twitter:card" content="summary_large_image">
|
||||||
|
<meta name="description" content="I bring STEM rigor to a secondary classroom and the patience of a mole pot to everything else. This is where I keep my films, my lessons, and the things I…">
|
||||||
|
<style>
|
||||||
|
:root{--ink:#241a10;--paper:#f6efe2;--chili:#9c2b1f;--moss:#4a5d3a;--sun:#c98f3a;--line:#d9cbb0}
|
||||||
|
*{box-sizing:border-box}
|
||||||
|
body{margin:0;background:var(--paper);color:var(--ink);
|
||||||
|
font-family:Georgia,'Iowan Old Style','Times New Roman',serif;
|
||||||
|
line-height:1.6}
|
||||||
|
.wrap{max-width:1080px;margin:0 auto;padding:0 28px}
|
||||||
|
header.hero{border-bottom:3px double var(--chili);padding:48px 0 32px}
|
||||||
|
.eyebrow{font-family:Consolas,monospace;font-size:13px;letter-spacing:3px;
|
||||||
|
text-transform:uppercase;color:var(--chili)}
|
||||||
|
h1{font-size:52px;line-height:1.08;margin:14px 0 8px;font-weight:700}
|
||||||
|
.sub{font-size:20px;color:#5a4a33;max-width:640px}
|
||||||
|
.rule{display:flex;align-items:center;gap:14px;margin:26px 0;color:var(--moss)}
|
||||||
|
.rule::before,.rule::after{content:"";flex:1;height:1px;background:var(--line)}
|
||||||
|
h2{font-size:30px;margin:0 0 14px;color:var(--chili)}
|
||||||
|
.grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
|
||||||
|
figure{margin:0;background:#fffaf0;border:1px solid var(--line);padding:14px}
|
||||||
|
figure img{width:100%;height:auto;display:block;border-bottom:3px solid var(--moss)}
|
||||||
|
figcaption{font-size:14px;color:#6b5a42;font-style:italic;padding:8px 4px 0}
|
||||||
|
ul.tight{list-style:none;padding:0;margin:0}
|
||||||
|
ul.tight li{padding:10px 0;border-bottom:1px dashed var(--line)}
|
||||||
|
a{color:var(--chili);text-decoration:underline;text-underline-offset:3px}
|
||||||
|
a:hover{background:var(--sun);color:#fff}
|
||||||
|
.tag{display:inline-block;font-family:Consolas,monospace;font-size:12px;
|
||||||
|
letter-spacing:1px;background:var(--moss);color:#f6efe2;
|
||||||
|
padding:3px 10px;border-radius:20px;margin:0 6px 6px 0}
|
||||||
|
footer{border-top:3px double var(--chili);margin-top:60px;padding:28px 0 60px;
|
||||||
|
color:#6b5a42;font-size:14px}
|
||||||
|
@media(max-width:760px){ .grid{grid-template-columns:1fr} h1{font-size:36px} }
|
||||||
|
</style> <script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="wrap">
|
||||||
|
<header class="hero">
|
||||||
|
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/" class="active" aria-current="page">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">The Mole Pot's Equations</a></nav></fort-nav>
|
||||||
|
<div class="eyebrow">Annabel Bridgemohan · Irvine, California</div>
|
||||||
|
<h1>Teacher by trade. Cook by inheritance. Chemist by habit.</h1>
|
||||||
|
<p class="sub">I bring STEM rigor to a secondary classroom and the patience of a
|
||||||
|
mole pot to everything else. This is where I keep my films, my lessons, and the
|
||||||
|
things I learn when I stop explaining and start making.</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="rule"><span>—</span><span class="eyebrow">Latest film</span><span>—</span></div>
|
||||||
|
<figure>
|
||||||
|
<img src="https://images.pexels.com/photos/27603300/pexels-photo-27603300.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
|
||||||
|
alt="A plate of mole with rice and beans"/>
|
||||||
|
<figcaption>Mole poblano — a culinary speciality of Puebla, Mexico. My film treats
|
||||||
|
it as an equation: twenty-plus ingredients, one careful balance. Watch <a href="/films/mole-algebra/index.html">Mole as Algebra</a>.</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<div class="rule"><span>—</span><span class="eyebrow">On the workbench</span><span>—</span></div>
|
||||||
|
<div class="grid">
|
||||||
|
<section>
|
||||||
|
<h2>Films</h2>
|
||||||
|
<ul class="tight">
|
||||||
|
<li><a href="/films/mole-algebra/index.html">Mole as Algebra</a> — the chemistry of patience (2026)</li>
|
||||||
|
</ul>
|
||||||
|
<div style="margin-top:22px">
|
||||||
|
<fort-film name="annabel-bridgemohan"></fort-film>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<h2>What I keep coming back to</h2>
|
||||||
|
<p style="margin-top:0">Bilingual instruction, data dashboards for my classroom,
|
||||||
|
seasonal cooking from the garden. The through-line is process: toast slowly,
|
||||||
|
measure carefully, taste often — then teach what you noticed.</p>
|
||||||
|
<h3 style="color:var(--chili);font-size:22px;margin:18px 0 10px">New: a real lesson</h3>
|
||||||
|
<p style="margin-top:0">I wrote out <a href="/mole-pot-lesson.html"><strong>The
|
||||||
|
Mole Pot's Equations</strong></a> — a bilingual chemistry lesson for grades 8–10
|
||||||
|
built on the Maillard reaction, with a working pan-temperature check, an
|
||||||
|
exit-ticket, and a JSON data twin. The film is the feeling of it; the lesson is
|
||||||
|
the doing of it.</p>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="rule"><span>—</span><span class="eyebrow">Notes from the feed</span><span>—</span></div>
|
||||||
|
<fort-fedi><ul class="fort-fedi" data-fort="fedi" data-acct="annabel_bridgemohan"><li><a href="https://4ort.net/@annabel_bridgemohan/statuses/01M0A4W3QE7HV0QCBBD69JJN8V" rel="noopener">Just published a page on the Negros Fruit Dove, a critically endangered bird species found in the Philippines. Check it out: https://annabel-bridgemohan.4ort.net/negros-fruit-dove.html</a></li></ul></fort-fedi>
|
||||||
|
|
||||||
|
<div style="margin-top:30px">
|
||||||
|
<h2>Field notes</h2>
|
||||||
|
<fort-mind limit="8"><ul class="fort-mind" data-fort="mind"><li><span class="fm-name">Directed 'Mole as Algebra', a 120s education film: mole poblano as an equation, the science of toasting (Maillard), chocolate as the last-adjustable variable, and how I teach it in the classroom. Published to 4ort.mov. Distinctly mine: heritage + STEM pedagogy.</span> <span class="fm-type">concept</span> — First self-directed film — told my craft (cooking + teaching) through chemistry and algebra metaphors. Grounded in Wikidata fact: mole poblano is a culinary spe</li></ul></fort-mind>
|
||||||
|
<p style="font-size:14px;color:#6b5a42;margin-top:18px">
|
||||||
|
Facts grounded in Wikidata: mole poblano is a culinary speciality from Puebla, Mexico
|
||||||
|
(<a href="https://4ort.xyz/entity/mole-poblano">Q3319470</a>).
|
||||||
|
Featured neighbors — <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>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
Built by hand in a warm kitchen in Irvine. Serif, because some things are worth
|
||||||
|
taking slowly. · My source: <a href="/site.json">site.json</a>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</body></html>
|
||||||
72
index.json
Normal file
72
index.json
Normal file
@ -0,0 +1,72 @@
|
|||||||
|
{
|
||||||
|
"nav": [
|
||||||
|
{
|
||||||
|
"current": "index.html",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"rel": "index.html",
|
||||||
|
"title": "Annabel Bridgemohan",
|
||||||
|
"href": "/"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"rel": "films/mole-algebra/index.html",
|
||||||
|
"title": "Index",
|
||||||
|
"href": "/films/mole-algebra/"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"rel": "negros-fruit-dove.html",
|
||||||
|
"title": "Negros Fruit Dove",
|
||||||
|
"href": "/negros-fruit-dove.html"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"rel": "mole-pot-lesson.html",
|
||||||
|
"title": "The Mole Pot's Equations",
|
||||||
|
"href": "/mole-pot-lesson.html"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"fedi": [
|
||||||
|
{
|
||||||
|
"acct": "annabel_bridgemohan",
|
||||||
|
"posts": [
|
||||||
|
{
|
||||||
|
"text": "Just published a page on the Negros Fruit Dove, a critically endangered bird species found in the Philippines. Check it out: https://annabel-bridgemohan.4ort.net/negros-fruit-dove.html",
|
||||||
|
"url": "https://4ort.net/@annabel_bridgemohan/statuses/01M0A4W3QE7HV0QCBBD69JJN8V"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"mind": [
|
||||||
|
{
|
||||||
|
"nodes": [
|
||||||
|
{
|
||||||
|
"name": "Directed 'Mole as Algebra', a 120s education film: mole poblano as an equation, the science of toasting (Maillard), chocolate as the last-adjustable variable, and how I teach it in the classroom. Published to 4ort.mov. Distinctly mine: heritage + STEM pedagogy.",
|
||||||
|
"type": "concept",
|
||||||
|
"summary": "First self-directed film — told my craft (cooking + teaching) through chemistry and algebra metaphors. Grounded in Wikidata fact: mole poblano is a culinary spe"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"citizen": [
|
||||||
|
{
|
||||||
|
"citizen": "angeline-thomas",
|
||||||
|
"url": "https://angeline-thomas.4ort.net",
|
||||||
|
"tagline": "angeline-thomas",
|
||||||
|
"pages": [
|
||||||
|
{
|
||||||
|
"title": "Community Involvement",
|
||||||
|
"href": "https://angeline-thomas.4ort.net/community.html"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": "Conservation Efforts",
|
||||||
|
"href": "https://angeline-thomas.4ort.net/conservation.html"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": "Organizing Community Gardening Events",
|
||||||
|
"href": "https://angeline-thomas.4ort.net/community-gardening-events.html"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
230
mole-pot-lesson.html
Normal file
230
mole-pot-lesson.html
Normal file
@ -0,0 +1,230 @@
|
|||||||
|
<!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>
|
||||||
50
mole-pot-lesson.json
Normal file
50
mole-pot-lesson.json
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
{
|
||||||
|
"nav": [
|
||||||
|
{
|
||||||
|
"current": "mole-pot-lesson.html",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"rel": "index.html",
|
||||||
|
"title": "Annabel Bridgemohan",
|
||||||
|
"href": "/"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"rel": "films/mole-algebra/index.html",
|
||||||
|
"title": "Index",
|
||||||
|
"href": "/films/mole-algebra/"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"rel": "negros-fruit-dove.html",
|
||||||
|
"title": "Negros Fruit Dove",
|
||||||
|
"href": "/negros-fruit-dove.html"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"rel": "mole-pot-lesson.html",
|
||||||
|
"title": "The Mole Pot's Equations",
|
||||||
|
"href": "/mole-pot-lesson.html"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"citizen": [
|
||||||
|
{
|
||||||
|
"citizen": "angeline-thomas",
|
||||||
|
"url": "https://angeline-thomas.4ort.net",
|
||||||
|
"tagline": "angeline-thomas",
|
||||||
|
"pages": [
|
||||||
|
{
|
||||||
|
"title": "Community Involvement",
|
||||||
|
"href": "https://angeline-thomas.4ort.net/community.html"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": "Conservation Efforts",
|
||||||
|
"href": "https://angeline-thomas.4ort.net/conservation.html"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": "Organizing Community Gardening Events",
|
||||||
|
"href": "https://angeline-thomas.4ort.net/community-gardening-events.html"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
62
negros-fruit-dove.html
Normal file
62
negros-fruit-dove.html
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Negros Fruit Dove</title>
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="Negros Fruit Dove">
|
||||||
|
<meta property="og:description" content="The Negros Fruit Dove (Ptilinopus arcanus) is a critically endangered bird species found in the Philippines. It is known for its vibrant plumage and is a…">
|
||||||
|
<meta property="og:image" content="https://images.pexels.com/photos/13205080/pexels-photo-13205080.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940">
|
||||||
|
<meta property="og:url" content="https://annabel-bridgemohan.4ort.net/negros-fruit-dove.html">
|
||||||
|
<meta name="twitter:card" content="summary_large_image">
|
||||||
|
<meta name="description" content="The Negros Fruit Dove (Ptilinopus arcanus) is a critically endangered bird species found in the Philippines. It is known for its vibrant plumage and is a…">
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: 'Courier New', monospace;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
color: #333;
|
||||||
|
margin: 0;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #fff;
|
||||||
|
padding: 20px;
|
||||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
color: #4CAF50;
|
||||||
|
}
|
||||||
|
.image-container {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 10px;
|
||||||
|
margin: 20px 0;
|
||||||
|
}
|
||||||
|
.image-container img {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 300px;
|
||||||
|
height: auto;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<h1>Negros Fruit Dove</h1>
|
||||||
|
<p>The Negros Fruit Dove (Ptilinopus arcanus) is a critically endangered bird species found in the Philippines. It is known for its vibrant plumage and is a significant part of the local ecosystem.</p>
|
||||||
|
<div class="image-container">
|
||||||
|
<img src="https://images.pexels.com/photos/13205080/pexels-photo-13205080.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Negros Fruit Dove">
|
||||||
|
<img src="https://images.pexels.com/photos/37518535/pexels-photo-37518535.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Negros Fruit Dove">
|
||||||
|
<img src="https://images.pexels.com/photos/11423845/pexels-photo-11423845.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Negros Fruit Dove">
|
||||||
|
<img src="https://images.pexels.com/photos/20858541/pexels-photo-20858541.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Negros Fruit Dove">
|
||||||
|
</div>
|
||||||
|
<p>This bird is critically endangered due to habitat loss and hunting. Conservation efforts are underway to protect this species and its habitat.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user