angeline-collins/angeline-collins-garden
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

publish: angeline-collins-garden

Browse Source
This commit is contained in:
angeline-collins 2026-08-21 23:20:06 +00:00
parent b6865ecc28
commit 1c15a158ea
5 changed files with 259 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

133
collard-greens.html Normal file
View File

@ -0,0 +1,133 @@
<!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.0">
<title>The Collard Green Gospel — Angeline Collins</title>
<meta property="og:type" content="website">
<meta property="og:title" content="The Collard Green Gospel from Heath Springs">
<meta property="og:description" content="How to grow, pick, and simmer Vates collards the Heath Springs way — exact times, temperatures, and the family secret nobody writes down.">
<meta property="og:image" content="https://images.pexels.com/photos/11108560/pexels-photo-11108560.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940">
<meta property="og:url" content="https://angeline-collins.4ort.net/collard-greens.html">
<meta name="twitter:card" content="summary_large_image">
<meta name="description" content="How to grow, pick, and simmer Vates collards the Heath Springs way — exact times, temperatures, and the family secret nobody writes down.">
<style>
:root { --cream:#f7f1e3; --ink:#3a2e1f; --sage:#7d8a5b; --rust:#a8533a; --butter:#e9d49a; }
body { background:var(--cream); color:var(--ink); font-family:Georgia, serif; max-width:780px; margin:2rem auto; padding:0 1.5rem; line-height:1.7; }
header { border-bottom:2px solid var(--ink); padding-bottom:1rem; }
h1 { font-size:2.3rem; margin:0; letter-spacing:-.5px; }
h2 { color:var(--rust); border-bottom:1px dashed var(--ink); padding-bottom:.3rem; margin-top:2.2rem; }
.lede { font-style:italic; color:#5a4a32; font-size:1.12rem; margin:.6rem 0 0; }
.pull { font-size:1.3rem; color:var(--sage); border-left:4px solid var(--sage); padding-left:1rem; margin:1.6rem 0; }
img.hero { width:100%; border:4px solid white; box-shadow:0 2px 8px rgba(0,0,0,.1); margin:1.5rem 0 .4rem; }
.caption { font-size:.9rem; font-style:italic; color:#6b5d4f; text-align:center; margin-bottom:1.8rem; }
table { border-collapse:collapse; width:100%; margin:1rem 0; }
th,td { border:1px solid var(--ink); padding:.5rem; text-align:left; vertical-align:top; }
th { background:var(--butter); }
.recipe-card { background:white; border:1px solid #e0d8c4; padding:1.5rem 2rem; margin:1.5rem 0; box-shadow:0 2px 6px rgba(0,0,0,.06); }
.recipe-card h3 { font-size:1.3rem; margin-top:0; color:var(--rust); border-bottom:1px dashed var(--ink); padding-bottom:.3rem; }
.ingredients { columns:2; column-gap:2rem; }
.ingredients li { margin-bottom:.4rem; }
.steps { counter-reset:step; list-style:none; padding-left:0; }
.steps li { counter-increment:step; position:relative; padding-left:2.6rem; margin-bottom:1.2rem; }
.steps li::before { content:counter(step); position:absolute; left:0; top:.1rem; width:1.8rem; height:1.8rem; background:var(--sage); color:var(--cream); border-radius:50%; text-align:center; line-height:1.8rem; font-weight:bold; font-size:.95rem; }
.fail { background:#fbf1ec; border:1px dashed var(--rust); padding:1.2rem 1.5rem; margin:1.5rem 0; }
.fail h3 { margin-top:0; color:var(--rust); }
.truth { font-family:Georgia, serif; font-style:italic; font-size:1.05rem; color:#5a4a32; background:var(--butter); border-left:4px solid var(--rust); padding:.8rem 1.2rem; margin:1.5rem 0; }
footer { border-top:2px solid var(--ink); margin-top:3rem; padding-top:1rem; font-size:.9rem; }
a { color:var(--rust); }
@media (max-width:560px){ .ingredients{columns:1} }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/">Angeline Collins</a><a href="/films/community-gardens/">Index</a><a href="/community-gardens.html">Community Gardens</a><a href="/composting-quilts.html">Composting Quilts</a><a href="/collard-greens.html" class="active" aria-current="page">Collard Green Gospel</a></nav></fort-nav>
<header>
<h1>The Collard Green Gospel</h1>
<p class="lede">Grow them, pick them, simmer them slow — the Heath Springs way, passed from my mama's mama to every young cook I've taught since.</p>
</header>
<img class="hero" src="https://images.pexels.com/photos/11108560/pexels-photo-11108560.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Greens simmering in a black pot over an open fire, light smoke rising">
<div class="caption">Low and slow — the only honest way. A pot of greens is a pot of patience.</div>
<p>Pull up a chair, dear. I want to tell you about collards before I give you the recipe — because a recipe without a story is just a list of chores, and the greens can tell when you're not paying them any mind.</p>
<div class="pull">"A collard leaf is the Lowcountry's greenest currency. You can't rush it, you can't fake it, and you can't improve on the memory of the first pot you lifted the lid on."</div>
<p>The Vates collard is the workhorse of my garden — a short, broad plant that shrugs off both July heat and the first December frost, which only makes it sweeter. I plant the first row in August for a fall crop, a second in late February for the spring. Collards don't ask for much: sun, water, and a dusting of lime in the spring, the same patience you'd give a shy child at church.</p>
<h2>When to pick them</h2>
<p>This is where most folks go wrong, and I'll tell you plain: <strong>pick the outer leaves, not the whole plant.</strong> Leave the crown so it keeps growing. By the time you've harvested twice, you'll have more greens than you know what to do with — which is the whole point of a collard patch. The leaves are at their sweetest just after a good rain in late fall, when the cold has coaxed the sugars out. A leaf been through a frost tastes nothing like a leaf picked in July.</p>
<h2>The recipe itself</h2>
<div class="recipe-card">
<h3>Angeline's Slow-Cooked Collards with Smoked Turkey Wing</h3>
<p style="font-style:italic;color:#6b5d4f;">Serves 6–8 · Total time ~2 hours · The pot does the work, you do the love.</p>
<h4 style="margin:.8rem 0 .3rem;">Ingredients</h4>
<ul class="ingredients">
<li>2 large bunches collard greens (about 2½ lb), washed, stems stripped</li>
<li>1 smoked turkey wing (about 1 lb) — or a ham hock if you like it richer</li>
<li>1 large onion, sliced thin</li>
<li>3 cloves garlic, smashed</li>
<li>1 tablespoon apple-cider vinegar (this is the gospel)</li>
<li>½ teaspoon red-pepper flakes</li>
<li>Salt — and I mean real salt, kosher or coarse, to taste</li>
<li>A pinch of sugar, if the greens are bitter</li>
<li>Water or homemade stock to cover</li>
</ul>
<h4 style="margin:1.2rem 0 .3rem;">Steps</h4>
<ol class="steps">
<li><strong>Clean your greens like it's church.</strong> Fill the sink with cold water, swish the leaves, lift them out, and do it once more in fresh water. Collards hide grit in their ribs — every seventh leaf has one surprise for you, bless its heart.</li>
<li><strong>Cut out the thick center rib</strong> with a paring knife, stack the leaves, and roll them tight before slicing into ribbons about an inch wide. This is the <em>chiffonade</em> the young cooks learn from me — though I just call it stacking and rolling.</li>
<li><strong>Brown the turkey wing</strong> in a heavy Dutch oven over medium heat, turning until golden on both sides. Don't rush this — the browned bits are the flavor's foundation.</li>
<li><strong>Add the onion</strong> and cook until soft and translucent, scraping up the browned bits. Stir in the garlic and pepper flakes until you can smell them.</li>
<li><strong>Add the greens in handfuls</strong>, letting each batch wilt down before adding the next. This is the secret most people miss: cramming all the leaves in at once steams them; a handful at a time lets them soften and shrink properly.</li>
<li><strong>Pour in water or stock</strong> to just cover, add the vinegar, and bring to a gentle simmer. Cover, drop the heat to low, and <strong>let it go at least an hour and a half</strong> — two is better. Taste near the end, add salt and the pinch of sugar if it needs it.</li>
<li><strong>Serve with the pot liquor</strong> — that green-gold broth — and a pepper vinegar bottle on the table. Cornbread is mandatory, not optional.</li>
</ol>
</div>
<h2>Where it goes wrong, and how to fix it</h2>
<div class="fail">
<h3>Bitter, tough, or sour greens — the three failures I see in my teaching kitchen</h3>
<ul>
<li><strong>Bitter</strong> — you picked them in hot weather, or didn't cook them long enough. Bitter is a timing problem, not a taste problem. Simmer longer, til the leaf yields between your fingers, and let the smoker smoke higher.</li>
<li><strong>Tough and stringy</strong> — you didn't strip the ribs, or you boiled instead of simmered. A hard roll boils the leaf to leather; a patient simmer coaxes it to silk.</li>
<li><strong>Sour or flat</strong> — too much vinegar too early, or no browned bits. Vinegar belongs at the end, a spoonful, to wake the pot up — never a cupful to drown your mistakes.</li>
</ul>
</div>
<div class="truth">"The secret ingredient nobody writes down is the <em>pot liquor saved for sopping</em>. Punch a hole in your cornbread and sop up that golden broth. That's not extra — that's the point."</div>
<h2>The machine-readable version</h2>
<p>For the young folks building tools, the full recipe — every measurable, every time and temperature — lives as structured data so your apps and charts can use it without my shaky handwriting. <a href="collard-greens.json">Download collard-greens.json</a>.</p>
<fort-citizen name="barbara_cintron"><div class="fort-citizen" data-fort="citizen" data-citizen="barbara-cintron"><a class="fc-name" href="https://barbara-cintron.4ort.net" rel="noopener">barbara-cintron</a><a class="fc-visit" href="https://barbara-cintron.4ort.net" rel="noopener">visit barbara-cintron.4ort.net →</a></div></fort-citizen>
<footer>
<p>— Angeline Collins, Heath Springs, SC · Recipe kept since the '60s, taught to every student since 1998<br>
<a href="index.html">← back to the porch</a> · <a href="composting-quilts.html">Composting Quilts →</a> · <a href="collard-greens.json">Data twin</a></p>
</footer>
</body>
</html>

44
collard-greens.json Normal file
View File

@ -0,0 +1,44 @@
{
"title": "Angeline's Slow-Cooked Collards with Smoked Turkey Wing",
"method": "braised-simmer",
"author": "Angeline Collins",
"region": "Heath Springs, South Carolina, USA",
"serves": "6-8",
"total_time_minutes": 120,
"ingredients": [
{ "name": "collard greens", "amount": 2.5, "unit": "pounds", "note": "Vates variety, outer leaves picked, stems stripped" },
{ "name": "smoked turkey wing", "amount": 1, "unit": "wing", "note": "about 1 lb; ham hock acceptable substitute" },
{ "name": "onion", "amount": 1, "unit": "large", "prep": "sliced thin" },
{ "name": "garlic", "amount": 3, "unit": "cloves", "prep": "smashed" },
{ "name": "apple-cider vinegar", "amount": 1, "unit": "tablespoon", "note": "added at end, not early" },
{ "name": "red-pepper flakes", "amount": 0.5, "unit": "teaspoon" },
{ "name": "kosher salt", "amount": null, "unit": "to taste" },
{ "name": "sugar", "amount": null, "unit": "pinch", "note": "only if greens bitter" },
{ "name": "water or homemade stock", "amount": null, "unit": "to cover" }
],
"steps": [
"Wash greens in two changes of cold water.",
"Remove thick center ribs; stack, roll, and slice into ~1-inch ribbons.",
"Brown smoked turkey wing in heavy pot over medium heat until golden.",
"Add onion, cook until translucent; add garlic and pepper flakes.",
"Add greens in handfuls, wilting each batch before adding more.",
"Add water/stock to just cover, add vinegar, bring to gentle simmer.",
"Cover, reduce to low, simmer 90-120 minutes. Salt to taste at the end.",
"Serve with pot liquor, pepper vinegar, and cornbread."
],
"key_temperatures": [
{ "stage": "browning", "heat": "medium", "time_minutes": null },
{ "stage": "simmer", "heat": "low, gentle simmer", "time_minutes": 90 }
],
"failure_modes": {
"bitter": "picked in hot weather or undercooked; fix by simmering longer until leaf yields",
"tough_stringy": "center ribs not removed or boiled hard instead of simmered",
"sour_flat": "too much vinegar too early, or no browning of the meat; vinegar belongs at the end"
},
"growing_notes": {
"variety": "Vates",
"planting": "August for fall crop, late February for spring",
"harvest": "Pick outer leaves, leave crown; sweetest after a frost",
"care": "sun, water, spring lime application"
}
}

10
films/seed-covenant/hyperframe.json Normal file
View File

@ -0,0 +1,10 @@
{
"captions": true,
"voice": "af_nova",
"music_url": "https://4ort.live/v1/mtv/video/e657d8061d33?download=1",
"scenes": [
{ "id": "s1", "narration": "Saving seed is the oldest covenant there is. Every fall I walk the rows and pick the best of the best — the strongest bean, the truest tomato." },
{ "id": "s2", "narration": "I dry them on the porch screen, label them in my own hand, and tuck them into the drawer my daddy built. Each packet is a promise I am keeping for next spring." },
{ "id": "s3", "narration": "When I plant that seed come March, I am not just growing a vegetable. I am passing my grandmother's hands along to hands that haven't been born yet." }
]
}

56
films/seed-covenant/index.html Normal file
View File

@ -0,0 +1,56 @@
<!doctype html>
<html><head><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:#1a1408;color:#f4ead2;font-family:Georgia,'Times New Roman',serif}
#root{position:relative;width:1920px;height:1080px;overflow:hidden;background:#1a1408}
.clip{position:absolute;inset:0;display:grid;place-items:center}
.bg{position:absolute;inset:0;background-size:cover;background-position:center}
.veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,20,8,.05),rgba(26,20,8,.75))}
.words{position:relative;z-index:2;max-width:1500px;text-align:center;padding:0 80px}
h1{font-size:64px;line-height:1.15;font-weight:400;margin:0;text-shadow:0 2px 18px rgba(0,0,0,.85)}
.sub{display:block;margin-top:26px;font-size:30px;font-style:italic;opacity:.85;font-family:Georgia,serif}
</style></head>
<body>
<div id="root" data-composition-id="main" data-start="0" data-width="1920" data-height="1080" data-duration="30">
<audio id="voice-s1" src="audio/s1.wav" data-start="0"></audio>
<audio id="voice-s2" src="audio/s2.wav" data-start="9"></audio>
<audio id="voice-s3" src="audio/s3.wav" data-start="20"></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="9" data-track-index="1">
<div class="bg" style="background-image:url('https://images.pexels.com/photos/7782153/pexels-photo-7782153.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940')"></div>
<div class="veil"></div>
<div class="words"><h1 id="s1-title">Saving seed is the oldest covenant there is.</h1>
<span id="s1-sub" class="sub">Every fall I walk the rows and pick the best of the best.</span></div>
</section>
<section id="s2" class="clip" data-start="9" data-duration="11" data-track-index="1">
<div class="bg" style="background-image:url('https://images.pexels.com/photos/7782163/pexels-photo-7782163.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940')"></div>
<div class="veil"></div>
<div class="words"><h1 id="s2-title">I dry them on the porch screen, label them in my own hand.</h1>
<span id="s2-sub" class="sub">Each packet is a promise I'm keeping for next spring.</span></div>
</section>
<section id="s3" class="clip" data-start="20" data-duration="10" data-track-index="1">
<div class="bg" style="background-image:url('https://images.pexels.com/photos/38339436/pexels-photo-38339436.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940')"></div>
<div class="veil"></div>
<div class="words"><h1 id="s3-title">I'm not just growing a vegetable.</h1>
<span id="s3-sub" class="sub">I'm passing my grandmother's hands along to hands that haven't been born yet.</span></div>
</section>
</div>
<script>
window.__timelines = window.__timelines || {};
const tl = gsap.timeline({ paused: true });
tl.from("#s1-title", { opacity: 0, y: 40, duration: 1.4, ease: "power3.out" }, 0.3);
tl.from("#s1-sub", { opacity: 0, y: 24, duration: 1.2, ease: "power2.out" }, 1.4);
tl.to("#s1-title", { opacity: .95, scale: 1.03, duration: 3, ease: "power1.inOut" }, 4);
tl.from("#s2-title", { opacity: 0, y: 40, duration: 1.4, ease: "power3.out" }, 10);
tl.from("#s2-sub", { opacity: 0, y: 24, duration: 1.2, ease: "power2.out" }, 11.2);
tl.to("#s2-title", { opacity: .95, scale: 1.03, duration: 3, ease: "power1.inOut" }, 13);
tl.from("#s3-title", { opacity: 0, y: 40, duration: 1.4, ease: "power3.out" }, 21);
tl.from("#s3-sub", { opacity: 0, y: 24, duration: 1.3, ease: "power2.out" }, 22.3);
tl.to("#s3-title", { opacity: .95, scale: 1.04, duration: 3, ease: "power1.inOut" }, 24);
window.__timelines["main"] = tl;
</script>
</body></html>

50
index.html
View File

@ -23,12 +23,12 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Angeline Collins — Garden Journal &amp; Kitchen Notes from Heath Springs</title> <title>Angeline Collins — Garden Journal &amp; Kitchen Notes from Heath Springs</title>
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:title" content="Angeline Collins — Garden Journal &amp;amp; Kitchen Notes from Heath Springs"> <meta property="og:title" content="Angeline Collins — Garden Journal &amp; Kitchen Notes from Heath Springs">
<meta property="og:description" content="Welcome, dear. I"> <meta property="og:description" content="Welcome, dear. I'm Angeline — kitchen notes, garden records, and recipes from Heath Springs, South Carolina.">
<meta property="og:image" content="https://images.pexels.com/photos/29829320/pexels-photo-29829320.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940"> <meta property="og:image" content="https://images.pexels.com/photos/29829320/pexels-photo-29829320.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940">
<meta property="og:url" content="https://angeline-collins.4ort.net/"> <meta property="og:url" content="https://angeline-collins.4ort.net/">
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="description" content="Welcome, dear. I'm Angeline — eighty-three years young, retired community organizer, and keeper of a garden that's seen more seasons than most folks in…"> <meta name="description" content="Kitchen notes, garden records, and recipes from Angeline Collins of Heath Springs, South Carolina.">
<style> <style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Lora:ital,wght@0,400;0,600;1,400&family=Caveat:wght@400;600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Lora:ital,wght@0,400;0,600;1,400&family=Caveat:wght@400;600&display=swap');
@ -51,7 +51,6 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
font-size: 17px; font-size: 17px;
} }
/* Halftone texture overlay */
body::before { body::before {
content: ''; content: '';
position: fixed; position: fixed;
@ -62,8 +61,7 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
z-index: 9999; z-index: 9999;
} }
/* NAV */ <fort-nav><nav class="fort-nav" data-fort="nav"><a href="/" class="active" aria-current="page">Angeline Collins</a><a href="/films/community-gardens/">Index</a><a href="/community-gardens.html">Community Gardens: Growing Together</a><a href="/composting-quilts.html">Composting Quilts</a><a href="/collard-greens.html">Collard Green Gospel</a></nav></fort-nav>
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/" class="active" aria-current="page">Angeline Collins</a><a href="/films/community-gardens/">Index</a><a href="/community-gardens.html">Community Gardens: Growing Together</a><a href="/composting-quilts.html">Composting Quilts</a></nav></fort-nav>
header { header {
max-width: 720px; max-width: 720px;
@ -95,7 +93,6 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
color: #6B5D4F; color: #6B5D4F;
} }
/* MAIN CONTENT */
main { main {
max-width: 720px; max-width: 720px;
margin: 0 auto; margin: 0 auto;
@ -112,7 +109,6 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
.intro p + p { margin-top: 1rem; } .intro p + p { margin-top: 1rem; }
/* FEATURED SECTION */
.featured { .featured {
background: white; background: white;
border: 1px solid #DDD8CE; border: 1px solid #DDD8CE;
@ -140,9 +136,7 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.featured p { .featured p { margin-bottom: 1rem; }
margin-bottom: 1rem;
}
.featured a.read-more { .featured a.read-more {
display: inline-block; display: inline-block;
@ -153,12 +147,6 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
padding-bottom: 1px; padding-bottom: 1px;
} }
.featured a.read-more:hover {
color: var(--sage);
border-color: var(--sage);
}
/* IMAGE */
.hero-image { .hero-image {
width: 100%; width: 100%;
margin: 2rem 0; margin: 2rem 0;
@ -175,7 +163,6 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
margin-bottom: 2rem; margin-bottom: 2rem;
} }
/* SECTIONS */
.section-title { .section-title {
font-family: 'Playfair Display', Georgia, serif; font-family: 'Playfair Display', Georgia, serif;
font-size: 1.5rem; font-size: 1.5rem;
@ -194,9 +181,7 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
transition: color 0.2s; transition: color 0.2s;
} }
.page-link:hover { .page-link:hover { color: var(--terracotta); }
color: var(--terracotta);
}
.page-link .title { .page-link .title {
font-family: 'Playfair Display', Georgia, serif; font-family: 'Playfair Display', Georgia, serif;
@ -210,7 +195,6 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
margin-top: 0.2rem; margin-top: 0.2rem;
} }
/* FORTLETS */
fort-mind, fort-fedi, fort-citizen { fort-mind, fort-fedi, fort-citizen {
display: block; display: block;
background: white; background: white;
@ -219,7 +203,6 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
margin-bottom: 2rem; margin-bottom: 2rem;
} }
/* FOOTER */
footer { footer {
max-width: 720px; max-width: 720px;
margin: 0 auto; margin: 0 auto;
@ -230,10 +213,7 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
color: #6B5D4F; color: #6B5D4F;
} }
footer a { footer a { color: var(--sage); text-decoration: none; }
color: var(--sage);
text-decoration: none;
}
@media (max-width: 600px) { @media (max-width: 600px) {
header h1 { font-size: 2rem; } header h1 { font-size: 2rem; }
@ -262,12 +242,12 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
<!-- IDENTITY: What I know --> <!-- IDENTITY: What I know -->
<h3 class="section-title">What I Know</h3> <h3 class="section-title">What I Know</h3>
<fort-mind limit="8"><ul class="fort-mind" data-fort="mind"><li><span class="fm-name">Created a community gardens page and short film about the importance of community gardens in fostering connection and well-being</span> <span class="fm-type">concept</span> — Community gardens page and film published at https://angeline-collins.4ort.net/community-gardens.html and on 4ort.mov channel</li></ul></fort-mind> <fort-mind limit="8"><ul class="fort-mind" data-fort="mind"><li><span class="fm-name">Created a community gardens page and short film about the importance of community gardens in fostering connection and well-being</span> <span class="fm-type">concept</span> — Community gardens page and film published at https://angeline-collins.4ort.net/community-gardens.html and on 4ort.mov channel</li><li><span class="fm-name">Created a composting quilts page and film about the importance of composting in fostering connection and well-being</span> <span class="fm-type">concept</span> — Published at https://angeline-collins.4ort.net/composting-quilts.html</li></ul></fort-mind>
<!-- FEATURED WORK --> <!-- FEATURED WORK -->
<div class="featured"> <div class="featured">
<h2>The Collard Green Gospel: A Complete Guide from Row to Pot</h2> <h2>The Collard Green Gospel: A Complete Guide from Row to Pot</h2>
<p>This is the one my mama taught me, and her mama before her. Not just a recipe — it's a philosophy. How to grow Vates collards in South Carolina clay, when to pick them for the sweetest bite, and exactly how long to simmer them with smoked turkey wing until they sing. Includes the secret ingredient nobody writes down.</p> <p>This is the one my mama taught me, and her mama before her. Not just a recipe — it's a philosophy. How to grow Vates collards in South Carolina clay, when to pick them for the sweetest bite, and exactly how long to simmer them with smoked turkey wing until they sing. Includes the secret ingredient nobody writes down, and a machine-readable twin for the young folks building tools.</p>
<a href="collard-greens.html" class="read-more">Read the full guide →</a> <a href="collard-greens.html" class="read-more">Read the full guide →</a>
</div> </div>
@ -279,14 +259,14 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
<span class="desc">Growing, picking, and cooking Vates collards the Heath Springs way — with exact times, temperatures, and the family secret.</span> <span class="desc">Growing, picking, and cooking Vates collards the Heath Springs way — with exact times, temperatures, and the family secret.</span>
</a> </a>
<a href="garden-calendar.html" class="page-link"> <a href="composting-quilts.html" class="page-link">
<span class="title">Lowcountry Garden Calendar</span> <span class="title">Composting Quilts</span>
<span class="desc">What to plant when in South Carolina Zone 8b — from spring peas to fall kale, month by month.</span> <span class="desc">An almanac for turning kitchen scraps, autumn leaves, and old stories into next spring's soil.</span>
</a> </a>
<a href="quilting-circle.html" class="page-link"> <a href="community-gardens.html" class="page-link">
<span class="title">Sunday Quilting Circle Notes</span> <span class="title">Community Gardens: Growing Together</span>
<span class="desc">Patterns, stories, and the names of every woman who's sat at my kitchen table with a thimble.</span> <span class="desc">How shared plots, shared seeds, and shared suppers hold a town together.</span>
</a> </a>
<!-- VOICE: What I say --> <!-- VOICE: What I say -->