-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmethod.html
More file actions
166 lines (159 loc) · 11 KB
/
Copy pathmethod.html
File metadata and controls
166 lines (159 loc) · 11 KB
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
165
166
<!doctype html>
<html lang="en-AU">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>How to Read This Site | Grain by Grain</title>
<meta name="description" content="Five honest labels, two lanes, and one rule: nobody has to win an argument for the work to proceed. How the register works, why it replaces the usual pile of disclaimers, and how a wild idea earns its way up.">
<meta name="theme-color" content="#0b1220">
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg">
<link rel="preload" href="assets/fonts/archivo-var.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="assets/fonts/jetbrains-mono-var.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body data-page="method">
<a class="skip-link" href="#main">Skip to content</a>
<header class="site-header">
<a class="brand" href="index.html" aria-label="Grain by Grain home">
<span class="brand-mark" aria-hidden="true"></span>
<span class="brand-text"><strong>Grain by Grain</strong><span>Civilisation of Sand · Spine</span></span>
</a>
<nav class="site-nav" aria-label="Primary">
<a href="index.html">Home</a>
<a href="people.html">People</a>
<a href="bench.html">Bench</a>
<a href="tunnels.html">Tunnels</a>
<a href="alchemy.html">Alchemy</a>
<a href="energy.html">Energy</a>
<a href="walls.html">Walls</a>
<a href="threats.html">Threats</a>
</nav>
</header>
<main id="main">
<section class="hero page-hero">
<div class="hero-image" aria-hidden="true">
<img src="assets/media/method-register.webp" alt="" width="1600" height="900" fetchpriority="high">
</div>
<div class="hero-content reveal">
<p class="eyebrow">The rules of the game</p>
<h1>How to read this site</h1>
<p class="hero-copy">Most projects like this pick a side. They're either all breathless promises, or so hedged with disclaimers that nothing means anything. This one does neither. It puts a plain honest label on every claim, so the copy can be bold and the reader always knows exactly how solid the ground is. Learn the five labels and the two lanes, and you can read the whole site with your guard down, because the honesty is in the label, not hidden in the small print.</p>
<div class="hero-actions">
<a class="button button-primary" href="#labels">The five labels</a>
<a class="button button-secondary" href="#climb">How a wild idea earns its way up</a>
</div>
</div>
</section>
<section class="section" id="labels">
<div class="section-heading reveal">
<div>
<p class="eyebrow">The five labels</p>
<h2>Every claim wears exactly one.</h2>
</div>
<div>
<p>You'll see these little stamped chips all over the site, next to facts, numbers and ideas. Each one tells you, at a glance, how much weight the claim can bear. That's the whole trick: the label does the hedging so the sentence doesn't have to.</p>
</div>
</div>
<div class="stream-list reveal">
<article class="stream">
<div class="stream-head"><h3><span class="chip known">Known</span> Solid ground</h3>
<p>A sourced fact, or a thing already running somewhere in the real world. If it's chipped Known, you can lean on it. The sand battery in Finland, the mining that stopped in 2019, the Olympic-pool water numbers: Known.</p>
</div>
</article>
<article class="stream">
<div class="stream-head"><h3><span class="chip modelled">Modelled</span> The maths checks out</h3>
<p>Not built yet, but the numbers or the simulation can be run, and someone has run them or plans to. It's honest arithmetic, not a wish. The island's energy budget, the aquifer model, the patient-capital compounder: Modelled.</p>
</div>
</article>
<article class="stream">
<div class="stream-head"><h3><span class="chip disputed">Disputed</span> Smart people still argue</h3>
<p>A live scientific fight, where the honest answer is "we don't know yet, and here's exactly what's argued". We never pretend a disputed thing is settled, in either direction. The size of ancient tsunamis, the solar micro-nova cycle: Disputed.</p>
</div>
</article>
<article class="stream">
<div class="stream-head"><h3><span class="chip speculative">Speculative</span> Physics allows it, nobody's built it</h3>
<p>The laws of nature don't forbid it, but it's unbuilt, unproven, or a long way off. A real idea worth chasing, clearly flagged as a stretch. Lateral wall mining, a sovereign chip fab, bio-leaching the monazite: Speculative.</p>
</div>
</article>
<article class="stream">
<div class="stream-head"><h3><span class="chip fictional">Fictional</span> The story, proudly</h3>
<p>A film, a story, a what-if. This chip belongs to the cinema and the story-world, and to nothing else. It is <strong>never</strong> put on a real hazard or a real idea to wave it away. If it's chipped Fictional, it's meant to be a story, on purpose.</p>
</div>
</article>
</div>
</section>
<div class="kintsugi-seam" aria-hidden="true">
<svg viewBox="0 0 1200 46" preserveAspectRatio="none" focusable="false">
<defs><linearGradient id="seamA" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#ffcf6e"/><stop offset=".5" stop-color="#fff3d6"/><stop offset="1" stop-color="#ff8a3d"/></linearGradient></defs>
<path class="seam-path" pathLength="1" stroke="url(#seamA)" d="M0 24 L130 21 L210 27 L300 13 L352 25 L470 19 L525 31 L640 17 L735 23 L805 11 L885 27 L995 19 L1085 25 L1200 21"/>
<path class="seam-path seam-branch" pathLength="1" stroke="url(#seamA)" d="M300 13 L318 3"/>
<path class="seam-path seam-branch" pathLength="1" stroke="url(#seamA)" d="M525 31 L540 43"/>
<path class="seam-path seam-branch" pathLength="1" stroke="url(#seamA)" d="M805 11 L791 2"/>
<path class="seam-path seam-branch" pathLength="1" stroke="url(#seamA)" d="M995 19 L1009 35"/>
<path class="seam-light" pathLength="1" d="M0 24 L130 21 L210 27 L300 13 L352 25 L470 19 L525 31 L640 17 L735 23 L805 11 L885 27 L995 19 L1085 25 L1200 21"/>
</svg>
</div>
<section class="section" id="lanes">
<div class="section-heading reveal">
<div>
<p class="eyebrow">The two lanes</p>
<h2>Build now, or put it on screen.</h2>
</div>
<div>
<div class="chips"><span class="chip known">Known</span></div>
<p>Alongside the labels, every part runs in one of two lanes. This is how the site refuses to bin a good idea just because the world isn't ready for it yet.</p>
</div>
</div>
<div class="lanes reveal">
<div class="lane build">
<h3>The Build lane</h3>
<p>Things you can actually do now, with what's here: take the photo, learn the skill, run the model, fix the fridge, write the software, do the deal. Real steps by real people. Momentum with receipts.</p>
</div>
<div class="lane screen">
<h3>The Screen lane</h3>
<p>Where an idea goes when cost, law or Country says not yet: a digital twin, a simulation, a short film, a story. It isn't abandoned, it's staged. The cinema is part of the engineering, not a consolation prize.</p>
</div>
</div>
</section>
<section class="section" id="climb">
<div class="section-heading reveal">
<div>
<p class="eyebrow">The engine</p>
<h2>How a wild idea earns its way up.</h2>
</div>
<div>
<p>Here's the part that makes this more than a filing system. A chip isn't a life sentence. Ideas move, and there's only one way to move one up: not by shouting, not by who said it, but by turning it into something anyone can test.</p>
<p>A Speculative idea becomes Modelled the day someone builds a model of it that others can run and pick apart. A Modelled idea becomes Known the day it's actually built and it works. That's the whole ladder, and it's open to everyone. A kid at the bench and a professor get the same deal: bring the runnable thing, or bring the receipts. This is what we mean when we say <strong>authority is replaced by reproducibility</strong>. It doesn't matter who you are or how sure you sound. It matters whether anyone else, running the same numbers, gets the same answer.</p>
<p>That's also the fair way to handle the wild stuff. A fringe idea and a mainstream one get treated exactly alike: not mocked, not worshipped, just asked the same question. Can you make it into a test we can all run? If yes, run it, and let the numbers speak. If not, it stays a story, honestly labelled, until it can.</p>
</div>
</div>
</section>
<section class="section" id="proceed">
<div class="section-heading reveal">
<div>
<p class="eyebrow">The point of all of it</p>
<h2>Nobody has to win the argument.</h2>
</div>
<div>
<p>This is the quiet payoff, and it runs through the whole site. Because the honesty is in the labels, the work doesn't have to wait for everyone to agree. You can build the Known things today while the Disputed ones are still being argued, because the very same preparations serve both. Harden the island against the storm we all agree is coming, and you've also hardened it against the deeper thing some people believe in and others don't. Nobody has to win that argument for the work to make sense.</p>
<p>That's the freedom the labels buy. Dream as boldly as you like, argue as hard as you like, and none of it stalls the shovel, because the shovel is already busy on the things nobody disputes. Honesty and ambition stop being enemies. That's the entire method, on one page.</p>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div>
<p>Grain by grain, rung by rung. Not an official project page: a public spine for a family of open workbenches.</p>
<p>Concept imagery from the Civilisation of Sand constellation. <a href="LICENCE.md">Strange But True Public Source Licence</a> · Luke Hayes × Claude, Minjerribah.</p>
</div>
<nav class="footer-links" aria-label="Chapter sites">
<a href="https://auraofintelligence.github.io/" rel="noopener">Aura of Intelligence</a>
<a href="https://auraofintelligence.github.io/dunwich-gumpi-ferry-terminal-open-data-lab/" rel="noopener">Ferry Data Lab</a>
<a href="https://auraofintelligence.github.io/ballow-road-sand-screen-hub/" rel="noopener">Ballow Road Sand & Screen Hub</a>
<a href="https://auraofintelligence.github.io/ready-set-co-op-trust-hub/" rel="noopener">Ready S.E.T. Co-op</a>
<a href="https://quandamookafilmfestival.com/" rel="noopener">Quandamooka Film Festival</a>
</nav>
</footer>
<script src="assets/js/cinematic.js" defer></script>
</body>
</html>