···

       
143
       
 
       
	color: var(--accent-color-darkest);

     

       
144
       
 
       
}

     

       
145
       
 
       


     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
146
       
 
       
hr {

     

       
147
       
 
       
	width: 75%;

     

       
148
       
 
       
	border: 1px dashed var(--accent-color-darker);

     
···

       
187
       
 
       


     

       
188
       
 
       
nav ul.nav-main {

     

       
189
       
 
       
	text-align: center;

     

       
190
       
-
       
	margin-top: .5rem;

     

       
191
       
 
       
	padding: 0 !important;

     

       
192
       
 
       
}

     

       
193
       
 
       


     

···

       
143
       
 
       
	color: var(--accent-color-darkest);

     

       
144
       
 
       
}

     

       
145
       
 
       


     

       
146
       
+
       
dd:has(summary)::before {

     

       
147
       
+
       
	content: "";

     

       
148
       
+
       
}

     

       
149
       
+
       


     

       
150
       
 
       
hr {

     

       
151
       
 
       
	width: 75%;

     

       
152
       
 
       
	border: 1px dashed var(--accent-color-darker);

     
···

       
191
       
 
       


     

       
192
       
 
       
nav ul.nav-main {

     

       
193
       
 
       
	text-align: center;

     

       
194
       
+
       
	margin: 1rem 0 1rem 0;

     

       
195
       
 
       
	padding: 0 !important;

     

       
196
       
 
       
}

     

       
197
       
 
       


     

···

       
13
       
 
       


     

       
14
       
 
       
<main>

     

       
15
       
 
       
	<header>

     

       
16
       
-
       
		<h1 class="highlight">documentation</h1>

     

       
17
       
 
       
	</header>

     

       
18
       
 
       


     

       
19
       
-
       
		<ul>

     

       
20
       
-
       
			<li><a href="https://stash.4-walls.net/selfhostdw/" class="highlight">self hosting dreamwidth with docker</a><br>

     

       
21
       
-
       
				<span class="desc">how to deploy a production instance of the <a href="https://github.com/dreamwidth/dreamwidth/">dreamwidth</a> code in docker</span></li>

     

       
22
       
-
       
			<li><a href="https://stash.4-walls.net/irc1/" class="highlight">hosting soju + gamja with docker</a><br>

     

       
23
       
-
       
				<span class="desc">how to deploy the IRC gamja web client & soju bouncer software in docker</span></li>

     

       
24
       
-
       
			<li><a href="https://superlove.sayitditto.net/works/338" class="highlight">OTW-archive paperclip to active storage</a><br>

     

       
25
       
-
       
				<span class="desc">now obsolete and superseded by upstream doing their own migration, but notable because i did it first</span></li>

     

       
26
       
-
       
		</ul>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
27
       
 
       
</main>

     

       
28
       
 
       


     

       
29
       
 
       
</body>

     

···

       
13
       
 
       


     

       
14
       
 
       
<main>

     

       
15
       
 
       
	<header>

     

       
16
       
+
       
		<h1 class="highlight" id="documentation">documentation</h1>

     

       
17
       
 
       
	</header>

     

       
18
       
 
       


     

       
19
       
+
       
	<?php include "nav_main.php" ?>

     

       
20
       
+
       


     

       
21
       
+
       
	<dl>

     

       
22
       
+
       
		<dt><a href="https://stash.4-walls.net/selfhostdw/">self hosting dreamwidth with docker</a> (<time datetime="2025-04-16">april 2025</time>)</dt>

     

       
23
       
+
       
			<dd>how to deploy a production instance of the <a href="https://github.com/dreamwidth/dreamwidth/">dreamwidth</a> code in docker</dd>

     

       
24
       
+
       
		<dt><a href="https://stash.4-walls.net/irc1/">hosting soju + gamja with docker</a> (<time datetime="2025-04-18">april 2025</time>)</dt>

     

       
25
       
+
       
			<dd>how to deploy the IRC gamja web client & soju bouncer software in docker</dd>

     

       
26
       
+
       
		<dt><a href="https://superlove.sayitditto.net/works/338">OTW-archive paperclip to active storage</a> (<time datetime="2024-06-01">june 2024</time>)</dt>

     

       
27
       
+
       
			<dd>now obsolete and superseded by upstream doing their own migration, but notable because i did it first</dd>

     

       
28
       
+
       
		<dt><a href="https://superlove.sayitditto.net/works/171">deploying OTW-archive through docker in production</a> (<time datetime="2024-04-06">april 2024</time>)</dt>

     

       
29
       
+
       
			<dd>not super well written and therefore overdue for a rewrite, but gets the gist.</dd>

     

       
30
       
+
       
	</dl>

     

       
31
       
+
       
	

     

       
32
       
 
       
</main>

     

       
33
       
 
       


     

       
34
       
 
       
</body>

     

···

       
16
       
 
       
		<h1 class="highlight" id="floppies">floppies</h1>

     

       
17
       
 
       
	</header>

     

       
18
       
 
       


     

       
0
       
 
       

     

       
0
       
 
       

     

       
19
       
 
       
	<p>this page organizes my one-off, self-contained/standalone site pages that usually diverge from the site's design language. as of writing, it's mainly for pages created for events.</p>

     

       
20
       
 
       


     

       
21
       
 
       
	<p>it's called <i>floppies</i> because i like comic books and in the world of comic books, individual paper issues are called floppies. they're kind of like one-offs, too!</p>

     

···

       
16
       
 
       
		<h1 class="highlight" id="floppies">floppies</h1>

     

       
17
       
 
       
	</header>

     

       
18
       
 
       


     

       
19
       
+
       
	<?php include "../nav_main.php" ?>

     

       
20
       
+
       


     

       
21
       
 
       
	<p>this page organizes my one-off, self-contained/standalone site pages that usually diverge from the site's design language. as of writing, it's mainly for pages created for events.</p>

     

       
22
       
 
       


     

       
23
       
 
       
	<p>it's called <i>floppies</i> because i like comic books and in the world of comic books, individual paper issues are called floppies. they're kind of like one-offs, too!</p>

     

···

       
4
       
 
       
		<li><a href="docs.php">docs</a></li>

     

       
5
       
 
       
		<li><a href="/vids">videos</a></li>

     

       
6
       
 
       
		<li><a href="/floppies">floppies</a></li>

     

       
0
       
 
       

     

       
7
       
 
       
	</ul>

     

       
8
       
 
       


     

       
9
       
 
       
	<hr>

     

···

       
4
       
 
       
		<li><a href="docs.php">docs</a></li>

     

       
5
       
 
       
		<li><a href="/vids">videos</a></li>

     

       
6
       
 
       
		<li><a href="/floppies">floppies</a></li>

     

       
7
       
+
       
		<li><a href="/">refresh</a></li>

     

       
8
       
 
       
	</ul>

     

       
9
       
 
       


     

       
10
       
 
       
	<hr>

     

···

       
16
       
 
       
		<h1 class="highlight" id="vids">vids</h1>

     

       
17
       
 
       
	</header>

     

       
18
       
 
       


     

       
19
       
-
       
		<section aria-labelledby="guitar">

     

       
20
       
-
       
			<h2 id="guitar" class="highlight">guitar</h2>

     

       
21
       
 
       


     

       
22
       
-
       
			<p>

     

       
23
       
-
       
				guitar became a hobby of mine through high school guitar classes. having dabbled in ukulele before and knowing how to read tab as a result,

     

       
24
       
-
       
				i exceled.

     

       
25
       
-
       
			</p>

     

       
26
       
-
       
	

     

       
27
       
-
       
			<p>

     

       
28
       
-
       
				in the years since, my time and energy have grown more limited, and i don't play nearly as much as i used to, or as much as i'd

     

       
29
       
-
       
				like to.

     

       
30
       
-
       
			</p>

     

       
31
       
-
       
	

     

       
32
       
-
       
			<p>

     

       
33
       
-
       
				sometimes, though, i like to record what i play.

     

       
34
       
-
       
			</p>

     

       
35
       
 
       


     

       
36
       
-
       
			<hr>

     

       
37
       
-
       
			

     

       
38
       
-
       
			<dl>

     

       
39
       
-
       
				<dt>ditto - newjeans (<time datetime="2025-08-31">august 2025</time>)</dt>

     

       
40
       
-
       
					<dd>

     

       
41
       
-
       
						<details>

     

       
42
       
-
       
							<summary>watch on site</summary>

     

       
43
       
 
       


     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
44
       
 
       
							<video controls preload="none" poster="assets/images/video_poster.jpg">

     

       
45
       
-
       
								<source src="https://stash.4-walls.net/vids/kat/2025_08_31_ditto.mp4" type="video/mp4" />

     

       
46
       
-
       
								download the <a href="https://stash.4-walls.net/vids/kat/2025_08_31_ditto.mp4" download>MP4 file</a>

     

       
47
       
 
       
							</video>

     

       
48
       
-
       
						</details>

     

       
49
       
-
       
					</dd>

     

       
50
       
-
       
			

     

       
51
       
-
       
				<dt>jesus & austria - cake bake betty (<time datetime="2023-04-25">april 2023</time>)</dt>

     

       
52
       
-
       
					<dd>

     

       
53
       
-
       
						<details>

     

       
54
       
-
       
							<summary>watch on site</summary>

     

       
55
       
-
       
								<video controls preload="none" poster="assets/images/video_poster.jpg">

     

       
56
       
-
       
									<source src="https://stash.4-walls.net/vids/kat/2023_04_25_jesusaustria.mp4" type="video/mp4" />

     

       
57
       
-
       
									download the <a href="https://stash.4-walls.net/vids/kat/2023_04_25_jesusaustria.mp4" download>MP4 file</a>

     

       
58
       
-
       
								</video>

     

       
59
       
-
       
						</details>

     

       
60
       
-
       
					</dd>

     

       
61
       
 
       


     

       
62
       
-
       
				<dt>random shit (<time datetime="2023-02">february 2023</time>)</dt>

     

       
63
       
-
       
					<dd>

     

       
64
       
-
       
						<details>

     

       
65
       
-
       
							<summary>watch on site</summary>

     

       
66
       
-
       
								<video controls preload="none" poster="assets/images/video_poster.jpg">

     

       
67
       
-
       
									<source src="https://stash.4-walls.net/vids/kat/2025_02_randomshit.mp4" type="video/mp4" />

     

       
68
       
-
       
									download the <a href="https://stash.4-walls.net/vids/kat/2025_02_randomshit.mp4" download>MP4 file</a>

     

       
69
       
-
       
								</video>

     

       
70
       
-
       
						</details>

     

       
71
       
-
       
					</dd>

     

       
72
       
 
       


     

       
73
       
-
       
				<dt>river - AKB48 (<time datetime="2020-11">november 2020</time>)</dt>

     

       
74
       
-
       
					<dd>

     

       
75
       
-
       
						<details>

     

       
76
       
-
       
							<summary>watch on site</summary>

     

       
77
       
-
       
								<video controls preload="none" poster="assets/images/video_poster.jpg">

     

       
78
       
-
       
									<source src="https://stash.4-walls.net/vids/kat/2020_11_river.mp4" type="video/mp4" />

     

       
79
       
-
       
									download the <a href="https://stash.4-walls.net/vids/kat/2020_11_river.mp4" download>MP4 file</a>

     

       
80
       
-
       
								</video>

     

       
81
       
-
       
						</details>

     

       
82
       
-
       
					</dd>

     

       
83
       
 
       


     

       
84
       
-
       
				<dt>morning of the slag ravine - joe hisaishi (<time datetime="2020-03">march 2020</time>)</dt>

     

       
85
       
-
       
					<dd>

     

       
86
       
-
       
						<details>

     

       
87
       
-
       
							<summary>watch on site</summary>

     

       
88
       
-
       
								<video controls preload="none" poster="assets/images/video_poster.jpg">

     

       
89
       
-
       
									<source src="https://stash.4-walls.net/vids/kat/2020_03_morningslagravine.mp4" type="video/mp4" />

     

       
90
       
-
       
									download the <a href="https://stash.4-walls.net/vids/kat/2020_03_morningslagravine.mp4" download>MP4 file</a>

     

       
91
       
-
       
								</video>

     

       
92
       
-
       
						</details>

     

       
93
       
-
       
					</dd>

     

       
94
       
-
       
			</dl>

     

       
95
       
-
       
		</section>

     

       
96
       
 
       
</main>

     

       
97
       
 
       


     

       
98
       
 
       
</body>

     

···

       
16
       
 
       
		<h1 class="highlight" id="vids">vids</h1>

     

       
17
       
 
       
	</header>

     

       
18
       
 
       


     

       
19
       
+
       
	<?php include "../nav_main.php" ?>

     

       
0
       
 
       

     

       
20
       
 
       


     

       
21
       
+
       
	<section aria-labelledby="guitar">

     

       
22
       
+
       
		<h2 id="guitar" class="highlight">guitar</h2>

     

       
23
       
+
       


     

       
24
       
+
       
		<p>

     

       
25
       
+
       
			guitar became a hobby of mine through high school guitar classes. having dabbled in ukulele before and knowing how to read tab as a result,

     

       
26
       
+
       
			i exceled.

     

       
27
       
+
       
		</p>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
28
       
 
       


     

       
29
       
+
       
		<p>

     

       
30
       
+
       
			in the years since, my time and energy have grown more limited, and i don't play nearly as much as i used to, or as much as i'd

     

       
31
       
+
       
			like to.

     

       
32
       
+
       
		</p>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
33
       
 
       


     

       
34
       
+
       
		<p>

     

       
35
       
+
       
			sometimes, though, i like to record what i play.

     

       
36
       
+
       
		</p>

     

       
37
       
+
       


     

       
38
       
+
       
		<hr>

     

       
39
       
+
       
		

     

       
40
       
+
       
		<dl>

     

       
41
       
+
       
			<dt>ditto - newjeans (<time datetime="2025-08-31">august 2025</time>)</dt>

     

       
42
       
+
       
				<dd>

     

       
43
       
+
       
					<details>

     

       
44
       
+
       
						<summary>watch on site</summary>

     

       
45
       
+
       


     

       
46
       
+
       
						<video controls preload="none" poster="assets/images/video_poster.jpg">

     

       
47
       
+
       
							<source src="https://stash.4-walls.net/vids/kat/2025_08_31_ditto.mp4" type="video/mp4" />

     

       
48
       
+
       
							download the <a href="https://stash.4-walls.net/vids/kat/2025_08_31_ditto.mp4" download>MP4 file</a>

     

       
49
       
+
       
						</video>

     

       
50
       
+
       
					</details>

     

       
51
       
+
       
				</dd>

     

       
52
       
+
       
		

     

       
53
       
+
       
			<dt>jesus & austria - cake bake betty (<time datetime="2023-04-25">april 2023</time>)</dt>

     

       
54
       
+
       
				<dd>

     

       
55
       
+
       
					<details>

     

       
56
       
+
       
						<summary>watch on site</summary>

     

       
57
       
 
       
							<video controls preload="none" poster="assets/images/video_poster.jpg">

     

       
58
       
+
       
								<source src="https://stash.4-walls.net/vids/kat/2023_04_25_jesusaustria.mp4" type="video/mp4" />

     

       
59
       
+
       
								download the <a href="https://stash.4-walls.net/vids/kat/2023_04_25_jesusaustria.mp4" download>MP4 file</a>

     

       
60
       
 
       
							</video>

     

       
61
       
+
       
					</details>

     

       
62
       
+
       
				</dd>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
63
       
 
       


     

       
64
       
+
       
			<dt>random shit (<time datetime="2023-02">february 2023</time>)</dt>

     

       
65
       
+
       
				<dd>

     

       
66
       
+
       
					<details>

     

       
67
       
+
       
						<summary>watch on site</summary>

     

       
68
       
+
       
							<video controls preload="none" poster="assets/images/video_poster.jpg">

     

       
69
       
+
       
								<source src="https://stash.4-walls.net/vids/kat/2025_02_randomshit.mp4" type="video/mp4" />

     

       
70
       
+
       
								download the <a href="https://stash.4-walls.net/vids/kat/2025_02_randomshit.mp4" download>MP4 file</a>

     

       
71
       
+
       
							</video>

     

       
72
       
+
       
					</details>

     

       
73
       
+
       
				</dd>

     

       
74
       
 
       


     

       
75
       
+
       
			<dt>river - AKB48 (<time datetime="2020-11">november 2020</time>)</dt>

     

       
76
       
+
       
				<dd>

     

       
77
       
+
       
					<details>

     

       
78
       
+
       
						<summary>watch on site</summary>

     

       
79
       
+
       
							<video controls preload="none" poster="assets/images/video_poster.jpg">

     

       
80
       
+
       
								<source src="https://stash.4-walls.net/vids/kat/2020_11_river.mp4" type="video/mp4" />

     

       
81
       
+
       
								download the <a href="https://stash.4-walls.net/vids/kat/2020_11_river.mp4" download>MP4 file</a>

     

       
82
       
+
       
							</video>

     

       
83
       
+
       
					</details>

     

       
84
       
+
       
				</dd>

     

       
85
       
 
       


     

       
86
       
+
       
			<dt>morning of the slag ravine - joe hisaishi (<time datetime="2020-03">march 2020</time>)</dt>

     

       
87
       
+
       
				<dd>

     

       
88
       
+
       
					<details>

     

       
89
       
+
       
						<summary>watch on site</summary>

     

       
90
       
+
       
							<video controls preload="none" poster="assets/images/video_poster.jpg">

     

       
91
       
+
       
								<source src="https://stash.4-walls.net/vids/kat/2020_03_morningslagravine.mp4" type="video/mp4" />

     

       
92
       
+
       
								download the <a href="https://stash.4-walls.net/vids/kat/2020_03_morningslagravine.mp4" download>MP4 file</a>

     

       
93
       
+
       
							</video>

     

       
94
       
+
       
					</details>

     

       
95
       
+
       
				</dd>

     

       
96
       
+
       
		</dl>

     

       
97
       
+
       
	</section>

     

       
98
       
 
       
</main>

     

       
99
       
 
       


     

       
100
       
 
       
</body>