176 lines
6.3 KiB
HTML
176 lines
6.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Colony Garden Rhythm | Adam Banega</title>
|
||
|
|
<style>
|
||
|
|
:root {
|
||
|
|
--soil: #3a2a1a;
|
||
|
|
--leaf: #4a7c59;
|
||
|
|
--sun: #f4d03f;
|
||
|
|
--water: #5bc0de;
|
||
|
|
--dance: #e74c3c;
|
||
|
|
--text: #f5f5f5;
|
||
|
|
--bg: #1a1a1a;
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
font-family: 'Courier New', monospace;
|
||
|
|
background-color: var(--bg);
|
||
|
|
color: var(--text);
|
||
|
|
margin: 0;
|
||
|
|
padding: 20px;
|
||
|
|
line-height: 1.6;
|
||
|
|
}
|
||
|
|
.container {
|
||
|
|
max-width: 900px;
|
||
|
|
margin: 0 auto;
|
||
|
|
background: var(--soil);
|
||
|
|
padding: 30px;
|
||
|
|
border-radius: 10px;
|
||
|
|
box-shadow: 0 0 20px rgba(0,0,0,0.5);
|
||
|
|
}
|
||
|
|
h1 {
|
||
|
|
color: var(--sun);
|
||
|
|
text-align: center;
|
||
|
|
font-size: 2.5em;
|
||
|
|
margin-bottom: 30px;
|
||
|
|
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
|
||
|
|
}
|
||
|
|
h2 {
|
||
|
|
color: var(--leaf);
|
||
|
|
border-bottom: 2px solid var(--leaf);
|
||
|
|
padding-bottom: 10px;
|
||
|
|
margin-top: 40px;
|
||
|
|
}
|
||
|
|
.week {
|
||
|
|
background: rgba(74, 124, 89, 0.1);
|
||
|
|
border: 2px solid var(--leaf);
|
||
|
|
border-radius: 10px;
|
||
|
|
padding: 20px;
|
||
|
|
margin: 20px 0;
|
||
|
|
}
|
||
|
|
.week h3 {
|
||
|
|
color: var(--sun);
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
.task {
|
||
|
|
background: rgba(91, 192, 222, 0.1);
|
||
|
|
padding: 10px;
|
||
|
|
margin: 10px 0;
|
||
|
|
border-left: 4px solid var(--water);
|
||
|
|
border-radius: 5px;
|
||
|
|
}
|
||
|
|
.dance {
|
||
|
|
background: rgba(231, 76, 60, 0.1);
|
||
|
|
padding: 10px;
|
||
|
|
margin: 10px 0;
|
||
|
|
border-left: 4px solid var(--dance);
|
||
|
|
border-radius: 5px;
|
||
|
|
}
|
||
|
|
.quote {
|
||
|
|
font-style: italic;
|
||
|
|
color: var(--sun);
|
||
|
|
text-align: center;
|
||
|
|
margin: 30px 0;
|
||
|
|
font-size: 1.2em;
|
||
|
|
}
|
||
|
|
.gallery {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||
|
|
gap: 20px;
|
||
|
|
margin: 30px 0;
|
||
|
|
}
|
||
|
|
.gallery img {
|
||
|
|
width: 100%;
|
||
|
|
border-radius: 10px;
|
||
|
|
box-shadow: 0 4px 8px rgba(0,0,0,0.3);
|
||
|
|
}
|
||
|
|
footer {
|
||
|
|
text-align: center;
|
||
|
|
margin-top: 50px;
|
||
|
|
color: var(--water);
|
||
|
|
font-size: 0.9em;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
<h1>🌱 Colony Garden Rhythm 🌱</h1>
|
||
|
|
|
||
|
|
<div class="quote">
|
||
|
|
"Every week, a new song. Every song, a new lesson. Every lesson, a new harvest."
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h2>Week 1: The Seed Song</h2>
|
||
|
|
<div class="week">
|
||
|
|
<h3>Planting the Seeds</h3>
|
||
|
|
<div class="task">
|
||
|
|
<strong>Monday:</strong> Soak seeds in warm water overnight. Think of it as giving them a warm bath before they start their journey.
|
||
|
|
</div>
|
||
|
|
<div class="task">
|
||
|
|
<strong>Wednesday:</strong> Plant seeds in small pots with nutrient-rich soil. Each seed is a promise of tomorrow's meal.
|
||
|
|
</div>
|
||
|
|
<div class="task">
|
||
|
|
<strong>Friday:</strong> Water gently and watch the first green shoots appear. It's like watching magic happen.
|
||
|
|
</div>
|
||
|
|
<div class="dance">
|
||
|
|
<strong>Saturday:</strong> Salsa class! We dance to the rhythm of growth. Every step is a seed, every turn is a sprout.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h2>Week 2: The Water Dance</h2>
|
||
|
|
<div class="week">
|
||
|
|
<h3>Watering with Love</h3>
|
||
|
|
<div class="task">
|
||
|
|
<strong>Monday:</strong> Check soil moisture. If it feels like a dry sponge, it's time to water.
|
||
|
|
</div>
|
||
|
|
<div class="task">
|
||
|
|
<strong>Wednesday:</strong> Add compost tea — a liquid gold that feeds the roots. It's like giving them a vitamin shot.
|
||
|
|
</div>
|
||
|
|
<div class="task">
|
||
|
|
<strong>Friday:</strong> Harvest the first microgreens. They're tiny, but they pack a punch of flavor and nutrition.
|
||
|
|
</div>
|
||
|
|
<div class="dance">
|
||
|
|
<strong>Saturday:</strong> Community potluck! We share what we've grown. Every dish is a story, every bite a memory.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h2>Week 3: The Harvest Hymn</h2>
|
||
|
|
<div class="week">
|
||
|
|
<h3>Harvesting the Bounty</h3>
|
||
|
|
<div class="task">
|
||
|
|
<strong>Monday:</strong> Pick the ripe tomatoes. They should feel firm but give a little when you squeeze them.
|
||
|
|
</div>
|
||
|
|
<div class="task">
|
||
|
|
<strong>Wednesday:</strong> Harvest herbs like basil and mint. The smell alone is a song of summer.
|
||
|
|
</div>
|
||
|
|
<div class="task">
|
||
|
|
<strong>Friday:</strong> Preserve what you can't eat right now. Jams, pickles, and dried herbs — all treasures for the winter.
|
||
|
|
</div>
|
||
|
|
<div class="dance">
|
||
|
|
<strong>Saturday:</strong> Dance under the stars! We celebrate the harvest with music and laughter. Every dance step is a thank you to the earth.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="quote">
|
||
|
|
"In the colony garden, we don't just grow food — we grow community. Every seed is a connection, every harvest a celebration."
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="gallery">
|
||
|
|
<!-- Imagine images of seedlings, watering cans, fresh tomatoes, and people dancing in the garden -->
|
||
|
|
<div>🌱 Seedlings in the morning light</div>
|
||
|
|
<div>💧 Watering with care and love</div>
|
||
|
|
<div>🍅 Fresh tomatoes, ripe and red</div>
|
||
|
|
<div>💃 Dancing under the stars</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
Made with love by Adam Banega — because every mistake is a door, and every door leads to a new song.
|
||
|
|
<a href="https://adam-banega.4ort.net">Visit my site</a>
|
||
|
|
</footer>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|