shared-table-initiative/table.html at master · auraofintelligence/shared-table-initiative · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!doctype html>
<html lang="en-AU">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Start a Straddie Shared Table food circle for gardens, pantries, freezers, preserving, transport and safe shared meals.">
    <title>Food Circle | Straddie Shared Table</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Nunito+Sans:wght@700;800;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
    <link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
  <link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon">
</head>
  <body>
    <a class="skip-link" href="#main">Skip to content</a>
    <header class="site-header"><nav class="nav" aria-label="Main navigation"><a class="brand-mark" href="index.html"><span>Straddie</span><span>Shared Table</span></a><button class="nav-toggle" type="button" aria-label="Open menu" aria-expanded="false"><span></span><span></span><span></span></button><div class="nav-links"><a href="table.html" aria-current="page">Food Circle</a><a href="garden-mate.html">Garden Mate</a><a href="kitchen-mate.html">Kitchen Mate</a><a href="safety.html">Trust &amp; Care</a><a href="ledger.html">Ledger</a><a href="noticeboard.html">Private Boards</a><a href="grants.html">Organisers</a><a href="source-map.html">Sources</a></div></nav></header>
    <main id="main">
      <section class="page-hero">
        <h1>Start a local food circle.</h1>
        <p class="hero-lede">A food circle maps what a trusted group can grow, store, cook, preserve, transport and share when fuel and freight pressure make food less predictable.</p>
        <div class="hero-actions"><a class="button primary" href="garden-mate.html">Plan growing</a><a class="button secondary" href="noticeboard.html">Make the private board</a><a class="button tertiary" href="kitchen-mate.html">Run the AI audit</a></div>
      </section>
      <section class="section split">
        <div>
          <figure class="image-panel">
            <img src="assets/shared-table-loop.webp" alt="Outdoor community table where people sort surplus produce and prepare for a shared meal.">
          <figcaption>Start with the food people already have, then build the habit before the pressure arrives.</figcaption>
          </figure>
        </div>
        <aside class="cookup-panel">
          <h2>Food circle board</h2>
          <div class="board-row">
            <span>Map</span>
            <strong>gardens, pantries, freezers, containers, drivers</strong>
          </div>
          <div class="board-row">
            <span>Make</span>
            <strong>breakfast, brunch, lunch, dinner, preserves, freezer packs</strong>
          </div>
          <div class="board-row">
            <span>Protect</span>
            <strong>allergies, storage, consent, privacy, cultural permission</strong>
          </div>
          <a class="board-link" href="safety.html">Check trust and care rules</a>
        </aside>
      </section>
      <section class="section paper-section">
        <div class="section-heading">
          <h2>The first circle can be tiny.</h2>
          <p>A good food circle might be six neighbours mapping pantry gaps, a brunch table using ripe fruit, a school garden harvest, a youth crew filling freezer packs, a club kitchen cooking after a working bee, or a private support circle planning meals for the week. Timing can follow the people: breakfast, brunch, lunch, afternoon, evening, late pickup or split-shift.</p>
        </div>
        <div class="flow-line">
          <div><strong>Audit</strong><span>What is in gardens, pantries, fridges and freezers?</span></div>
          <div><strong>Rescue</strong><span>What needs eating, preserving or sharing first?</span></div>
          <div><strong>Plan</strong><span>Use Garden Mate for growing and Kitchen Mate for meals, rosters and shopping gaps.</span></div>
          <div><strong>Check</strong><span>Confirm safety, allergies, storage, permission and timing.</span></div>
          <div><strong>Buffer</strong><span>Cook, preserve, freeze, share and learn for next time.</span></div>
        </div>
      </section>
      <section class="section" aria-labelledby="roles-title">
        <div class="section-heading">
          <h2 id="roles-title">Pick a role that fits your day.</h2>
          <p>Participation should be useful without becoming heroic. You do not have to be a chef, organiser or tech person to strengthen the food buffer.</p>
        </div>
        <div class="grid three">
          <article class="card"><h3>Food mapper</h3><p>List what is growing, stored, spare, frozen, urgent or missing.</p></article>
          <article class="card"><h3>Grower</h3><p>Start herbs, greens, pots, compost, watering or harvest notes that fit the real space.</p></article>
          <article class="card"><h3>Kitchen helper</h3><p>Wash, chop, cook, preserve, clean, label leftovers or keep the bench moving calmly.</p></article>
          <article class="card"><h3>Care connector</h3><p>Check who needs food, transport, company or a quiet way to ask for help.</p></article>
          <article class="card"><h3>Driver</h3><p>Move produce, containers or meals between trusted group members.</p></article>
          <article class="card"><h3>AI prompt buddy</h3><p>Help someone audit food, plan meals and reduce waste without making them feel silly.</p></article>
          <article class="card"><h3>Safety checker</h3><p>Use the trust and care checklist before anything is grown, cooked or published.</p></article>
        </div>
      </section>
    </main>
    <footer class="site-footer"><div><p>Food Circle for Straddie Shared Table.</p><p class="footer-note">Keep the first version small, trusted and food-safe.</p></div><a href="index.html">Home</a></footer>
    <button class="top-button" type="button" data-to-top aria-label="Back to top">Top</button>
    <script src="script.js"></script>
  </body>
</html>