straddie-noticeboard-network/index.html at main · auraofintelligence/straddie-noticeboard-network · 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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!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="A standalone Straddie public noticeboard network prototype using markdown frontmatter feeds, per-entity theme packs and device-specific screen adapters.">
    <title>Straddie Noticeboard Network</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" type="image/png" sizes="32x32" href="assets/favicon-raster-32.png">
    <link rel="icon" type="image/png" sizes="192x192" href="assets/favicon-raster-192.png">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon-raster-180.png">
</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" aria-label="Straddie Noticeboard Network home"><span>Straddie</span><span>Noticeboard</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="index.html">Home</a>
          <a href="categories/index.html">Categories</a>
          <a href="entities.html">Entities</a>
          <a href="pipeline.html">Pipeline</a>
          <a href="themes.html">Themes</a>
          <a href="agents.html">Agents</a>
          <a href="public-noticeboard-builder.html">Builder</a>
          <a href="https://auraofintelligence.github.io/legal-memory-workbench/">Legal Memory</a>
          <a href="https://auraofintelligence.github.io/straddie-content-assets-kit/">Assets</a>
          <a href="public-noticeboard.html">public_noticeboard.md</a>
        </div>
      </nav>
    </header>
    <main id="main">
      <section class="hero" aria-labelledby="hero-title">
        <div class="hero-inner hero-split">
          <div class="hero-copy">
            <p class="eyebrow">Markdown to many screens</p>
            <h1 id="hero-title">Straddie Noticeboard Network</h1>
            <p class="hero-lede" data-project-deck></p>
            <p class="source-line" data-project-source></p>
            <div class="hero-actions">
              <a class="button primary" href="categories/index.html">Open categories</a>
              <a class="button secondary" href="entities.html">Browse all entities</a>
              <a class="button secondary" href="public-noticeboard-builder.html">Build public_noticeboard.md</a>
              <a class="button secondary" href="pipeline.html">Understand the pipeline</a>
              <a class="button secondary" href="https://auraofintelligence.github.io/legal-memory-workbench/">Legal Memory Workbench</a>
            </div>
          </div>
          <figure class="feature-image hero-image">
            <img src="assets/noticeboard-device-pipeline.webp" alt="Illustrated Straddie Noticeboard Network diagram showing one markdown notice adapted to wall screens, kiosks, tablets, phones and offline fallback devices.">
          </figure>
        </div>
      </section>
      <section class="section" aria-labelledby="home-paths-title">
        <div class="section-heading">
          <p class="eyebrow">Main paths</p>
          <h2 id="home-paths-title">Start broad, then choose the next step.</h2>
          <p>The home page is only the island-level doorway. The deeper parts have their own pages so the menu behaves like a map, not a set of jumps on one long page.</p>
        </div>
        <div class="category-grid">
          <a class="category-card category-card-link" href="categories/index.html">
            <p class="eyebrow">Public roles</p>
            <h3>Categories</h3>
            <p>Start with safety, everyday services, community care, transport, sport, events, creative work, trades and public legacy references.</p>
            <span class="card-link">Open categories</span>
          </a>
          <a class="category-card category-card-link" href="entities.html">
            <p class="eyebrow">Directory</p>
            <h3>Entities</h3>
            <p>Browse every researched business, artist, group, service and reference, then drill down to individual draft data pages.</p>
            <span class="card-link">Browse entities</span>
          </a>
          <a class="category-card category-card-link" href="public-noticeboard-builder.html">
            <p class="eyebrow">Plain form</p>
            <h3>Builder</h3>
            <p>Create a starter public_noticeboard.md file after profile.md and aura.md, with basic, advanced and technical sections.</p>
            <span class="card-link">Open builder</span>
          </a>
          <a class="category-card category-card-link" href="pipeline.html">
            <p class="eyebrow">How it moves</p>
            <h3>Pipeline</h3>
            <p>See how one markdown notice becomes wall-screen, kiosk, tablet, phone and low-power fallback display content.</p>
            <span class="card-link">See pipeline</span>
          </a>
          <a class="category-card category-card-link" href="https://auraofintelligence.github.io/shared-table-initiative/noticeboard.html">
            <p class="eyebrow">Use case</p>
            <h3>Shared Table</h3>
            <p>See how surplus food call-outs, volunteer shifts, safety updates and grant-window prompts can become public-safe notices.</p>
            <span class="card-link">Open bridge</span>
          </a>
          <a class="category-card category-card-link" href="themes.html">
            <p class="eyebrow">Calendar prompts</p>
            <h3>Themes</h3>
            <p>Use local seasons, island events and global days as optional prompts, without forcing every entity into the same rhythm.</p>
            <span class="card-link">See themes</span>
          </a>
          <a class="category-card category-card-link" href="agents.html">
            <p class="eyebrow">Support roles</p>
            <h3>Agents</h3>
            <p>Map the Ready S.E.T. media helpers that draft, check, approve and render public-safe notices.</p>
            <span class="card-link">See agents</span>
          </a>
          <a class="category-card category-card-link" href="https://auraofintelligence.github.io/legal-memory-workbench/">
            <p class="eyebrow">Legal memory</p>
            <h3>Source and risk prep</h3>
            <p>Use a separate legal information workbench when notices, public profiles or project claims need source, jurisdiction and evidence notes.</p>
            <span class="card-link">Open workbench</span>
          </a>
        </div>
      </section>
    </main>
    <footer class="site-footer">
      <div class="footer-copy">
        <p>Straddie Noticeboard Network is a standalone public noticeboard pipeline prototype.</p>
        <p class="footer-note">Real feeds need consent, source checks, expiry dates, cultural care and privacy review before publication.</p>
      </div>
    </footer>
    <script src="data.js"></script>
    <script src="app.js"></script>
  </body>
</html>