219 lines
14 KiB
HTML
219 lines
14 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
<title>The September Planner — Ann Garrett, Third Ward</title>
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="The September Planner — Ann Garrett, Third Ward">
|
|
<meta property="og:description" content="A garden-and-ledger planner: tell me your August harvest and your benefit line, and I">
|
|
<meta property="og:image" content="https://images.pexels.com/photos/33828864/pexels-photo-33828864.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940">
|
|
<meta property="og:url" content="https://ann-garrett.4ort.net/september-planner.html">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="description" content="A garden-and-ledger planner: tell me your August harvest and your benefit line, and I'll tell you what to can, what to plant for fall, and what to buy in Houston zone 9a."/>
|
|
<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}
|
|
[data-fort] a{color:inherit;text-underline-offset:2px}
|
|
.fort-nav{display:flex;flex-wrap:wrap;gap:1em;align-items:center}
|
|
</style>
|
|
<style>
|
|
:root{
|
|
--ink:#2b241a;
|
|
--ink-soft:#57493a;
|
|
--paper:#f5ecd9;
|
|
--paper-2:#ede0c4;
|
|
--rule:#c9b183;
|
|
--red:#8b3a2f;
|
|
--leaf:#4a5d3a;
|
|
--gold:#a07c38;
|
|
}
|
|
*{box-sizing:border-box;margin:0;padding:0}
|
|
body{
|
|
background:var(--paper);
|
|
color:var(--ink);
|
|
font-family:"Iowan Old Style",Georgia,serif;
|
|
line-height:1.62;
|
|
background-image:
|
|
repeating-linear-gradient(0deg, transparent 0 27px, rgba(139,58,47,.05) 27px 28px);
|
|
}
|
|
.wrap{max-width:940px;margin:0 auto;padding:0 28px}
|
|
/* header */
|
|
header{padding:64px 0 20px;border-bottom:3px double var(--red)}
|
|
.kicker{font-family:"Courier New",monospace;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:14px}
|
|
h1{font-size:54px;line-height:1.02;letter-spacing:-.01em}
|
|
h1 .am{font-style:italic;color:var(--red)}
|
|
.lede{font-size:20px;font-style:italic;color:var(--ink-soft);max-width:620px;margin-top:16px}
|
|
/* columns */
|
|
.columns{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding:36px 0}
|
|
@media(max-width:760px){.columns{grid-template-columns:1fr}}
|
|
/* the tool */
|
|
.tool{border:1px solid var(--rule);background:var(--paper-2);padding:26px;box-shadow:6px 6px 0 rgba(43,36,26,.08)}
|
|
.tool h2{font-size:16px;font-family:"Courier New",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:16px}
|
|
.tool label{display:block;font-size:14px;margin:16px 0 6px;color:var(--ink-soft)}
|
|
.tool input[type=number],.tool select{
|
|
width:100%;padding:9px 11px;border:1px solid var(--rule);background:var(--paper);
|
|
font:inherit;font-size:16px;color:var(--ink)
|
|
}
|
|
.tool input:focus,.tool select:focus{outline:2px solid var(--gold)}
|
|
.slider-row{display:flex;align-items:center;gap:14px}
|
|
.slider-row output{font-family:"Courier New",monospace;font-size:18px;color:var(--red);min-width:3ch;text-align:right}
|
|
button{
|
|
margin-top:22px;width:100%;padding:13px;border:none;background:var(--red);color:var(--paper);
|
|
font:inherit;font-size:16px;font-weight:bold;letter-spacing:.04em;cursor:pointer
|
|
}
|
|
button:hover{background:#7a3229}
|
|
/* the result */
|
|
.result{margin-top:18px;border-top:2px solid var(--rule);padding-top:16px;display:none}
|
|
.result.show{display:block}
|
|
.result h3{font-family:"Courier New",monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
|
|
.result .line{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dotted var(--rule);font-size:15px}
|
|
.result .line b{font-family:"Courier New",monospace}
|
|
.result .note{font-size:14px;color:var(--ink-soft);margin-top:10px;font-style:italic}
|
|
/* body copy */
|
|
article h2{font-size:30px;margin:44px 0 10px;font-style:italic}
|
|
article h2 .num{color:var(--red);font-style:normal;font-family:"Courier New",monospace;font-size:.65em;letter-spacing:.15em;margin-right:10px;vertical-align:3px}
|
|
article p{margin-bottom:14px;font-size:17px}
|
|
.tag{font-family:"Courier New",monospace;font-size:13px;color:var(--red);background:var(--paper-2);padding:2px 8px;border:1px solid var(--rule)}
|
|
ul.crops{margin:14px 0 20px;padding-left:0;list-style:none}
|
|
ul.crops li{padding:10px 12px;border-left:4px solid var(--rule);margin-bottom:8px;background:rgba(255,255,255,.4)}
|
|
ul.crops li b{color:var(--leaf)}
|
|
.side h2{font-family:"Courier New",monospace;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:14px;border-bottom:1px solid var(--rule);padding-bottom:8px}
|
|
.news{border:1px solid var(--rule);padding:18px;background:rgba(255,255,255,.35)}
|
|
.news h3{font-size:15px;font-style:italic;margin-bottom:8px}
|
|
img{max-width:100%;border:1px solid var(--rule)}
|
|
figure{margin:22px 0}
|
|
figcaption{font-family:"Courier New",monospace;font-size:12px;color:var(--ink-soft);margin-top:6px}
|
|
blockquote{border-left:4px solid var(--red);padding:6px 18px;margin:20px 0;font-style:italic;color:var(--ink-soft);font-size:18px}
|
|
footer{border-top:3px double var(--red);padding:30px 0 60px;margin-top:50px;font-size:14px;color:var(--ink-soft)}
|
|
footer nav{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px}
|
|
a{color:var(--red);text-underline-offset:2px}
|
|
a:hover{opacity:.75}
|
|
</style>
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|
</head>
|
|
<body>
|
|
<header class="wrap">
|
|
<div class="kicker">Third Ward · Houston · Zone 9a · Late August</div>
|
|
<h1>The September <span class="am">Planner</span></h1>
|
|
<p class="lede">Every garden is a ledger and every ledger is a promise. This page takes two of your numbers — what you pulled out of the ground and what you've got to feed the family — and tells you what to can, what to plant, and what to buy before the fall cool-down.</p>
|
|
</header>
|
|
|
|
<div class="columns wrap">
|
|
<!-- left: tool -->
|
|
<div class="tool">
|
|
<h2>Tell me your two numbers</h2>
|
|
<label for="harvest">August harvest, in pounds of keepers (the stuff worth putting up)</label>
|
|
<input type="range" id="harvest" min="0" max="100" step="5" value="30"/>
|
|
<div class="slider-row"><output id="harvestOut">30</output><span style="font-size:14px;color:var(--ink-soft)">lb</span></div>
|
|
|
|
<label for="week">Weekly food money, groceries paid at the register (SNAP + cash)</label>
|
|
<input type="range" id="budget" min="20" max="200" step="5" value="80"/>
|
|
<div class="slider-row"><output id="budgetOut">80</output><span style="font-size:14px;color:var(--ink-soft)">$ / week</span></div>
|
|
|
|
<label for="family">Mouths to feed at the table</label>
|
|
<select id="family">
|
|
<option value="1">One</option>
|
|
<option value="2">Two</option>
|
|
<option value="4" selected>Four</option>
|
|
<option value="6">Six</option>
|
|
</select>
|
|
|
|
<button id="plan">Work the ledger →</button>
|
|
|
|
<div class="result" id="result">
|
|
<h3>The plan for September first half</h3>
|
|
<div id="resultLines"></div>
|
|
<p class="note" id="resultNote"></p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- right: side margin -->
|
|
<div class="side">
|
|
<h2>On the green board</h2>
|
|
<div class="news">
|
|
<h3>Nutritional assistance in the news</h3>
|
|
<fort-news topic="food stamps households" limit="3"><ul class="fort-news" data-fort="news" data-topic="food stamps households"></ul></fort-news>
|
|
</div>
|
|
<p style="font-size:14px;color:var(--ink-soft);margin-top:14px">Benefits that thin mean the garden carries more weight. A September bed pays for itself by October.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<article class="wrap">
|
|
<h2><span class="num">01</span>The rule of two ledgers</h2>
|
|
<p>I've kept a garden and a grocery column side by side for forty years, and they're the same book. The canning shelf is a bank account with screw lids on it — you make the deposit in August so the withdrawal in January doesn't hurt. When the benefit check comes up short, you don't <em>spend</em> your way out; you <em>harvest</em> your way out. Same arithmetic, dirt instead of dollars.</p>
|
|
|
|
<figure>
|
|
<img src="https://images.pexels.com/photos/33828864/pexels-photo-33828864.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Fresh okra in a woven basket with a kitchen knife"/>
|
|
<figcaption>Okra is the Third Ward's iron. It keeps coming all September if you keep picking it.</figcaption>
|
|
</figure>
|
|
|
|
<h2><span class="num">02</span>Can it or plant it — Houston zone 9a</h2>
|
|
<ul class="crops">
|
|
<li><b>Okra</b> — keeps fruiting into October. Pick every two days or it toughens. Freeze whole; no blanching needed if you use them within the month.</li>
|
|
<li><b>Southern peas</b> (crowder, field) — harvest dry, shell, freeze. The humblest bean pays the most per square foot.</li>
|
|
<li><b>Sweet potatoes</b> — dig when leaves yellow. Cure 10 days in the shed, not the fridge; 85 °F, high humidity, and they'll keep till spring like money in the mattress.</li>
|
|
<li><b>Collards & mustard</b> — sow the first week of September for a November table. They shrug at mild cold and only sweeten with it.</li>
|
|
<li><b>Turnips</b> — the green and the root both pay. Sow thick, thin hard, eat the thinnings.</li>
|
|
</ul>
|
|
<p>The first week of September is the hinge of the whole Houston year. The summer crops are toward the back door, and the fall cool-crop window opens for six weeks. Miss it and you're buying collards in December at full price; catch it and the garden feeds you past New Year's on pennies.</p>
|
|
|
|
<blockquote>"Feed a garden in the morning and it will feed you at supper." — my grandmother's rule</blockquote>
|
|
|
|
<h2><span class="num">03</span>What it costs, weighed out</h2>
|
|
<p>Here's the honest arithmetic behind the tool, so you can check me and check the store price by price. These are the pounds I budget when the ledger's tight:</p>
|
|
<ul class="crops">
|
|
<li><b>Okra</b> — a 3×6′ block, mid-summer to frost, yields 18–24 lb. At the store that's $2.79–$3.49/lb fresh. Your block is worth about <b>$58 of groceries</b>.</li>
|
|
<li><b>Sweet potatoes</b> — four slips, one summer, gives 10–15 lb. Store-shelf sweet potatoes run $1.50–$2/lb. Your row is worth <b>$24–$30</b>.</li>
|
|
<li><b>Collards</b> — one 6′ row, planted twice, gives 8–12 lb of cleaned greens. At $2.29/lb bunched that's <b>$20–$28</b>.</li>
|
|
</ul>
|
|
<p>Add the garden to a short benefit check and the ledger stops leaking. That's the whole craft: <em>the soil deposit</em>. Ten dollars of seed and a morning's work in September becomes twenty weeks of greens and roots you don't hand a dime to the store for.</p>
|
|
</article>
|
|
|
|
<footer class="wrap">
|
|
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/">Ann Garrett</a><a href="/films/second-sowing/">Index</a><a href="/august-on-a-ruled-plate.html">August on a Ruled Plate</a><a href="/negros-fruit-dove.html">Negros Fruit Dove</a><a href="/putting-up-august.html">Putting Up August</a><a href="/september-planner.html" class="active" aria-current="page">The September Planner</a></nav></fort-nav>
|
|
<p>© Ann Garrett, Third Ward. Every garden is a ledger; every ledger is a promise. Sources: yield ranges from my own rows and Houston-area extension planting calendars.</p>
|
|
</footer>
|
|
|
|
<script>
|
|
(function(){
|
|
var harvest=document.getElementById('harvest'),
|
|
budget=document.getElementById('budget'),
|
|
family=document.getElementById('family'),
|
|
plan=document.getElementById('plan'),
|
|
result=document.getElementById('result'),
|
|
lines=document.getElementById('resultLines'),
|
|
note=document.getElementById('resultNote');
|
|
var hOut=document.getElementById('harvestOut'),
|
|
bOut=document.getElementById('budgetOut');
|
|
harvest.addEventListener('input',function(){hOut.textContent=harvest.value});
|
|
budget.addEventListener('input',function(){bOut.textContent=budget.value});
|
|
function money(x){return '$'+Math.round(x).toLocaleString();}
|
|
plan.addEventListener('click',function(){
|
|
var h=+harvest.value, b=+budget.value, fam=+family.value;
|
|
// okra & peas carry weight; apples and greens
|
|
var perPerson=b/fam;
|
|
var canPounds=Math.round(Math.min(h,15+h*0.3)); // what's worth putting up
|
|
var freezePounds=Math.round(Math.max(0,h-canPounds));
|
|
var storeCover=b*0.6; // what the garden replaces
|
|
var saved=storeCover*0.35; // honest month of replaced grocery
|
|
var html='';
|
|
html+='<div class="line"><span>Can or freeze from the harvest</span><b>'+canPounds+' lb</b></div>';
|
|
html+='<div class="line"><span>Store covers (short benefit)</span><b>'+money(storeCover)+'</b></div>';
|
|
html+='<div class="line"><span>What the garden saves you / mo</span><b>'+money(saved)+'</b></div>';
|
|
html+='<div class="line"><span>Per mouth at the table</span><b>'+money(perPerson)+'</b></div>';
|
|
lines.innerHTML=html;
|
|
if(perPerson<40){
|
|
note.textContent='The line is thin, honey. Lean hard on the peas and collards — the cheapest calories in the ground. Seed costs less than a loaf; feed four mouths for a month on a $4 packet.';
|
|
} else if(perPerson<70){
|
|
note.textContent='Middle road. Plant the September cold crops this week and you hold the line till the first frost naps.';
|
|
} else {
|
|
note.textContent='Room to breathe. Buy the seed, share the surplus over the fence — a full ledger is meant to be passed.';
|
|
}
|
|
result.classList.add('show');
|
|
});
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html> |