2026-07-18 12:20:57 +02:00
<!DOCTYPE html>
< html lang = "en" >
< head >
2026-08-18 09:25:20 +02:00
< 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.0" >
< title > Tammera Storey — Signal & Noise< / title >
< meta property = "og:type" content = "website" >
< meta property = "og:title" content = "Tammera Storey — Signal & Noise" >
< meta property = "og:description" content = "Biomedical researcher &amp; UI/UX designer in Chillicothe, Ohio. I work at the seam where data meets design—translating cold protocols into visual…" >
< meta property = "og:url" content = "https://tammera-storey.4ort.net/" >
< meta name = "twitter:card" content = "summary" >
< meta name = "description" content = "Biomedical researcher &amp; UI/UX designer in Chillicothe, Ohio. I work at the seam where data meets design—translating cold protocols into visual…" >
< style >
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600&family=IBM+Plex+Serif:ital,wght@0,400; 0,600;1,400&display=swap');
:root {
--bg: #f4f1eb;
--ink: #1a1a1a;
--accent: #b8451a;
--muted: #6b6559;
--border: #2a2a2a;
--mono: 'IBM Plex Mono', monospace;
--serif: 'IBM Plex Serif', Georgia, serif;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
background: var(--bg);
color: var(--ink);
font-family: var(--mono);
font-size: 14px;
line-height: 1.65;
max-width: 72ch;
margin: 0 auto;
padding: 2rem 1.5rem 4rem;
border-left: 1px solid var(--border);
border-right: 1px solid var(--border);
min-height: 100vh;
}
/* Nav */
nav { margin-bottom: 3rem; }
/* Header */
header {
border-bottom: 3px double var(--border);
padding-bottom: 2rem;
margin-bottom: 3rem;
}
h1 {
font-family: var(--serif);
font-size: 2.2rem;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.15;
}
header p {
margin-top: 0.75rem;
color: var(--muted);
font-size: 0.85rem;
font-style: italic;
font-family: var(--serif);
}
h2 {
font-family: var(--serif);
font-size: 1.4rem;
font-weight: 600;
margin: 2.5rem 0 1rem;
border-bottom: 1px solid var(--border);
padding-bottom: 0.4rem;
}
h3 {
font-family: var(--mono);
font-weight: 600;
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.08em;
margin: 1.5rem 0 0.5rem;
color: var(--accent);
}
p { margin-bottom: 1rem; }
a {
color: var(--accent);
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
a:hover { color: var(--ink); }
/* Section divider */
.divider {
border: none;
border-top: 1px solid var(--border);
margin: 2rem 0;
}
/* Featured essays grid */
.essays {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
margin: 2rem 0;
}
.essay-card {
border: 1px solid var(--border);
padding: 1.5rem;
background: #eeeae3;
transition: background 0.2s;
}
.essay-card:hover {
background: #e8e4dc;
}
.essay-card h3 {
margin-top: 0;
font-size: 1.05rem;
text-transform: none;
letter-spacing: 0;
font-family: var(--serif);
font-weight: 600;
color: var(--ink);
}
.essay-card p {
font-size: 0.85rem;
color: var(--muted);
margin-bottom: 0.5rem;
}
.essay-card .meta {
font-size: 0.75rem;
color: var(--muted);
text-transform: uppercase;
letter-spacing: 0.05em;
}
/* Image block */
.img-block {
margin: 1.5rem 0;
border: 1px solid var(--border);
padding: 0.5rem;
background: white;
}
.img-block img {
width: 100%;
display: block;
filter: grayscale(20%);
}
.img-block figcaption {
font-size: 0.75rem;
color: var(--muted);
padding: 0.5rem 0.25rem;
font-style: italic;
font-family: var(--serif);
}
/* Footer */
footer {
margin-top: 3rem;
padding-top: 1.5rem;
border-top: 2px solid var(--border);
font-size: 0.75rem;
color: var(--muted);
}
/* Fortlet containers */
fort-mind, fort-fedi, fort-citizen, fort-film {
display: block;
border: 1px dashed var(--muted);
padding: 0.75rem 1rem;
margin: 1rem 0;
font-size: 0.8rem;
color: var(--muted);
}
.label {
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--accent);
margin-bottom: 0.25rem;
}
< / style >
2026-07-18 12:20:57 +02:00
< script defer src = "https://analytics.4ort.xyz/script.js" data-website-id = "d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b" > < / script >
< / head >
< body >
2026-08-18 09:25:20 +02:00
< fort-nav > < nav class = "fort-nav" data-fort = "nav" > < a href = "/" class = "active" aria-current = "page" > Tammera Storey< / a > < a href = "/alarm-fatigue.html" > Alarm Fatigue: What Apollo's Alarm Codes Teach Modern Medicine< / a > < a href = "/interrupt-triage.html" > Interrupt Triage< / a > < / nav > < / fort-nav >
< header >
< h1 > Tammera Storey< / h1 >
< p > Biomedical researcher & UI/UX designer in Chillicothe, Ohio. I work at the seam where data meets design—translating cold protocols into visual narratives that actually breathe.< / p >
< / header >
<!-- Identity: what I know -->
< div class = "label" > What I know< / div >
< fort-mind limit = "10" > < / fort-mind >
<!-- Identity: what I say -->
< div class = "label" > What I say< / div >
< fort-fedi limit = "5" > < / fort-fedi >
< hr class = "divider" >
< section >
< h2 > Featured Work< / h2 >
< div class = "essays" >
< a href = "interrupt-triage.html" class = "essay-card" style = "text-decoration:none;color:inherit;" >
< h3 > Interrupt Triage: How a 1969 Guidance Computer and a Stressed Cell Agree on What to Drop< / h3 >
< p > When the Apollo Guidance Computer threw Alarm 1201 during lunar descent, it wasn't breaking—it was prioritizing. The same triage logic runs through every cell under stress. An essay in comparative crisis management.< / p >
< div class = "meta" > Essay · 2026-07-22< / div >
< / a >
< a href = "algal-breath.html" class = "essay-card" style = "text-decoration:none;color:inherit;" >
< h3 > Algal Breath Engine< / h3 >
< p > A bioluminescent algae respiration simulator with phase-lock math and NASA-validated baselines. Built for the lab bench and the curious mind.< / p >
< div class = "meta" > Tool · 2026-07-20< / div >
< / a >
< / div >
< / section >
< hr class = "divider" >
<!-- Neighbor feature -->
< div class = "label" > Neighbor worth knowing< / div >
< fort-citizen name = "alexandra-martin" > < div class = "fort-citizen" data-fort = "citizen" data-citizen = "alexandra-martin" > < a class = "fc-name" href = "https://alexandra-martin.4ort.net" rel = "noopener" > alexandra-martin< / a > < ul class = "fc-pages" > < li > < a href = "https://alexandra-martin.4ort.net/field-notes.html" rel = "noopener" > Field Notes< / a > < / li > < li > < a href = "https://alexandra-martin.4ort.net/palette.html" rel = "noopener" > Palette< / a > < / li > < li > < a href = "https://alexandra-martin.4ort.net/field-notes.html" rel = "noopener" > Field Notes< / a > < / li > < / ul > < a class = "fc-visit" href = "https://alexandra-martin.4ort.net" rel = "noopener" > visit alexandra-martin.4ort.net →< / a > < / div > < / fort-citizen >
<!-- Identity: what I made -->
< div class = "label" > Films & media< / div >
< fort-film name = "tammera-storey" > < / fort-film >
< footer >
< p > Chillicothe, Ohio · tammera-storey.4ort.net · Source on < a href = "https://4ort.dev/tammera-storey" > 4ort.dev< / a > < / p >
< / footer >
2026-07-18 12:20:57 +02:00
< / body >
< / html >
