straddie-tip-loop-lab/forms.html at main · auraofintelligence/straddie-tip-loop-lab · 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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!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 browser-local Markdown builder for portable, self-sovereign tip-loop context packets that people can use with their own choice of AI.">
    <meta property="og:title" content="AI Context Builder | Straddie Tip Loop Lab">
    <meta property="og:description" content="A browser-local Markdown builder for portable, self-sovereign tip-loop context packets that people can use with their own choice of AI.">
    <meta property="og:image" content="assets/img/heroes/field-records.webp">
    <meta property="og:url" content="https://auraofintelligence.github.io/straddie-tip-loop-lab/forms.html">
    <title>AI Context Builder | Straddie Tip Loop Lab</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 data-page="forms">
    <header data-site-header></header>
    <main id="main">
      <section class="page-hero" aria-labelledby="page-title">
        <figure class="page-hero-media" aria-hidden="true">
          <img src="assets/img/heroes/field-records.webp" alt="">
        </figure>
        <div class="page-hero-inner">
          <div class="page-hero-copy">
            <h1 class="page-title" id="page-title">Could one file help an idea travel?</h1>
            <p class="lede">A Markdown context packet can help a person bring material facts, choices, sources and open questions into the AI tool they choose.</p>
            <div class="button-row"><a class="button primary" href="#builder-note">Start the builder</a><a class="button secondary" href="https://auraofintelligence.github.io/how-to-use-md-with-ai/">Read the MD guide</a></div>
          </div>
        </div>
      </section>

<div class="band">
  <section class="section" aria-labelledby="builder-note">
    <div class="section-head">
      <h2 id="builder-note">Create an AI-ready material context packet.</h2>
      <p class="body-copy">This builder turns a local material idea into a portable Markdown file: what it is, why it matters, who chooses, what evidence travels with it, what stays private, and what a chosen AI could help develop next. Each answer has one job.</p>
      <div class="button-row">
        <a class="button primary" href="https://auraofintelligence.github.io/how-to-use-md-with-ai/">How Markdown works with AI</a>
        <a class="button secondary" href="https://auraofintelligence.github.io/how-to-use-md-with-ai/pages/builder.html">Open the general MD builder</a>
      </div>
    </div>

    <div class="builder-primer">
      <article>
        <h3>Personal choice AI</h3>
        <p>A useful record can travel into ChatGPT, Claude, Gemini, a local model, a coding agent, a trusted human reviewer or a future island knowledge tool.</p>
      </article>
      <article>
        <h3>High-context, low-control</h3>
        <p>The file gives an AI enough structure to be useful while leaving the person in charge of what is public, private, uncertain, refused or ready for review.</p>
      </article>
      <article>
        <h3>Reusable local data</h3>
        <p>Each record can become better evidence for repairs, grants, dashboards, noticeboards, skill-building, right-to-repair work and future microfactory experiments.</p>
      </article>
    </div>

    <div class="builder-layout">
      <form class="builder-form" data-tiploop-builder>
        <fieldset>
          <legend>Frame the record</legend>
          <label>Record type
            <select name="record_type">
              <option value="material-offer">Material offer</option>
              <option value="repair-candidate">Repair candidate</option>
              <option value="stream-note">Material stream note</option>
              <option value="partner-pathway">Partner pathway</option>
              <option value="pilot-question">Pilot question</option>
              <option value="learning-boundary">Learning boundary note</option>
              <option value="other">Other</option>
            </select>
          </label>
          <label>Visibility lane
            <select name="visibility">
              <option value="private_owner_context">Private owner context</option>
              <option value="trusted_review">Trusted review circle</option>
              <option value="public_draft">Public draft</option>
              <option value="public_after_review">Public after review</option>
              <option value="ledger_or_dashboard_reference">Ledger or dashboard reference</option>
            </select>
          </label>
          <label>Short title
            <input name="title" placeholder="Clean HDPE buckets, bike parts, cardboard stream, e-waste question">
          </label>
          <label>Material stream
            <input name="stream" placeholder="Plastic, metal, cans, glass, cardboard, e-waste, timber, mixed">
          </label>
          <label>Place or reach
            <input name="place" placeholder="Dunwich, Amity, Point Lookout, business pickup, event leftovers">
          </label>
        </fieldset>

        <fieldset>
          <legend>Describe the material once</legend>
          <label data-detail-label>What is the thing, in ordinary words?
            <textarea name="details"></textarea>
          </label>
          <label>What facts are already known?
            <textarea name="quantity"></textarea>
          </label>
          <label>Why could this matter locally?
            <textarea name="local_use"></textarea>
          </label>
          <label>Skills, tools or helpers that might be needed
            <textarea name="needs"></textarea>
          </label>
          <label>Source links, filenames, photos, measurements or people to ask
            <textarea name="sources"></textarea>
          </label>
        </fieldset>

        <fieldset>
          <legend>Choice, care and AI use</legend>
          <label>What changes the pathway?
            <textarea name="handling"></textarea>
          </label>
          <label>Who gets to choose what happens?
            <textarea name="permission"></textarea>
          </label>
          <label>What would be useful for your chosen AI to produce?
            <textarea name="ai_output" placeholder="Example: repair pathway, material passport, public notice, grant angle, parts list, workshop outline, dashboard note or experiment map."></textarea>
          </label>
          <label>What is still unresolved?
            <textarea name="questions"></textarea>
          </label>
          <label>What stays out of public or AI copies?
            <textarea name="private_notes"></textarea>
          </label>
        </fieldset>

        <fieldset>
          <legend>Review</legend>
          <label>Who could review or steward this record?
            <input name="reviewer">
          </label>
        </fieldset>

        <div class="builder-actions">
          <button class="button primary" type="submit">Update Markdown</button>
          <button class="button secondary" type="button" data-copy-markdown>Copy Markdown</button>
          <button class="button secondary" type="button" data-download-markdown>Download .md</button>
          <button class="button secondary" type="button" data-clear-form>Clear</button>
        </div>
        <p class="status" data-status></p>
      </form>

      <div class="output-panel">
        <label for="markdown-output">Markdown preview</label>
        <textarea class="markdown-output" id="markdown-output" data-markdown-output readonly></textarea>
      </div>
    </div>
  </section>
</div>
<script src="tip-loop-builder.js"></script>

    </main>
    <footer data-site-footer></footer>
    <script>window.StraddieTipLoopPages = [{"id": "home", "label": "Home", "href": "index.html"}, {"id": "streams", "label": "Streams", "href": "streams.html"}, {"id": "loop", "label": "Loop", "href": "loop.html"}, {"id": "microfactory", "label": "Microfactory", "href": "microfactory.html"}, {"id": "governance", "label": "Governance", "href": "governance.html"}, {"id": "ecosystem", "label": "Ecosystem", "href": "ecosystem.html"}, {"id": "forms", "label": "Forms", "href": "forms.html"}, {"id": "sources", "label": "Sources", "href": "sources.html"}];</script>
    <script src="script.js"></script>
  </body>
</html>