A living almanac of seasons, soil, and the quiet knowledge that used to be common. Rust axum with minijinja and Vite.
agriculturealmanacaxumfolk-knowledgegardeningminijinjarustseasonalvite
1<!doctype html>
2<html lang="en">
3<head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <title>dark furrow, a quiet almanac of soil and sky</title>
7 <meta name="description" content="a seasonal almanac of planting, harvest, moon phases, and forgotten rhythms. what to grow, what to cook, what the sky is doing. tended by hand for zone 7a.">
8 <meta name="author" content="isaac bythewood">
9 <meta name="theme-color" content="#16110d">
10 <meta name="color-scheme" content="dark">
11
12 <!-- open graph -->
13 <meta property="og:type" content="website">
14 <meta property="og:url" content="https://darkfurrow.com">
15 <meta property="og:title" content="dark furrow">
16 <meta property="og:description" content="a quiet almanac of soil and sky. planting, harvest, moon phases, and the rhythms the modern world forgot.">
17 <meta property="og:site_name" content="dark furrow">
18 <meta property="og:image" content="https://darkfurrow.com/static/og.svg">
19 <meta property="og:locale" content="en_US">
20
21 <!-- twitter / x -->
22 <meta name="twitter:card" content="summary">
23 <meta name="twitter:title" content="dark furrow">
24 <meta name="twitter:description" content="a quiet almanac of soil and sky. what to plant, what to cook, what the moon is doing. it breathes with the season and the hour.">
25 <meta name="twitter:image" content="https://darkfurrow.com/static/og.svg">
26
27 <!-- misc -->
28 <meta name="robots" content="index, follow">
29 <meta name="generator" content="hand and soil">
30 <link rel="canonical" href="https://darkfurrow.com">
31 <link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
32
33 <!-- typography is self-hosted from /static/fonts/ via @font-face in
34 base.scss. no third-party font cdn calls at runtime. -->
35 <link rel="stylesheet" href="{{ vite_asset('index.js', 'css') }}">
36</head>
37<body data-time="{{ time_key }}" data-season="{{ season_key }}">
38
39 <div class="glow" aria-hidden="true"></div>
40 <div id="sky-layer"></div>
41 <div id="time-layer"></div>
42 <div class="grain" aria-hidden="true"></div>
43
44 <main>
45 <article class="readout">
46
47 <header class="masthead">
48 <span class="masthead-mark">MMXXVI</span>
49 <span class="masthead-mark">ZONE VII·A</span>
50 <span class="masthead-mark">35°N</span>
51 </header>
52
53 <section class="title-block">
54 <h1 class="wordmark">dark furrow</h1>
55 <p class="wordmark-sub">a quiet almanac of soil and sky</p>
56 </section>
57
58 <p class="date-line">{{ date_line }}</p>
59
60 <section class="season-block">
61 <p class="season-name">{{ season_name }}</p>
62 <div class="season-note">{{ season_note|safe }}</div>
63 </section>
64
65 <section class="haiku-block">
66 <blockquote>{{ haiku_html|safe }}</blockquote>
67 </section>
68
69 <div class="sections">{{ sections_html|safe }}</div>
70 </article>
71
72 <footer>
73 <p class="footer-status">{{ footer_text }}</p>
74 <nav class="seasons-nav">{{ season_nav_html|safe }}</nav>
75 <p class="credit">a project by <a href="https://isaacbythewood.com">isaac bythewood</a></p>
76 </footer>
77 </main>
78
79 <script src="{{ vite_asset('index.js') }}"></script>
80</body>
81</html>