katproto.girlonthemoon.xyz
+5
-1
site/assets/styles/main.css
+5
-1
site/assets/styles/main.css
···
143
143
color: var(--accent-color-darkest);
144
144
}
145
145
146
+
dd:has(summary)::before {
147
+
content: "";
148
+
}
149
+
146
150
hr {
147
151
width: 75%;
148
152
border: 1px dashed var(--accent-color-darker);
···
187
191
188
192
nav ul.nav-main {
189
193
text-align: center;
190
-
margin-top: .5rem;
194
+
margin: 1rem 0 1rem 0;
191
195
padding: 0 !important;
192
196
}
193
197
+14
-9
site/docs.php
+14
-9
site/docs.php
···
13
13
14
14
<main>
15
15
<header>
16
-
<h1 class="highlight">documentation</h1>
16
+
<h1 class="highlight" id="documentation">documentation</h1>
17
17
</header>
18
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>
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
+
27
32
</main>
28
33
29
34
</body>
+2
site/floppies/index.php
+2
site/floppies/index.php
···
16
16
<h1 class="highlight" id="floppies">floppies</h1>
17
17
</header>
18
18
19
+
<?php include "../nav_main.php" ?>
20
+
19
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>
20
22
21
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>
+71
-69
site/vids/index.php
+71
-69
site/vids/index.php
···
16
16
<h1 class="highlight" id="vids">vids</h1>
17
17
</header>
18
18
19
-
<section aria-labelledby="guitar">
20
-
<h2 id="guitar" class="highlight">guitar</h2>
19
+
<?php include "../nav_main.php" ?>
21
20
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>
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>
35
28
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>
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>
43
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>
44
57
<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>
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>
47
60
</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
+
</details>
62
+
</dd>
61
63
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>
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>
72
74
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>
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>
83
85
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>
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>
96
98
</main>
97
99
98
100
</body>