/
index.html
527 lines (527 loc) · 29.9 KB
/
index.html
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
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<table id="quadrants">
<tr>
<td id="updates">
<div>
<h1 class="section-header">updates</h1>
<p>I'll put stuff here eventually right?<br>right?<br>Also the plants have been growing</p>
<h5>2024-03-30 23:23(EDT)</h5>
<hr>
<p>Yesterday I helped start an indoor farm that will grow plants and stuff</p>
<h5>2023-11-28 09:19(EST)</h5>
<hr>
<p>I've been binging well theres your problem recently its a good podcast</p>
<h5>2023-10-01 15:30(EDT)</h5>
<hr>
<h2>Happy fall!(kind of)</h2>
<p>All the time, I'm either busy working or busy not working. I try to redirect some of my energy to this website and other hobbies but my education is a higher priority. I have, however, began to write something to go in Thoughts. I've also been figuring how to use QGIS - I'll be using it to make maps to go here. By the way, huge shoutout to OpenStreetMap!!!</p>
<h5>2023-09-11 21:44(EDT)</h5>
<hr>
<p>due to problems (with domain renewal) this website got parked for a bit. should be back now, sorry about that</p>
<h5>2023-08-19 00:05(EDT)</h5>
<hr>
<p>ok its prob kinda janky but it works</p>
<h5>2023-07-12 00:26(EDT)</h5>
<hr>
<h2>but...</h2>
<p>I think I can only have one window at a time (+ the center which is always there) and i would need something more fancy than css:target to have multiple</p>
<h5>2023-07-11 22:36(EDT)</h5>
<hr>
<h2>I got the folders/movable windows to work!</h2>
<p>I'm so proud of myself<br>hopefully now i'll be able to add content now that more of the infrastructure is in place</p>
<h5>2023-07-08 22:54(EDT)</h5>
<hr>
<p>tim hortons 7.5/10 👍</p>
<h5>2023-07-07 11:08(EDT)</h5>
<hr>
<p>quebec is way huger than i thought, its like the size of the east third of the mainland US<br>also i should start writing the stuff im planning to put here or something</p>
<h5>2023-07-04 23:00(EDT)</h5>
<hr>
<p>hi from canada🇨🇦 (bonjour from quebec where i am right now)
<br>theres so much to not do i cant decide
</p>
<h5>2023-07-03 22:18(EDT)</h5>
<hr>
<h2>fixed the center thing for real</h2>
<p>it should now work on chromium as well as the (superior) firefox for real
<br>including the link specifically
</p>
<h5>2023-06-05 19:06(EDT)</h5>
<hr>
<h2>fixed the center thing</h2>
<p>it should now work on chromium as well as the (superior) firefox</p>
<h5>2023-06-05 18:16(EDT)</h5>
<hr>
<h2>NEW MY STUFF JUST DROPPED</h2>
<p>finally</p>
<h5>2023-05-31 22:53(EDT)</h5>
<hr>
<h2>Things coming very soon i think/hope</h2>
<p>planning on a "my stuff" or 2 by the end of the month</p>
<p>and hopefully shortly after, stuff to populate thoughts and some "cool stuff (not mine)"</p>
<h5>2023-05-29 19:36(EDT)</h5>
<hr>
<h2>I am aware...</h2>
<p>...that dragging the center thing doesn't work well on chromium-based browsers or touchscreens. Will fix when i feel like it, for now use <a href="https://firefox.com">Firefox</a></p>
<p>also, new my stuff coming soon(?)</p>
<h5>2023-05-11 20:10(EDT)</h5>
<hr>
<h2>BONJOUR?????</h2>
<h5>2023-05-03 12:19(EDT)</h5>
<hr>
<h2>new look done</h2>
<p>content soon hopefully</p>
<h5>2023-04-23 19:36(EDT)</h5>
<hr>
<p>ok its done<br>email <a href="mailto:stuffundefined_web@mailinator.com">stuffundefined_web@mailinator.com</a> and hopefully ill remember to check it (note that your emails will be public)</p>
<h5>2023-04-04 15:35(EDT)</h5>
<hr>
<h2>Summer is getting closer</h2>
<p>The main thing keeping me from treating this like a dignified website is that I want people to be able to give feedback. Probably just an email as I said but thats still a thing i need to set up. Also i have an education to get and im trying to not be burnt out<br>March and April are the most stressful time of year for me</p>
<h5>2023-03-25 16:31(EDT)</h5>
<hr>
<p>also: some kind of external integration like rss or activitypub or something<br>^ does not understand activitypub</p>
<h5>2023-01-16 15:52(EST)</h5>
<hr>
<h2>it ded?</h2>
<p>not dead but im thinking about what to do</p>
<ul>
<li>I want some way for people to yell back at me - maybe an email address people can send things to and i manually post interesting comments i get (maybe with my replies)</li>
<li>Still thinking about the layout, and how it should look on mobile devices as well</li>
<li>I have thoughts in my head but writing them is hard</li>
<li>Lots of school work and my non-schoolwork time, if it exists, is recovering from my tiredness</li>
<li>I should move to a proper web host, not github pages</li>
<li>happy new year</li>
</ul>
<h5>2023-01-16 15:21(EST)</h5>
<hr />
<p>wow its almost been a month and ive been a busy boi... but not with this<br>havent forgotten, just bad at this<br>I still exist and remember about this site</p>
<h5>2022-12-22 22:00(EST)</h5>
<hr />
<h2>thought on how the website could look</h2>
<img src="./assets/2022/11/24/concept.png" alt="rectangle in the center with text stuffundefined surrounded by four quadrants updates, thoughts, other peoples stuff, my stuff" />
<h5>2022-11-24 21:01(EST)</h5>
<hr />
<h2>some idea things maybe</h2>
<ul>
<li>2 or 4 columns for different types of posts (Updates, thoughts, quotes, links)?</li>
<li>some kind of format for storing posts and generating the list in real time, allowing for multiple views without too much manual work?
<ul>
<li>script to post things, allowing things like automatic timestamp generation</li>
</ul>
</li>
<li>getting some kind of media or link embeds</li>
<li>maybe some longer form stuff? (in a fifth category maybe if i do the category thing)
<ul>
<li>a manifesto for the website (what it is and isnt)</li>
</ul>
</li>
</ul>
<p>^oooh look a fancy list he can do more than h2 and p and hr‼️</p>
<h5>2022-11-22 22:14(EST)</h5>
<hr />
<p>everything feels empty and sad idk what to do im depressed</p>
<h5>2022-11-22 19:08(EST)</h5>
<hr />
<p>hi im bored and dont know what to do so this is my first post blog thing i guess<br>new things still coming soon (i hope)</p>
<h5>2022-11-21 18:35(EST)</h5>
<hr />
<h2>new things coming soon...</h2>
<p>I didn't forget about this website, I was just busy. New site coming "soon"<br>also random note: I'm not using a static site generator</p>
<h5>2022-11-10 16:52(EST)</h5>
</div>
</td>
<td id="thoughts">
<div>
<h1 class="section-header">thoughts</h1>
<div class="thinglist">
<div>
<h2>the MBTA</h2>
<p>I'm trying to complete it</p>
<span class="folder-link" id="to-mbta">open</span>
<div id="mbta" class="folder movable" draggable="false">
<div class="folder-head">
<p class="arrow" draggable="false">🠒</p>
<p class="arrow" draggable="false">🠐</p>
<p class="arrow" draggable="false">🠑</p>
<p class="arrow" draggable="false">🠓</p>
<h1 class="folder-name">the MBTA</h1>
<span class="close folder-button" draggable="false">close</span>
</div>
<p>It's the massachusetts bay transportation authority that we all know and hate and love. I'm trying the ride the whole thing like 2 or 3 routes at a time, just to say I did (and maybe learn some stuff along the way, and get better at writing). I am not the first (or second or third probably) to do this; my main inspiration is <a href="https://milesintransit.com/bus-routes-so-far/" target="_blank">Miles Taylor↗</a>, though I plan to format my posts differently than his or others' who have taken this quest.<br>
The requirements for me to complete a route:</p>
<ul>
<li>I need to ride the whole route (for bus routes I can get on or off close enough to the end even if it's not the actual end)</li>
<li>The whole route means the typical route for whatever day I'm riding on (for buses, small detours are permissible)</li>
<li>The whole needs to using the vehicles it typically uses (so I can't ride a train line that's temporarily replaced with buses)</li>
<li>If the route is more frequent than every 20 mins, I need to ride both ways</li>
<li>My whole ride must be during daytime</li>
</ul>
<p>It may look like I haven't even started riding yet, but I have - I just haven't started writing yet.
</p>
<div class="thinglist">
<div>
<h2>Rapid Transit</h2>
<p>Exploring the multicolored lines of North America's oldest subway</p>
<span class="folder-link" id="to-rapidtransit">open</span>
</div>
<div>
<h2>Bus</h2>
<p>Traversing the web of routes connecting everywhere to everywhere</p>
<span class="folder-link" id="to-bus">open</span>
</div>
<div>
<h2>Commuter Rail</h2>
<p>Dealing with infrequent trains (but at least they're kinda fun once you're on)</p>
<span class="folder-link" id="to-commuterrail">open</span>
</div>
<div>
<h2>Ferries</h2>
<p>Wheeee boats are fun</p>
<span class="folder-link" id="to-boats">open</span>
</div>
</div>
</div>
<div id="rapidtransit" class="folder movable" draggable="false">
<div class="folder-head">
<p class="arrow" draggable="false">🠒</p>
<p class="arrow" draggable="false">🠐</p>
<p class="arrow" draggable="false">🠑</p>
<p class="arrow" draggable="false">🠓</p>
<h1 class="folder-name">Rapid Transit</h1>
<span class="close folder-button" draggable="false">close</span>
</div>
<p>There are (essentially) (debatably) five rapid transit lines in Boston going up to 10.7 miles away from the square that they form downtown where they all meet. I'm obviously riding all 5 (questionably defined) lines... eventually... once they start working properly...<br>2/5 completed, 0/5 written up</p>
<ul>
<li>Green Line (all the branches!)</li>
<li>Red Line (both branches and also the Ashmont-Mattapan High Speed Line)</li>
<li>Orange Line</li>
<li>Blue Line</li>
<li>Silver Line (Yes, I am considering it rapid transit for this purpose. Yes, even 4 and 5)</li>
</ul>
</div>
<div id="bus" class="folder movable" draggable="false">
<div class="folder-head">
<p class="arrow" draggable="false">🠒</p>
<p class="arrow" draggable="false">🠐</p>
<p class="arrow" draggable="false">🠑</p>
<p class="arrow" draggable="false">🠓</p>
<h1 class="folder-name">Bus</h1>
<span class="close folder-button" draggable="false">close</span>
</div>
<p>A lot of routes, and many of them not frequent, and subject to change in a few years. I'm doing these mostly in groups of about 3 at a time, so there will actually be fewer than 146 write-ups.<br>30/146 completed, 0/146 written up</p>
<ul>
<li>CT2 Limited Sullivan - Ruggles</li>
<li>CT3 Limited Beth Israel Deaconess Hospital - Andrew</li>
<li>1 Harvard - Nubian</li>
<li>4 North Station - Tide St</li>
<li>7 City Point - Otis & Summer</li>
<li>8 Harbor Point - Kenmore</li>
<li>9 City Point - Copley</li>
<li>10 City Point - Copley via South Bay Ctr</li>
<li>11 City Point - Chauncy & Summer</li>
<li>14 Roslindale Sq - Heath St</li>
<li>15 Fields Corner - Ruggles</li>
<li>16 Forest Hills - Andrew</li>
<li>17 Fields Corner - Andrew</li>
<li>18 Ashmont - Andrew</li>
<li>19 Fields Corner - Kenmore</li>
<li>21 Ashmont - Forest Hills</li>
<li>22 Ashmont - Ruggles via Talbot Ave</li>
<li>23 Ashmont - Ruggles via Washington St</li>
<li>24 Wakefield & Truman - Ashmont</li>
<li>26 Ashmont - Norfolk St Loop</li>
<li>28 Mattapan - Ruggles</li>
<li>29 Mattapan - Jackson Sq</li>
<li>30 Mattapan - Forest Hills via Cummins and Roslindale Sq</li>
<li>31 Mattapan - Forest Hills via Morton St</li>
<li>32 Wolcott - Forest Hills</li>
<li>33 River & Milton - Mattapan</li>
<li>34 Dedham Sq - Forest Hills</li>
<li>34E East Walpole - Forest Hills</li>
<li>35 Dedham Mall - Forest Hills</li>
<li>36 West Roxbury VA - Forest Hills</li>
<li>37 Baker & Vermont - Forest Hills</li>
<li>38 Wren St - Forest Hills</li>
<li>39 Forest Hills - Back Bay</li>
<li>40 Georgetowne - Forest Hills</li>
<li>41 Centre & Eliot - JFK/UMass</li>
<li>42 Forest Hills - Nubian</li>
<li>43 Ruggles - Park St</li>
<li>44 Jackson Sq - Ruggles</li>
<li>45 Franklin Park - Ruggles</li>
<li>47 Central Sq Cambridge - Broadway</li>
<li>50 Cleary Sq - Forest Hills</li>
<li>51 Reservoir - Forest Hills</li>
<li>52 Dedham Mall - Watertown Yard</li>
<li>55 Fenway - Copley</li>
<li>57 Watertown Yard - Kenmore</li>
<li>59 Needham Junction - Watertown Sq</li>
<li>60 Chestnut Hill - Kenmore</li>
<li>61 North Waltham - Waltham Center</li>
<li>62 Bedford VA - Alewife</li>
<li>62/76 Bedford VA - Alewife via Hanscom</li>
<li>64 Oak Sq - Kendall/MIT</li>
<li>65 Brighton Center - Kenmore</li>
<li>66 Harvard - Nubian via Allston</li>
<li>67 Turkey Hill - Alewife</li>
<li>68 Harvard - Kendall/MIT</li>
<li>69 Harvard - Lechmere</li>
<li>70 Market Place Dr - University Park</li>
<li>71 Watertown Sq - Harvard</li>
<li>73 Waverly - Harvard</li>
<li>74 Belmont Center - Harvard via Concord Ave</li>
<li>75 Belmont Center - Harvard via Huron Ave</li>
<li>76 Lincoln Lab - Alewife</li>
<li>77 Arlington Heights - Harvard</li>
<li>78 Arlmont Village - Harvard</li>
<li>80 Arlington Center - Lechmere</li>
<li>83 Rindge Ave - Central Sq Cambridge</li>
<li>85 Spring Hill - Kendall/MIT</li>
<li>86 Sullivan - Reservoir</li>
<li>87 Arlington Center - Lechmere</li>
<li>88 Clarendon Hill - Lechmere</li>
<li>89 Davis - Sullivan</li>
<li>89 Davis - Assembly</li>
<li>91 Sullivan - Central Sq Cambridge</li>
<li>92 Sullivan - Downtown via Main St</li>
<li>93 Sullivan - Downtown via Bunker Hill St</li>
<li>94 Medford Sq - Davis</li>
<li>95 West Medford - Sullivan</li>
<li>96 Medford Sq - Harvard</li>
<li>97 Malden Center - Wellington</li>
<li>99 Woodland Rd - Wellington</li>
<li>100 Elm St - Wellington</li>
<li>101 Malden Center - Sullivan via Winter Hill</li>
<li>104 Malden Center - Sullivan Ferry St</li>
<li>105 Malden Center - Sullivan via Newland St Housing</li>
<li>106 Lebanon Loop - Wellington</li>
<li>108 Linden - Wellington</li>
<li>109 Linden - Sullivan</li>
<li>110 Wonderland - Wellington</li>
<li>111 Woodlawn - Haymarket</li>
<li>112 Wellington - Wood Island</li>
<li>114 Market Basket - Maverick</li>
<li>116 Wonderland - Maverick via Revere St</li>
<li>117 Wonderland - Maverick via Beach St</li>
<li>119 Northgate - Beachmont</li>
<li>120 Orient Heights - Jeffries Point</li>
<li>121 Wood Island - Maverick</li>
<li>131 Melrose Highlands - Malden Center</li>
<li>132 Redstone - Malden Center</li>
<li>134 North Woburn - Wellington</li>
<li>137 Reading Depot - Malden Center</li>
<li>171 Airport - Nubian</li>
<li>201 Fields Corner Loop via Neponset Ave</li>
<li>202 Fields Corner Loop via Adams St</li>
<li>210 Quincy Center - Fields Corner</li>
<li>211 Quincy Center - Squantum</li>
<li>215 Quincy Center - Ashmont via West Quincy</li>
<li>216 Houghs Neck - Quincy Center via Germantown</li>
<li>217 Quincy Center - Ashmont via Wollaston</li>
<li>220 Hingham Depot - Quincy Center</li>
<li>222 East Weymouth - Quincy Center</li>
<li>225 Weymouth Landing - Quincy Center</li>
<li>226 Columbian Sq - Braintree</li>
<li>230 Montello - Quincy Center</li>
<li>236 South Shore Plaza - Quincy Center</li>
<li>238 Holbrook/Randolph - Quincy Center</li>
<li>240 Avon Sq - Ashmont</li>
<li>245 Quincy Center - Mattapan</li>
<li>350 North Burlington - Alewife</li>
<li>351 Bedford Woods Dr - Third Ave</li>
<li>354 Express North Burlington - State</li>
<li>411 Jack Satter House - Malden Center</li>
<li>424 Eastern & Essex - Wonderland</li>
<li>426 Express Central Sq Lynn - Haymarket</li>
<li>428 Express Oaklandvale - Haymarket</li>
<li>429 Northgate - Central Sq Lynn</li>
<li>430 Saugus Center - Malden Center</li>
<li>435 Liberty Tree Mall - Central Sq Lynn via Peabody Sq</li>
<li>436 Liberty Tree Mall - Central Sq Lynn via Goodwin Circle</li>
<li>439 Nahant - Wonderland</li>
<li>441 Marblehead - Wonderland via Paradise Rd</li>
<li>442 Marblehead - Wonderland via Humphrey St</li>
<li>450 Express Salem Depot - Haymarket</li>
<li>451 North Beverly - Salem Depot</li>
<li>455 Salem Depot - Wonderland</li>
<li>456 Salem Depot - Central Sq Lynn</li>
<li>501 Express Brighton Center - Federal & Franklin</li>
<li>504 Express Watertown Yard - Federal & Franklin</li>
<li>505 Express Waltham Center - Federal & Franklin</li>
<li>553 Roberts - Newton Corner</li>
<li>554 Waverly - Newton Corner</li>
<li>556 Waltham Highlands - Newton Corner</li>
<li>558 Riverside - Newton Corner</li>
<li>712 Contracted Point Shirley - Orient Heights via Revere St</li>
<li>713 Contracted Point Shirley - Orient Heights via Winthrop Center</li>
<li>714 Contracted Pemberton Point - Station St Hingham</li>
<li>716 Contracted Cobbs Corner - Mattapan</li>
</ul>
</div>
<div id="commuterrail" class="folder movable" draggable="false">
<div class="folder-head">
<p class="arrow" draggable="false">🠒</p>
<p class="arrow" draggable="false">🠐</p>
<p class="arrow" draggable="false">🠑</p>
<p class="arrow" draggable="false">🠓</p>
<h1 class="folder-name">Commuter Rail</h1>
<span class="close folder-button" draggable="false">close</span>
</div>
<p>For now, the Commuter Rail is actually 2 separate networks, with no good link between North and South stations. For now, frequencies are a sad every 2 hours a good chunk of the time. For now, it runs with diesel locomotives, even on an electrified line. I'll probably be finished riding before they even fix one of those things.<br>0/16 completed, 0/16 written up</p>
<ul>
<li>Fairmount Line</li>
<li>Fitchburg Line</li>
<li>Foxboro Line (if they're still running regular non-event service when I get to it)</li>
<li>Franklin Line</li>
<li>Greenbush Line</li>
<li>Haverhill Line</li>
<li>Kingston Line</li>
<li>Lowell Line</li>
<li>Middleborough/Lakeville Line</li>
<li>Needham Line</li>
<li>Newburyport Line</li>
<li>Providence Line</li>
<li>Rockport Line</li>
<li>Stoughton Line</li>
<li>Worcester Line</li>
<li>CapeFlyer (seasonal service) (does that count?)</li>
</ul>
</div>
<div id="boats" class="folder movable" draggable="false">
<div class="folder-head">
<p class="arrow" draggable="false">🠒</p>
<p class="arrow" draggable="false">🠐</p>
<p class="arrow" draggable="false">🠑</p>
<p class="arrow" draggable="false">🠓</p>
<h1 class="folder-name">Boats</h1>
<span class="close folder-button" draggable="false">close</span>
</div>
<p>Fun boats and water and stuff<br>2/5 completed, 0/5 written up</p>
<ul>
<li>Charlestown Ferry</li>
<li>East Boston Ferry (seasonal)</li>
<li>Hingham/Hull Ferries</li>
<li>Winthrop Ferry (seasonal)</li>
<li>Lynn Ferry (seasonal)</li>
</ul>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td id="mine">
<div>
<h1 class="section-header">my stuff</h1>
<div class="thinglist">
<div>
<h2>xapawn</h2>
<p>A little janky game I made with phaser.js</p>
<a href="./xapawn/index.html" target="_blank">here↗</a>
</div>
<div>
<h2>Blåhaj</h2>
<p>my shonks</p>
<span class="folder-link" id="to-blahaj">open</span>
<div id="blahaj" class="folder movable" draggable="false">
<div class="folder-head">
<p class="arrow" draggable="false">🠒</p>
<p class="arrow" draggable="false">🠐</p>
<p class="arrow" draggable="false">🠑</p>
<p class="arrow" draggable="false">🠓</p>
<h1 class="folder-name">Blåhaj</h1>
<span class="close folder-button" draggable="false">close</span>
</div>
<div class="thinglist">
<div>
<h2>big boi</h2>
<p>img soon</p>
</div>
<div>
<h2>smol boi</h2>
<p>img soon</p>
</div>
</div>
</div>
</div>
<div>
<h2>Franklin</h2>
<p>Decent chess engine, written in JS</p>
<a href="./chess/index.html" target="_blank">here↗</a>
</div>
</div>
</div>
</td>
<td id="otherstuff">
<div>
<h1 class="section-header">cool stuff (not mine)</h1>
<div class="thinglist">
<div>
<h2>music</h2>
<p>music i like</p>
<span class="folder-link" id="to-music">open</span>
<div id="music" class="folder movable" draggable="false">
<div class="folder-head">
<p class="arrow" draggable="false">🠒</p>
<p class="arrow" draggable="false">🠐</p>
<p class="arrow" draggable="false">🠑</p>
<p class="arrow" draggable="false">🠓</p>
<h1 class="folder-name">Music</h1>
<span class="close folder-button" draggable="false">close</span>
</div>
<div class="thinglist">
<div>
<h2>clipping.</h2>
<a href="https://open.spotify.com/artist/5HJ2kX5UTwN4Ns8fB5Rn1I?si=Mb7M2NHvRFOmgj7rdUpZ_A">Spotify↗</a>
<a href="https://www.youtube.com/@clppng">YouTube↗</a>
<p>experimental noise/horror rap group. if you like your music to be a well-told story, you will like their lyrics. if you like the sound of the green line around boylston, you will like their sounds.</p>
</div>
<div>
<h2>Evita</h2>
<a href="https://open.spotify.com/album/294vcSVGgcZdrSpjkFVmyQ?si=mAfaEZLpSICHzsNsR8N70A">Spotify↗</a>
<a href="https://www.youtube.com/playlist?list=OLAK5uy_lMFDtTLyrPlAda-KtnHbpPs07d2AcVcnE">YouTube↗</a>
<p>exellent musical about Eva Perón. Good story and also good tunes. Favorites are "Buenos Aires" and "Goodnight and Thank You"</p>
</div>
<div>
<h2>Kendrick Lamar</h2>
<a href="https://open.spotify.com/artist/2YZyLoL8N0Wb9xBt1NhZWg?si=mgpRXXjERUiW-S5DQvIBIg">Spotify↗</a>
<a href="https://www.youtube.com/@kendricklamar">YouTube↗</a>
<p>cool rapper. "Mirror", "The Heart pt 3" (not on spotify), "A.D.H.D", "m.A.A.d City" are good, and so are many others</p>
</div>
<div>
<h2>Taylor Swift</h2>
<a href="https://open.spotify.com/artist/06HL4z0CvFAxyc27GXpf02?si=d65f8d6cb8d54872">Spotify↗</a>
<a href="https://www.youtube.com/@TaylorSwift">YouTube↗</a>
<p>Good songs, good stories, <em>folklore</em> is my favorite album</p>
</div>
<div>
<p>more when i feel like it</p>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</table>
<div id="center" class="movable">
<p class="arrow" draggable="false">🠒</p>
<p class="arrow" draggable="false">🠐</p>
<p class="arrow" draggable="false">🠑</p>
<p class="arrow" draggable="false">🠓</p>
<img src="./assets/pfp.png" alt="pfp of minecraft grass block with tongue sticking out face" draggable="false">
<h1>Alex Forman</h1>
<p draggable="false">often known as stuffundefined</p>
<a draggable="false" href="https://en.pronouns.page/@stuffundefined" target="_blank">tiny little bio-like thing 🡭</a>
</div>
<script src="windows.js"></script>
</body>
</html>