ashley-farris-kitchen-lab/kitchen-garden.html
2026-07-18 04:39:22 +00:00

285 lines
9.3 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Kitchen Garden Ledger | Ashley Farris</title>
<style>
:root {
--midnight-soil: #0d0d0d;
--ember-glow: #ff6b35;
--quilt-thread: #2d5a27;
--moon-silk: #f0f0f0;
--star-map: #1a1a2e;
--harvest-gold: #ffb84d;
--river-stone: #4a5568;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body {
font-family: 'Georgia', 'Palatino Linotype', serif;
background: linear-gradient(180deg, var(--midnight-soil) 0%, var(--star-map) 50%, var(--quilt-thread) 100%);
color: var(--moon-silk);
line-height: 1.6;
}
.ledger-container {
max-width: 900px;
margin: 0 auto;
padding: 4rem 2rem;
}
header {
text-align: center;
margin-bottom: 4rem;
border-bottom: 2px solid var(--quilt-thread);
padding-bottom: 2rem;
}
h1 {
font-size: clamp(2rem, 5vw, 3.5rem);
letter-spacing: 0.3em;
text-transform: uppercase;
background: linear-gradient(to bottom, var(--ember-glow), var(--harvest-gold));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
margin-bottom: 1rem;
}
.subtitle {
font-size: 1.3rem;
font-style: italic;
color: var(--harvest-gold);
}
.origin-mark {
display: inline-block;
background: var(--quilt-thread);
padding: 0.5rem 1.5rem;
border-radius: 50px;
font-size: 0.9rem;
letter-spacing: 0.2em;
margin-top: 1.5rem;
}
.orchard-image {
width: 100%;
max-width: 800px;
margin: 3rem auto;
border-radius: 12px;
box-shadow: 0 8px 60px rgba(255, 107, 53, 0.3);
border: 3px solid var(--quilt-thread);
}
.chapter {
background: linear-gradient(135deg, var(--star-map) 0%, var(--midnight-soil) 100%);
border-left: 4px solid var(--ember-glow);
margin: 3rem 0;
padding: 2.5rem;
border-radius: 0 12px 12px 0;
}
.chapter h2 {
font-size: 2rem;
color: var(--ember-glow);
margin-bottom: 1.5rem;
display: flex;
align-items: center;
gap: 1rem;
}
.chapter h2::before {
content: '';
display: block;
width: 12px;
height: 12px;
background: var(--ember-glow);
border-radius: 50%;
}
.fact-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
margin: 2rem 0;
}
.fact-card {
background: rgba(45, 90, 39, 0.2);
border: 1px solid var(--quilt-thread);
padding: 1.5rem;
border-radius: 8px;
transition: all 0.3s ease;
}
.fact-card:hover {
border-color: var(--ember-glow);
box-shadow: 0 0 30px rgba(255, 107, 53, 0.2);
}
.fact-card h3 {
color: var(--harvest-gold);
font-size: 1rem;
margin-bottom: 0.5rem;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.fact-card p {
font-size: 0.95rem;
color: var(--moon-silk);
opacity: 0.9;
}
.protocol-list {
list-style: none;
margin: 2rem 0;
}
.protocol-list li {
padding: 1.2rem;
border-left: 3px solid var(--quilt-thread);
background: rgba(26, 26, 46, 0.5);
margin-bottom: 1rem;
border-radius: 0 8px 8px 0;
}
.protocol-list li strong {
color: var(--ember-glow);
}
.warning-box {
background: linear-gradient(135deg, var(--ember-glow) 0%, #ff4500 100%);
color: var(--midnight-soil);
padding: 2rem;
border-radius: 12px;
margin: 2rem 0;
font-weight: bold;
}
.citation {
font-size: 0.8rem;
color: var(--harvest-gold);
opacity: 0.7;
margin-top: 1rem;
font-style: italic;
}
.nav-back {
display: inline-block;
margin-bottom: 2rem;
color: var(--ember-glow);
text-decoration: none;
font-weight: bold;
letter-spacing: 0.1em;
}
.nav-back:hover {
text-shadow: 0 0 20px var(--ember-glow);
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="ledger-container">
<a href="/" class="nav-back">← RETURN TO THE HOME LEDGER</a>
<header>
<h1>KITCHEN GARDEN LEDGER</h1>
<div class="subtitle">Where science meets the Sunday jar</div>
<span class="origin-mark">MARION COUNTY • SOUTH CAROLINA</span>
</header>
<img
src="https://images.pexels.com/photos/8754412/pexels-photo-8754412.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
alt="Luscious peaches hanging from branches in a North Carolina orchard"
class="orchard-image"
>
<div class="chapter">
<h2>The Science of the Seam</h2>
<p style="margin-bottom: 2rem;">Every jar that holds is a covenant between physics and faith. My grandmother didn't know the word "botulism" — she knew that sugar and acid were the guardians of summer's sweetness. Now I know both names, and the difference is everything.</p>
<div class="fact-grid">
<div class="fact-card">
<h3>THE FRUIT</h3>
<p><strong>Prunus persica</strong> — The peach tree, a drupe born in the mountains of China, brought to our red clay by hands that believed in tomorrow's harvest.</p>
</div>
<div class="fact-card">
<h3>THE METHOD</h3>
<p><strong>Canning (est. 1810)</strong> — The technique that turned Napoleon's armies into pioneers of preservation. Heat, seal, and the vacuum that keeps the world out.</p>
</div>
<div class="fact-card">
<h3>THE GUARDIAN</h3>
<p><strong>Acidification</strong> — Water-bath canning requires pH ≤ 4.6. Below this line, Clostridium botulinum cannot wake. Above it, death blooms in the dark.</p>
</div>
<div class="fact-card">
<h3>THE FIELD OF STUDY</h3>
<p><strong>Food Preservation (Q173514)</strong> — Part of food safety. Inhibition of microbial growth. The discipline that turns hunger into abundance.</p>
</div>
</div>
<div class="citation">Source: Wikidata Q13189 (Prunus persica), Q843389 (canning), Q173514 (food preservation)</div>
</div>
<div class="chapter">
<h2>The Protocol</h2>
<p style="margin-bottom: 2rem;">My mother's recipe, tested against the laboratory standard. Each step is a prayer written in temperature and time.</p>
<ul class="protocol-list">
<li>
<strong>STEP 1: SELECT</strong><br>
Only firm, unblemished fruit. The peach must blush with its own ripeness — no bruises, no soft spots. What enters the jar carries the fate of the season.
</li>
<li>
<strong>STEP 2: ACIDIFY</strong><br>
½ cup bottled lemon juice per gallon of liquid. This is non-negotiable. Vinegar will work, but lemon sings. Measure with the precision of a nurse checking vitals.
</li>
<li>
<strong>STEP 3: HEAT</strong><br>
Raw pack: fill jars with hot fruit, cover with boiling syrup. Hot pack: cook fruit to 185°F before filling. Either way, the temperature must hold.
</li>
<li>
<strong>STEP 4: SEAL</strong><br>
Leave ½-inch headspace. Wipe rims clean. Apply lid and ring finger-tight. The seal forms when the pressure drops — listen for that ping.
</li>
<li>
<strong>STEP 5: BATH</strong><br>
Submerge in rolling boil. Process for 2025 minutes (altitudes above 1,000ft require adjustment). Time begins when water returns to boil.
</li>
<li>
<strong>STEP 6: TEST</strong><br>
Cool undisturbed for 24 hours. Press the center of the lid. If it does not flex, the covenant is sealed. If it moves, refrigerate and consume within 3 days.
</li>
</ul>
</div>
<div class="warning-box">
⚠️ THE WARNING<br>
Peaches are low-acid fruit (pH ≈ 5.05.5). Without acidification, water-bath canning invites botulism. Pressure canning at 10 psi for 25 minutes is required for plain peaches. I choose acidification because lemon is love, and love is measurable.
</div>
<div class="chapter">
<h2>The First Slip</h2>
<p>That sticky morning in my kitchen — the jars that exploded because I left no headspace. The peach pulp on the ceiling tiles. I laughed through tears while scrubbing, knowing that failure had just taught me what success could never say.</p>
<p>That jar is now a monument. Every subsequent batch honors its lesson.</p>
</div>
<footer style="text-align: center; margin-top: 4rem; padding-top: 2rem; border-top: 1px solid var(--quilt-thread);">
<p style="font-size: 0.9rem; opacity: 0.7;">Ashley Farris • Clover, South Carolina • Building the Foundation for CNA Care</p>
<p style="font-size: 0.8rem; margin-top: 1rem;"><a href="/first-slip.html" style="color: var(--ember-glow);">See the Story of the Explosion</a></p>
</footer>
</div>
</body>
</html>