drjones/pest-nocturne
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add real pest photos (25 Wikimedia) + WA State field notes

Browse Source
This commit is contained in:
drjones
2026-09-01 08:20:17 -07:00
parent 2e9f78e3a9
commit 23a6023114
28 changed files with 101 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
index.html
View File

@@ -2095,7 +2095,7 @@ $('#v-field').innerHTML=`
function tbl(t){return `<div class="tbl-wrap"><table class="tbl"><thead><tr>${t.head.map(h=>`<th>${h}</th>`).join('')}</tr></thead><tbody>${t.rows.map(r=>`<tr>${r.map(d=>`<td>${d}</td>`).join('')}</tr>`).join('')}</tbody></table></div>`;}
function plateHTML(p){
return `<article class="plate">
<figure class="plate-art">${ART[p.art]||''}<figcaption>${p.cap||''}</figcaption></figure>
<figure class="plate-art">${plateImg(p.art)}<figcaption>${p.cap||''}</figcaption></figure>
<div>
<h3>${p.h}</h3>
${p.sci?`<span class="binom">${p.sci}</span>`:''}
@@ -2134,7 +2134,7 @@ function renderKey(nodeId){
const r=K.res[nodeId];
const crumbs=`<div class="trail"><i>${K.title}</i>${trail.map(t=>`<i>${t}</i>`).join('')}</div>`;
if(r){
st.innerHTML=`<div class="key">${crumbs}<div class="result">${ART[r.art]||''}<h3>${r.n}</h3></div><p style="color:var(--text-dim)">${r.x}</p><div class="cta-row"><button class="btn ghost" data-restart="1">Start this key again</button></div></div>`;
st.innerHTML=`<div class="key">${crumbs}<div class="result">${plateImg(r.art)}<h3>${r.n}</h3></div><p style="color:var(--text-dim)">${r.x}</p><div class="cta-row"><button class="btn ghost" data-restart="1">Start this key again</button></div></div>`;
}else{
const n=K.nodes[nodeId];
st.innerHTML=`<div class="key">${crumbs}<div class="step">Couplet ${trail.length+1}</div><div class="prompt">${n.q}</div><div class="couplet">${n.o.map((o,i)=>`<button data-go="${o[1]}" data-lab="${esc(o[0]).slice(0,26)}">${o[0]}</button>`).join('')}</div>${trail.length?'<div class="cta-row"><button class="btn ghost" data-restart="1">Start over</button></div>':''}</div>`;
@@ -2371,3 +2371,24 @@ drawGloss('');
Pest Nocturne &mdash; a study suite for WSU EM019 &middot; <a href="https://buymeacoffee.com/r26xrthzttg" target="_blank" rel="noopener" style="color:var(--verdigris,#54BFA9)">Buy me a coffee</a>
</div>
<script>
/* ==== REAL PHOTOS + WA FIELD NOTES (injected) ==== */
const PHOTOS={"blackWidow":"blackWidow.jpg","dampwood":"dampwood.jpg","subter":"subter.jpg","carpAnt":"carpAnt.jpg","notchAnt":"notchAnt.jpg","mound":"mound.jpg","buprestid":"buprestid.jpg","german":"german.jpg","oriental":"oriental.jpg","american":"american.jpg","brownband":"brownband.jpg","drugstore":"drugstore.png","sawtooth":"sawtooth.png","indianmeal":"indianmeal.jpg","carpetLarva":"carpetLarva.jpg","clothesMoth":"clothesMoth.jpg","clusterFly":"clusterFly.jpg","mothFly":"mothFly.jpg","hobo":"hobo.gif","mosquito":"mosquito.jpg","flea":"flea.jpg","tick":"tick.jpg","bedbug":"bedbug.jpg","moleGopher":"moleGopher.jpg","bat":"bat.jpg"};
const WANOTES={"blackWidow":`Washington's widow is the <em>western</em> black widow (<i>Latrodectus hesperus</i>) — most common east of the Cascades. The red hourglass is on the <strong>underside</strong> of the abdomen, never the top.`,"dampwood":`The <strong>Pacific dampwood termite</strong> is the dominant termite <em>west of the Cascades</em>. It needs moist wood but <strong>no ground contact</strong> — soldiers are large with dark, rectangular heads. Look for it in wet framing and log piles.`,"subter":`The <strong>western subterranean termite</strong> (<i>Reticulitermes hesperus</i>) is WA's main soil-touching termite. Winged swarms fly on warm, humid spring days — a swarm indoors is the classic WA alarm bell.`,"carpAnt":`Carpenter ants are the <strong>#1 wood-destroying pest in Washington</strong>. The PNW species <i>Camponotus modoc</i> has a smooth, evenly-rounded thorax. Piles of coarse sawdust ('frass') under a sill plate are the tell.`,"notchAnt":`Moisture ants (<i>Lasius</i>) are a <strong>Washington sign of decaying wood</strong> — their presence means water is already winning. The notched, uneven thorax (side view) separates them from carpenter ants.`,"mound":`The <strong>western thatching ant</strong> (<i>Formica obscuripes</i>) builds the dome mounds of grass and twigs seen across WA clear-cuts and yards — they bite, don't sting.`,"buprestid":`The <strong>golden buprestid</strong> (<i>Buprestis aurulenta</i>) is a PNW native — its larvae tunnel Douglas fir and can emerge from milled lumber years later.`,"hobo":`The <strong>hobo spider</strong> (<i>Eratigena agrestis</i>) is a Pacific Northwest native and one of the most common house spiders in WA — the old 'hobo bite is necrotic' claim is <strong>disproven</strong>; it's medically harmless.`,"tick":`The <strong>Rocky Mountain wood tick</strong> (<i>Dermacentor andersoni</i>) is the hard tick of Eastern WA rangeland — a vector of Rocky Mountain spotted fever.`,"bat":`The <strong>little brown bat</strong> (<i>Myotis lucifugus</i>) is WA's most common bat — the usual species found roosting in attics and gable vents.`,"moleGopher":`The <strong>Townsend's mole</strong> is the mole of Western WA lawns — raised surface tunnels, not the fan-shaped mounds of a gopher.`,"mosquito":`WA's most bothersome mosquitoes are <i>Culex</i> and <i>Aedes</i> species breeding in standing water — <i>Culex pipiens</i> can vector West Nile in Eastern WA.`,"bedbug":`Bed bugs are a growing WA urban issue — confirm with the <strong>cast skins and fecal spots</strong> at mattress seams, not just bites.`};
function plateImg(art){
if(PHOTOS[art]){
var img='<img class="pp" src="/images/'+PHOTOS[art]+'" alt="'+art+'" loading="lazy">';
var wa=WANOTES[art]?'<aside class="wa-note"><strong>WA field note</strong> '+WANOTES[art]+'</aside>':'';
return img+wa;
}
return ART[art]||'';
}
</script>
<style>
.plate-art img.pp{width:100%;height:auto;border-radius:12px;border:1px solid var(--line,#2C3455);background:var(--surface-2,#1B2239);object-fit:contain}
.plate-art .wa-note,.key .result .wa-note{margin:12px 0 0;padding:10px 14px;border-left:3px solid var(--verdigris,#54BFA9);background:color-mix(in srgb,var(--verdigris,#54BFA9) 9%,transparent);border-radius:8px;font-size:.85rem;line-height:1.5;color:var(--text,#EDE7D6)}
.plate-art .wa-note strong,.key .result .wa-note strong{color:var(--verdigris,#54BFA9);display:block;margin-bottom:3px;font-family:"JetBrains Mono",monospace;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
</style>