This repository was archived by the owner on Aug 6, 2026. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
137 lines (107 loc) · 5.75 KB
/
Copy pathindex.html
File metadata and controls
137 lines (107 loc) · 5.75 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quantum Laws of Form — First Principles for Everyone</title>
<meta name="description" content="One simple idea — the act of drawing a line — unifies math, physics, chemistry, biology, psychology, and more. No jargon. No prerequisites. For all ages.">
<meta name="theme-color" content="#fdfcfa">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
<div class="hero">
<h1>Quantum Laws of Form</h1>
<p class="tagline">One simple idea — <em>drawing a line</em> — gives you a way to understand math, physics, chemistry, biology, psychology, and more. No jargon. No prerequisites. For anyone who's ever been curious about how things work.</p>
<span class="callout">foundational knowledge · zero capture · all ages</span>
<br>
<a href="primer/01-distinction.html" class="start-btn">Start Here →</a>
</div>
<hr>
<h2>What Is This?</h2>
<p>In 1969, a mathematician named George Spencer-Brown wrote a book called <em>Laws of Form</em>. It began with a single instruction:</p>
<blockquote><p><strong>Draw a distinction.</strong></p></blockquote>
<p>That's it. That's the whole starting point.</p>
<p>From that one act — drawing a line, making a mark, saying "this is <em>here</em> and not <em>there</em>" — you can build everything. Logic. Numbers. Physics. Chemistry. The patterns of the mind. The structure of the universe.</p>
<p>This primer takes that one simple idea and shows you how it connects <em>everything</em>. Not in an abstract, philosophical way. In a concrete, step-by-step, "oh, I see how that works" way.</p>
<div class="insight">
<strong>The Core Idea</strong>
<p>Everything we know, everything we measure, everything we name — it all begins with a single act: drawing a line between <em>this</em> and <em>that</em>. Once you see that, the world reorganizes. Disciplines stop being separate subjects. They become different ways of looking at the same thing: patterns of distinctions.</p>
</div>
<hr>
<h2>Choose Your Path</h2>
<div class="card-grid">
<a href="primer/01-distinction.html" class="card">
<div class="icon">▣</div>
<h3>Start from Zero</h3>
<p>Begin with the one idea that starts everything. No background needed.</p>
</a>
<a href="disciplines/math.html" class="card">
<div class="icon">∑</div>
<h3>Math</h3>
<p>Numbers are just patterns of marks. See arithmetic as distinction-making.</p>
</a>
<a href="disciplines/physics.html" class="card">
<div class="icon">⚛</div>
<h3>Physics / Quantum</h3>
<p>Particles are stable patterns. Measurement is drawing a line. Entanglement is sharing a container.</p>
</a>
<a href="disciplines/chemistry.html" class="card">
<div class="icon">⚗</div>
<h3>Chemistry</h3>
<p>Elements are pattern configurations. Bonds are shared boundaries. Reactions rearrange marks.</p>
</a>
<a href="disciplines/biology.html" class="card">
<div class="icon">🧬</div>
<h3>Biology</h3>
<p>Life is patterns that persist. DNA is an enclosure that copies itself. Evolution is pattern selection.</p>
</a>
<a href="disciplines/psychology.html" class="card">
<div class="icon">🧠</div>
<h3>Mind</h3>
<p>Thoughts are patterns we mistake for things. Identity is a distinction we draw and forget we drew.</p>
</a>
<a href="disciplines/engineering.html" class="card">
<div class="icon">⚙</div>
<h3>Engineering</h3>
<p>Design is arranging patterns. Systems are nested enclosures. Failure is a boundary breaking.</p>
</a>
<a href="disciplines/everyday.html" class="card">
<div class="icon">🏠</div>
<h3>Daily Life</h3>
<p>Every decision is a distinction. Every relationship is a shared enclosure. Every worry is a pattern running.</p>
</a>
</div>
<h2>Or Go in Order</h2>
<p>These ten short pages build the complete toolkit, one concept at a time:</p>
<ol>
<li><a href="primer/01-distinction.html">The Act of Drawing a Line</a></li>
<li><a href="primer/02-mark.html">The Mark</a></li>
<li><a href="primer/03-enclosure.html">The Enclosure</a></li>
<li><a href="primer/04-void.html">What Isn't There</a></li>
<li><a href="primer/05-juxtaposition.html">Side by Side</a></li>
<li><a href="primer/06-calling.html">The First Rule: Calling</a></li>
<li><a href="primer/07-crossing.html">The Second Rule: Crossing</a></li>
<li><a href="primer/08-pattern.html">What a Pattern Is</a></li>
<li><a href="primer/09-stability.html">Stable and Unstable</a></li>
<li><a href="primer/10-toolkit.html">The Complete Toolkit</a></li>
</ol>
<hr>
<h2>Reference</h2>
<ul>
<li><a href="reference/quick-reference.html">Quick Reference Card</a> — All primitives, rules, and key formulas on one page</li>
<li><a href="reference/glossary.html">Simple Glossary</a> — Every term explained in plain language</li>
<li><a href="reference/why-matters.html">Why This Changes Everything</a> — The bigger picture</li>
</ul>
<hr>
<div class="warm-callout">
<p><strong>This is not a textbook.</strong> It's a lens. Once you learn to see the world as patterns of distinctions, you can't unsee it. Math stops being memorization. Science stops being a list of facts. The world becomes readable.</p>
<p style="font-size:0.85rem;color:var(--muted);">Based on George Spencer-Brown's <em>Laws of Form</em> (1969). Made freely available as foundational knowledge.</p>
</div>
<div class="site-footer">
<p><strong>QLoF Primer</strong> — Foundational knowledge for everyone. No profit. No capture. No tracking.</p>
<p><a href="https://rwnq8.github.io/quantum-laws-of-form/">Full Monograph (advanced)</a> · <a href="https://github.com/rwnq8/qlos-primer">Source</a></p>
</div>
</div>
</body>
</html>