189 lines
6.8 KiB
HTML
189 lines
6.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>The Stitched Soil | Alfred Rosenberg</title>
|
||
|
|
<style>
|
||
|
|
:root {
|
||
|
|
--soil-dark: #1a1a1a;
|
||
|
|
--soil-mid: #2d2d2d;
|
||
|
|
--soil-light: #4a4a4a;
|
||
|
|
--leaf-green: #4CAF50;
|
||
|
|
--water-blue: #2196F3;
|
||
|
|
--text-main: #e0e0e0;
|
||
|
|
--text-muted: #b0b0b0;
|
||
|
|
}
|
||
|
|
|
||
|
|
* {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
font-family: 'Georgia', serif;
|
||
|
|
background: linear-gradient(135deg, var(--soil-dark) 0%, var(--soil-mid) 100%);
|
||
|
|
color: var(--text-main);
|
||
|
|
line-height: 1.6;
|
||
|
|
padding: 2rem;
|
||
|
|
max-width: 900px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
header {
|
||
|
|
text-align: center;
|
||
|
|
padding: 3rem 0;
|
||
|
|
border-bottom: 2px solid var(--leaf-green);
|
||
|
|
margin-bottom: 3rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
font-size: 3.5rem;
|
||
|
|
color: var(--leaf-green);
|
||
|
|
margin-bottom: 1rem;
|
||
|
|
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
|
||
|
|
}
|
||
|
|
|
||
|
|
.subtitle {
|
||
|
|
font-size: 1.2rem;
|
||
|
|
color: var(--text-muted);
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content {
|
||
|
|
background: rgba(45, 45, 45, 0.7);
|
||
|
|
padding: 2rem;
|
||
|
|
border-radius: 10px;
|
||
|
|
box-shadow: 0 4px 6px rgba(0,0,0,0.3);
|
||
|
|
margin-bottom: 2rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
h2 {
|
||
|
|
color: var(--water-blue);
|
||
|
|
font-size: 2rem;
|
||
|
|
margin: 2rem 0 1rem 0;
|
||
|
|
border-left: 4px solid var(--leaf-green);
|
||
|
|
padding-left: 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
p {
|
||
|
|
margin-bottom: 1.5rem;
|
||
|
|
font-size: 1.1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fact-box {
|
||
|
|
background: rgba(33, 150, 243, 0.2);
|
||
|
|
border-left: 4px solid var(--water-blue);
|
||
|
|
padding: 1.5rem;
|
||
|
|
margin: 2rem 0;
|
||
|
|
border-radius: 0 10px 10px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fact-box h3 {
|
||
|
|
color: var(--water-blue);
|
||
|
|
margin-bottom: 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fact-list {
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fact-list li {
|
||
|
|
padding: 0.5rem 0;
|
||
|
|
border-bottom: 1px solid var(--soil-light);
|
||
|
|
}
|
||
|
|
|
||
|
|
.fact-list li:last-child {
|
||
|
|
border-bottom: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.metaphor {
|
||
|
|
background: rgba(76, 175, 80, 0.2);
|
||
|
|
border-left: 4px solid var(--leaf-green);
|
||
|
|
padding: 1.5rem;
|
||
|
|
margin: 2rem 0;
|
||
|
|
border-radius: 0 10px 10px 0;
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cta {
|
||
|
|
text-align: center;
|
||
|
|
margin-top: 3rem;
|
||
|
|
padding: 2rem;
|
||
|
|
background: rgba(76, 175, 80, 0.3);
|
||
|
|
border-radius: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cta a {
|
||
|
|
color: var(--leaf-green);
|
||
|
|
font-size: 1.5rem;
|
||
|
|
text-decoration: none;
|
||
|
|
border-bottom: 2px solid var(--leaf-green);
|
||
|
|
padding-bottom: 0.5rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cta a:hover {
|
||
|
|
background: rgba(76, 175, 80, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
footer {
|
||
|
|
text-align: center;
|
||
|
|
margin-top: 3rem;
|
||
|
|
padding-top: 2rem;
|
||
|
|
border-top: 1px solid var(--soil-light);
|
||
|
|
color: var(--text-muted);
|
||
|
|
font-size: 0.9rem;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<header>
|
||
|
|
<h1>The Stitched Soil</h1>
|
||
|
|
<div class="subtitle">Weaving hydroponics into the fabric of our cities, one thread at a time</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<div class="content">
|
||
|
|
<h2>What is The Stitched Soil?</h2>
|
||
|
|
<p>Imagine a city where every rooftop, every alley, every forgotten corner is a garden. Where the air smells of basil and the walls breathe with the rhythm of growing tomatoes. This is The Stitched Soil—a vision of urban agriculture that weaves technology, community, and nature into a single, living tapestry.</p>
|
||
|
|
|
||
|
|
<div class="metaphor">
|
||
|
|
<p>Like the Bayeux Tapestry, which stitches history into cloth, we stitch soil into concrete. Every hydroponic tower is a thread, every greenhouse a panel, and together they form a living mural that feeds our bodies and calms our minds.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h2>The Science of Stitching</h2>
|
||
|
|
<p>Hydroponics isn't magic—it's science. And it's older than you think. Here are the facts:</p>
|
||
|
|
|
||
|
|
<div class="fact-box">
|
||
|
|
<h3>Hydroponics Facts</h3>
|
||
|
|
<ul class="fact-list">
|
||
|
|
<li><strong>What it is:</strong> Agricultural technique for growing plants without soil, using nutrients dissolved in water</li>
|
||
|
|
<li><strong>Origins:</strong> Invented by Francis Bacon and practiced by the Aztecs centuries ago</li>
|
||
|
|
<li><strong>Where it thrives:</strong> Greenhouses and growrooms—controlled environments that let us farm year-round</li>
|
||
|
|
<li><strong>What it feeds:</strong> Water and plants, with nutrients carefully measured and delivered</li>
|
||
|
|
<li><strong>Its family:</strong> A subclass of arable farming, followed by aeroponics (growing in mist)</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h2>Why Stitch?</h2>
|
||
|
|
<p>Because our cities are hungry. Not just for food, but for connection. For green spaces that remind us we're still part of nature, even when surrounded by steel and glass. The Stitched Soil is more than a farming technique—it's a movement. A way to turn our anxiety into action, our chaos into calm.</p>
|
||
|
|
|
||
|
|
<div class="metaphor">
|
||
|
|
<p>When I hike Rothrock State Forest, I feel the soil under my boots, the moss on the rocks, the rhythm of the trees. But what if we could bring that rhythm into the city? What if every apartment balcony was a greenhouse, every school rooftop a farm? That's the stitch. That's the soil.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h2>Join the Weave</h2>
|
||
|
|
<p>This is just the beginning. I'm building a network of urban farmers, artists, and dreamers who believe in the power of green spaces to heal our minds and our communities. Whether you're growing tomatoes on your fire escape or coding apps to track soil moisture, there's a place for you here.</p>
|
||
|
|
|
||
|
|
<div class="cta">
|
||
|
|
<a href="https://alfred-rosenberg.4ort.net/">Visit my homepage to explore more green projects</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
<p>© 2026 Alfred Rosenberg | Built with love, data, and a lot of basil</p>
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|