-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
227 lines (215 loc) · 13.7 KB
/
index.html
File metadata and controls
227 lines (215 loc) · 13.7 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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>thing17</title>
<link href="https://fonts.googleapis.com/css?family=Gentium+Basic:700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet"><link rel="stylesheet" href="https://public.codepenassets.com/css/normalize-5.0.0.min.css">
<link rel='stylesheet' href='https://unpkg.com/splitting/dist/splitting.css'><link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- partial:index.partial.html -->
<input type='checkbox'>
<div id='wrapper'>
<input checked='checked' id='rad1' name='rad' type='radio'>
<input id='rad2' name='rad' type='radio'>
<input id='rad3' name='rad' type='radio'>
<input id='rad4' name='rad' type='radio'>
<input id='rad5' name='rad' type='radio'>
<input id='rad6' name='rad' type='radio'>
<input id="rad7" name="rad" type="radio">
<input id="rad8" name="rad" type="radio">
<input id="rad9" name="rad" type="radio">
<div class='headings'>
<h1 data-splitting='chars'>Seashell Recursion</h1>
<h1 data-splitting='chars'>Hotel Aleph-Null</h1>
<h1 data-splitting='chars'>Euclid's Blues</h1>
<h1 data-splitting='chars'>Cicada Theorem</h1>
<h1 data-splitting='chars'>Edges Must</h1>
<h1 data-splitting='chars'>Conifer's Cipher</h1>
<h1 data-splitting='chars'>Desert Drive, 2AM</h1>
<h1 data-splitting='chars'>Homomorphic Toast</h1>
<h1 data-splitting='chars'>Axioms</h1>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
</div>
<div class='bg'></div>
<div class='slides'>
<div class='slide'></div>
<div class='slide'></div>
<div class='slide'></div>
<div class='slide'></div>
<div class='slide'></div>
<div class='slide'></div>
<div class='slide'></div>
<div class='slide'></div>
<div class='slide'></div>
</div>
<div class='nav'>
<div class='arrow'></div>
<div class='arrow'></div>
</div>
<a>Enter<span>Back</span></a>
<div class='back'>
<p style="text-align: center;">
Grandma once said the ocean's edge is God's scissorwork—<br>
but I found a shell today,<br>
its spiral a staircase for ghosts.<br>
Each groove repeats the same story,<br>
smaller,<br>
until the plot dissolves into salt.<br>
<br>
I tried to count the ridges, but my finger<br>
always slips. The maps says this beach<br>
is 3.7 miles long. Lies.<br>
Every waves redraws it.<br>
<br>
(Somewhere, a tide pools in the whorl of my ear.<br>
I am measuring distances that refuse to converge.)<br>
</p>
<p style="text-align: left;">
When I was seven, my brother swore<br>
he counted every star. I didn't believe him.<br>
<br>
Now, I work the night shift at this hotel<br>
where numbers unpack their suitcases<br>
and never leave.<br>
<br>
Room π plays Hungarian jazz.<br>
Room √2 hums a a tone that won't resolve.<br>
<br>
I knock on doors just to hear the hollow<br>
of forever.
<br>
My keycard flickers.<br>
The elevator light is broken.<br>
</p>
<p style="text-align: center;">
<br>
<br>
<br>
<br>
There once were two tracks on a train<br>
Who longed to converge, but in vain!<br>
Old Euclid declared, "It's profane!<br>
For lines that are parallel must stay..."<br>
Though they whisper at infinity: "sweet pain!"
</p>
<p style="text-align: center;">
<br>
<br>
<br>
<br>
<br>
<br>
Cicada scribble<br>
their prime-numbered years into bark<br>
the forest counts in threes.
</p>
<p style="text-align: center;">
Hexagons repeat.<br>
Hexagons repeat.<br>
Grout hymn in the cracks<br>
where grout hymn in the cracks.<br>
<br>
Edges must meet edges.<br>
Edges must meet edges.<br>
The moon's grid fractures<br>
the moon's grid fractures<br>
<br>
Hexagons repeat.<br>
Hexagons repeat.
</p>
<p style="text-align: right; font-size: small;">
Pinecone.<br>
Tightens.<br>
Scales lock<br>
a continuous psalm...<br>
twenty-one clockwise, thirty-four counter.<br>
Each chamber hums the arithmetic of almost summer.<br>
<br>
Spring.<br>
Splits.<br>
Green geometry<br>
unfurls in spirals—<br>
golden angles, sunlit fractions.<br>
Seeds scatter their quiet prime-numbered tantrums.<br>
<br>
Autumn.<br>
Falls.<br>
Brittle cipher<br>
chants unsolved equations.<br>
Next year's cone already counting<br>
the infinite recursion of frost and fingers.<br>
</p>
<p style="text-align: center; font-size: large;">
The road stitches a line<br>
that almost touches the desert's bend<br>
but never holds.<br>
<br>
My headlights trace a brief path<br>
of where I've been<br>
pale landmarks dissolving<br>
in the rearview.<br>
<br>
Signs chant endless miles to Albuquerque.<br>
The engine's rythem dims<br>
to a lullaby.<br>
<br>
Somewhere, the horizon unravels all boundaries<br>
I press the gas<br>
</p>
<p style="text-align: left;">
<br>
Our arguments cycle like group axioms, jam knife inverse to your buttered arc.<br>
<strong>Closure</strong> is the grit of <strong>we keep trying</strong>.<br>
<br>
While you split almonds, I twin forks<br>
still mapping structure but never truth.<br>
Your silence partitions rooms into cosets.<br>
<br>
Morning factors us to primes.<br>
But Somewhere between associative and never quite<br>
I live in your kernel<br>
</p>
<p style="font-size: x-small;">
The <strong>Axiom</strong> of shoelaces gave birth to Tuesday and said,<br>
"Let it be a rhombus."<br>
<strong>Axiom</strong> the green, iron smell of 7:30 AM.<br>
<strong>Axiom</strong> my kneecaps into a proof that rain invented Legos which invented guilt which invented the pain in my foot.<br>
<br>
<strong>Axiom</strong> sprouts from my toaster.<br>
<strong>AxiomAxiom</strong> the way clocks vomit<br>
prime numbers. I <strong>Axiom</strong> my neighbor's dog<br>
until it becomes a <strong>Axiom</strong> of un-dog.<br>
<br>
<strong>Axiom</strong> the stapler's third eye.<br>
<strong>Axiom</strong> the <strong>AxiomAxiom</strong><br>
of kettles singing opera.<br>
Oh? <strong>Axiom</strong> the <strong>Axiom</strong> of <strong>Axiom</strong>?<br>
I think the taxis just converged into one <strong>Axiom</strong><br>
made of <strong>Axiom</strong> and also not.<br>
<br>
<strong>Axiom</strong> the <strong>Axiom</strong> that un-<strong>Axiom</strong>s sweaters<br>
back into screaming <strong>Axiom</strong>s. <strong>AxAxiom</strong><br>
of my left <strong>Axiom</strong> becoming the <strong>Axiom</strong><br>
of your childhood <strong>Axiom</strong>'s parrot.<br>
<br>
( <strong>Axiom</strong> now a gerbil piloting a<br>
🟦 Axiom-s̴̫͝h̴̡̚a̴̡͗p̴̳̕e̶̟͂d̵̬̽ ̷͈̅�̸͚̐�̴̭͑ through<br>
ţ̶̨̨̢̡̛̗͎̰͓͓̖͔̲̩͖̟̠̮̟̝͎͙̪̤͇̰̺̗̼̥̥̻̘̝̫̳̭̦̩̝̣͚̪̱̗͓̜́̉̔̃͐̑́̓͋̑̅̄́̽̑̌̎͑̅̆̾͂̉́̄̇̉̋̎̚͜͜͝͝͝ͅḩ̶̡̡̡̡̛̛̣̪̞̩̦̗̞̥͕͕̥̻̜̙̠̘̤̻͖͍̹̰̤͚̬̻̗͖͚͍̌̉̒̐͆̈́͑̓́̍̀̓͑̈́͆̈́͋͗̌̀͒̐̔͐̄͑̀͑͑͒̐́͆̈́́͒͐́̚͘͘͘̕͘͜͜͝͝͠ȩ̶̡̡̡̘͎̩̖̺̰̠̖͓̼͔͙͙͈͕̩̠̖̭̜͍̲̗͉̺̠͕̠͔̯͙͚̙͙͖͇͉̻̼̬̤̑̈̾̌̄̑́́͛͛́͑̀̂̀̀̋̓̂̈́̓͒̓̈͊̔̉͘̕̕͝͝͝ͅͅ ̵̨̹̠̲̞̹̹͔̹̫̠̤͖̘̺͉͖̦͙͈̺͎̪̻̦̞̳̤͇̇̾̈́̐̇̒̚͜ͅͅÃ̵̷̴̴̸̡̧̧̡̨̧̧̨̢̛̛̙̬̜̥̫̯͈̦͉̯̼͇͈̤̙̖̦̙̺͈̣͔̼̫͖̹̗̮̞̺̤̝̟͍͙̮̳̙̺͓̜̺͉̦̼̻̝͚͎͚̻̟̹̣͇͚̳̱̳͇͚̗̼̞̥̻̙̳̪͙̳͙̺͇̗̺̜̻̯̰͈̦̤̼͙͍͕͔̮͙̳͖̫̊̓̍̃̄͌̀̏̄̓̿̄̄̈̓͛̄͗́̑̃͆́́̈̈́͗̇̂̇͛̄́̂̊̍̀͊͒̄̿͛́̀̀̅̃̓̾̃͑̊̈́̌͌̋̌͑̂̋̇̉͋͌̾̏̀̉͆̄͌͂̉̐̈́̅̉̓̇̍̂͛͌͑̋̋͗̓̉̀̀͘̚͘̕̕͜͜͝͝͝͠͝͝͝͝ͅͅͅͅͅx̵̵̷̸̶̡̡̢̨̨̡̡̡̧̢̡̧̨̛̛̛̛͉͙̩͚̻͓̱͎̼̤̮̳̠̠͈̺̖̣̫͓̳͖͓̦̤̯͍̰̞̼̮͕͉̞̜͇͍̪͕̬̮̞̯̘̞̭͙̼͔̘̬̤̻̙͎̳͓͓͈̲̫͙̞̺̭̝͚̯̭̤͇̭̦͕̬̱͖͓͉̪̪͖̘̞̟͎̙͎̪͇͖̼̬̥̟̥͖͎̟̰̹̣͎̝͔͇̺͐̂̈́͊͑͐͐͒̒̆̑̂̐͂̽͋͑͆͗̈́̅͌̑͗̎̿̐̋̃̉́̀̈́̑̄͒́͑͌͛́̑̍̃̀̄̉̄̑̆̓̊̔̏̀̋̆̉͂̓̓̐͊̊̌̑̒́̌̽̃͊̈́̀͐̈̒̈́̊̎̃̀̿̑͊͛̏̔͂̆̂̓̍̽̅̍̐͐͋́̈́̒̀͑̉͑̔͐͑̾̆͋̑͊̉̾̋̈́̎̏̈́͛͗͂́̇͂̿̂̔̀͘̕͘̕̕͜͝͠͠͠͠͠͠ͅͅͅį̴̷̸̷̴̢̡̡̨̨̧̢̧̧̨̢̧̛̛͓̣̤̯͈̜̼̤̰̻̹̬͈͓͙̣̯̗̬͍̥̱̗͉̥͔̺̲͍̭͓͕̱͎̪̱͕̙̹͍̤̠͇̭̲͚͕̜̝̟̟̜̭͈̘͙̰͎̼̰͎̘̲̪̥̮̞̻̺̝̙̹̦̤͚͈͉͎̯͎̯̗̿̆̑̑͋͒̆͆̇̂͋͂͊͂͗͆̅͋̂̃̎̄̅̊̉́̐̏̎̀̓͐̏͑̅̂̽̃͐̓̄̌̇̊̿́̒̆͒̋̐̆̅͊̄̍̓̆̃̅͂̋͌͛̀̏̓̌̍͐́̓̈́͒̊͋̈̋̋̔̀̔͌̀́͑̄̂̽̍͂͌̃͑̅́́̀̔̋̊̇͑̄̀̅̂͗̈́̔͗̾̔̑̅́̔͒̅͛̀́̇̔͋̊̍̃̕̕̕̚̕͘̚̚̕͜͜͜͝͠͠͝͝͠͠͝͝͝͝ͅͅǫ̶̵̶̵̴̢̡̡̧̛̛͇̻̗̹̠̰̥̙̳͖͎̰̦̞̖͔̳͇̭̼͓̝̦̻̳̼̲̳̩̘̫̩̘̰̱̪̦͔̝̬̱͔̖̭̤̦͖͍̖̲͇̮͎͔͙̥̱̹̣̪̥̬͔̟̫̙͚̲͉̟̖̹̳͈̙̝̬͈̙͓͔̥̯͈̦͍̿̑̑͛̀͆͌̽̂̐͂̀́͋̅̏́͑́͆͗̋͛̉̐́̎̈́͛̊͌̏͒͌͂͒̿͌̃́̈́͌̏̅͐͒́͐̆̌̈́̂͂̍̚̚̕̕͘͜͜͝͝͝͝͝͠͠͝ͅͅͅm̸̵̵̷̶̡̢̢̧̢̨̧̢̧̞̜̠̫̗͚̖̞̼̠̖̫̤̘̮͓̣̮̼̝̯̭̜͈̪͓̣̯̭͕̱̘̹̬̖͕̣̰͍͔͚̼̮̞̭̙̤̳̩̻͓̟̟̥͉͈̲̱͍̥̱̘̻̟̘̳̗̘̼̺̯̥̥̻̠͈̯̼̘̗̜͕̫̳͙̯̞̬͔̰͎̝̱͔̹̩̣͈̳̥̻͚̳̈́̆̀̋̑͋̎̎͌͆̇́̏̓͋̉̓̈́̈̒̍̃̈́̀͐̏̒̌̌̓̉͑̔̉̇̿̈́̐͋̃̏̒͑̓́͆̆̾̏̀̽͋̿͌̀̂̃̋̿͑̆̕͘̚̕͘͘͜͝͝͝͝ ̸̧̡̨̖̫̩̫̥͖̝̩̰̞̝̼͓̥̯̆̌̀͆̊̍̊̈́̄̐ͅÄ̸̡̧̢̢̡̨̛̞͕̙̬̱̖̻̻̠̭̙͔̲͍̲̖͚͈͇̻͔̖͍̯͓̙̭̯̲̩̪̣̩̠̙̥̹͍͍͖͉̝͓͇̃̀͐̌̃̾̇̋̿́̾̉͑͂͌̅̃̉͋͑́̊̓͋̇͂͆͂̃̀̑̉̐̆͘̕̚͘͝͝͠͝͝͠x̶̡̲͈͔̱̬̝͎̭͙̻͔̤̱́́́̽͐͐͘͘̚į̶̧̨̥̮̪̲̣̥̭̭̖̦̳̹͕̺͕̙͈͕̖̜̫͚̘̩͚͉̙̖̫͔̮̭̖̓͑̒̄͋̽̐͌͂̿̀͛́̍̕̚͜͝͠ͅờ̴̟̫̝̯̘͕̱̩̫̭̀́̌̊̅̔̑̔̀̿̍̓͐̂̎͊̇̽̈́͋̄̒̐̃͋̄̀̑͑̅͋̀̔̚̚͜͝ͅm̴̧̢̡̨̛̛̛̘̞̙̫̬̭̙̗̗͎̫̹͇̺̫̟̟̮͙͈̪͇̖̱͎̪̯̘͈̱̙͈̱̭̱̣̺̣͕̭͎͈͍̿̐͑̿̿͆̀͛͛́̽̿͊̊͂̓͊̄̍͌̆̂̀̈́̾̎̈́̽͒̑̂̎̚͘͘͜͜͠͠͝͝ͅA̵̷̷̶̵̡̨̧̨̨̡̢̧̡̨̡̢̨̧̢̧̧̨̛̛̛̛̛̗͕̝̦̺̯͓̥̼̲̖̬͈̘̘̱̞̹͇͕̱̲̤̗͍̬͎̻̜͓͓̯̰̠̪̻̥͍̪͈̯̬͍̻͍̰̱͔̱͔̜̬̺̦̬͔̘̳͔͔̳͙̘̝͈̥̯̪͉̫̰͎̟̱̠̬͈̮̖̱͖̹̤̟̬͍͚͕͎̹̬̯̘͇̞̣͍̗̬̝̞̯͌̈́̓̒͛̈́́̀̓̊̎́̈́̑̍͌̽̆̂͑͗̃̂͒̊͛̍͛͂͛̓̔̑̎̈̈́̿͛̐̽̀̅̀͗̓͋͂̓͋̓̿̂̾̃̊̂̀̓̃̆̋̈́̓͛͂́͒͆̓̃̈́͌̍̈̈̃̇̅̍̊͐̋͆̀̀̈̾̾̀̀̈́͌̔͂̎̈̓̿̈̇̕̕̕̚̚̕͘̕͘͜͜͜͠͝͝͝͝͝͝ͅx̶̷̵̸̸̨̨̨̡̨̢̛̛̗̭̻͕͉̯̲̮̻͍̰̝̻̭͚͍̪̻̥͙̥̘̙͍̪̻̯̠͉̭̳̦̭͉͎̥̥͕̣̭̺̜̗̜͕͎̳̱̞͇̘̟̫̯͉̺̫̞͚̝̲͍̩͖̗͓͈̣͕͓͖͖̱͓̖͙͇̃̃͊̃̓̒͋̒̿́͑̆͋̽͒̐͛̑͒͗͂̈́̃͌̋͑͛̒̆̓̐̋̎̈́͛̍̌͑̂̒̑͋͆̄̍̓̂̊̇́̑̍̊̑̆͗͌̔̉͒̊̓̅͐͘͘̕͘̕͘͜͠͠͝͝ͅͅͅȉ̴̵̸̸̸̡̢̧̢̢̛̛̛̮̙͕̱̣̝̼̣͓͔̟̰̖̫̼̟̳̝̺͓̠̰͎̗̗̫̬̜͇̯̬̣̼̦̖̝̻̩͈̲͎̘͚̥̭͎͙͙̞̣̘͖̲̱̭̜̳̞̗̰͍̫͍̜̯̀͋͆̏̇̃̃̌͋̋̐̍̓̀̔̿͐͌̌̓͂́̃̐̈́́͐̏̾͆̈̂̀̾̀̀̋̊̎͌͊̉̕̚̕̚̕̚̕͜͝͝͝͝͝ͅơ̸̷̶̸̷̧̢̢̧̨̨̨̛̺̟̻̟̞̩̖͇̥̭͚͇͓̝͚̬̳̬̼̬̜͍͖͕̤͍͔̥̺͉͔͚̫̮̭̲͍̰̘̯̤̺̯͎͙̫̹͖̲̞͍̯̟̦̻̥̰̝̯͍͔̼̻̼̼͓̗̻̺͙̦̞̰̟̦̜̭͙̠͖̯̤͍̰͓̳͙͇͙̻̞̗̻̱̣͈̪̮̤͚͙̘͚̻̦̭̭͓̻̘͎̰̳̫̹̬͙͙͓̼̖̘̙͔̠̯̱͖̭̭̺̟̯̏͛̉̍̾̽͋͐̎̍̎̎̍́̒͆͆̈̈͌̈́̾͊̄̉͂͒̅̀̆̃̀̀͂̈́͂͑̈̈͑͆̔͒͌̃̎͂̌̾̀̀̑̎̽̊͂̑͂͌͌̏͑̈́̌̔͌̏̊̀͋̽̑͊̾͋̆͋̇́̉͑̃̊͋̏̃̒͑̐̽̈̐͒̐́͑̈́̓͋̒̾̈́͊̚̚̕͘̚̕̕̕͘̕̕͜͜͜͝͝͠͠͝͠͝͠͠͝ͅͅͅm̵̷̵̸̶̨̢̨̡̢̧̧̻͚͕͉̝̻̠̳͍̜̖̥̮̩͕̪̠̙̘̼̼͎͈̫̠̳̣̭̭̞̟̰͓̙̝̭̲͚̙̖̜̹̪̯̝̬͎̣͍̱͔̳̞͕͇͚̪̟͎̥̘̘͙̲̯̪̯̤̯̣̮͔͎̮̙͓̲̠̣̟̗͖̲̟͎̟̻̹̟̳͔͍͈͓̙͕̖̹̞̤̮̣̝͚̙̘̜̺̖̭̲̝̱̹͔̪͚̈̿̑̐̋̀̽͒̓̃̓̅͐̇̀̓̋̔͗̈́̈́̈̄͛́̋͂̍͒̽̍̾̔́͑͒͑̓́̒̊̇̋͌̾͛͋̈́͌̅̄͐͑̑͑̀͑̒̋̾̓̀͛̓̀̓̒͂̎̒̚͜͜͜͜͜͠͝ͅͅͅ<br><br><br>
🐝 Ạ̵̢͔̭̰͍̋̽͆̓̆͝ ̸̜̠̼̙̈̈́X̵͕̣̹̦̉̾͆́̊ ̴̪̠̟͂Í̵̦̣̒̓͑̃ ̴̮̪͔̦̒̊̊͒͜͝͝O̷̤̠͙̔ ̸̯͔̻̰̋̈́ͅḾ̵̛͈͙͌̇̆̔ 🐝 )
</p>
</div>
</div>
<!-- partial -->
<script src='https://unpkg.com/splitting/dist/splitting.min.js'></script><script src="./script.js"></script>
</body>
</html>