···

       
182
       
 
       
.access-hidden {

     

       
183
       
 
       
	display: none;

     

       
184
       
 
       
}

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

···

       
182
       
 
       
.access-hidden {

     

       
183
       
 
       
	display: none;

     

       
184
       
 
       
}

     

       
185
       
+
       


     

       
186
       
+
       
/* nav main */

     

       
187
       
+
       


     

       
188
       
+
       
nav ul.nav-main {

     

       
189
       
+
       
	text-align: center;

     

       
190
       
+
       
	margin-top: .5rem;

     

       
191
       
+
       
	padding: 0 !important;

     

       
192
       
+
       
}

     

       
193
       
+
       


     

       
194
       
+
       
nav ul.nav-main li {

     

       
195
       
+
       
	display: inline;

     

       
196
       
+
       
	padding: 0 !important;

     

       
197
       
+
       
}

     

       
198
       
+
       


     

       
199
       
+
       
nav ul.nav-main li::after {

     

       
200
       
+
       
	content: " | ";

     

       
201
       
+
       
}

     

       
202
       
+
       


     

       
203
       
+
       
nav ul.nav-main li:last-child::after {

     

       
204
       
+
       
	content: "";

     

       
205
       
+
       
}

     

       
206
       
+
       


     

       
207
       
+
       
nav ul.nav-main > li {

     

       
208
       
+
       
	padding: 0 !important;

     

       
209
       
+
       
}

     

       
210
       
+
       


     

       
211
       
+
       
/* nav main */

     

       
212
       
+
       


     

       
213
       
+
       
nav ul.nav-secondary {

     

       
214
       
+
       
	text-align: left;

     

       
215
       
+
       
	padding: 0 !important;

     

       
216
       
+
       
}

     

       
217
       
+
       


     

       
218
       
+
       
nav ul.nav-secondary li {

     

       
219
       
+
       
	display: inline;

     

       
220
       
+
       
	padding: 0 !important;

     

       
221
       
+
       
}

     

       
222
       
+
       


     

       
223
       
+
       
nav ul.nav-secondary li::after {

     

       
224
       
+
       
	content: ", ";

     

       
225
       
+
       
}

     

       
226
       
+
       


     

       
227
       
+
       
nav ul.nav-secondary li:last-child::after {

     

       
228
       
+
       
	content: "";

     

       
229
       
+
       
}

     

       
230
       
+
       


     

       
231
       
+
       
nav ul.nav-secondary > li {

     

       
232
       
+
       
	padding: 0 !important;

     

       
233
       
+
       
}

     

       
234
       
+
       


     

       
235
       
+
       
ul.nav-secondary-personal::before {

     

       
236
       
+
       
	content: "🌐";

     

       
237
       
+
       
}

     

       
238
       
+
       


     

       
239
       
+
       
ul.nav-secondary-contact::before {

     

       
240
       
+
       
	content: "📧";

     

       
241
       
+
       
}

     

       
242
       
+
       


     

       
243
       
+
       
ul.nav-secondary-support::before {

     

       
244
       
+
       
	content: "💙";

     

       
245
       
+
       
}

     

···

       
12
       
 
       


     

       
13
       
 
       
<main>

     

       
14
       
 
       
	<img class="meimg" src="assets/images/me.webp" alt="a photo of me playing guitar with a sort of bored but thoughtful expression on my face. the image is edited to have half tones and noise, and is black and white">

     

       
0
       
 
       

     

       
0
       
 
       

     

       
15
       
 
       


     

       
16
       
 
       
	<p><span class="highlight">kat, 20, she/her</span>. i like computers and music and other irrelevant stuff. i have several servers at home and i never shut up about them. my server related hobbies include spinning up random docker containers, hosting sites no one will use, and breaking my home internet router, among other things.</p>

     

       
17
       
 
       


     

···

       
12
       
 
       


     

       
13
       
 
       
<main>

     

       
14
       
 
       
	<img class="meimg" src="assets/images/me.webp" alt="a photo of me playing guitar with a sort of bored but thoughtful expression on my face. the image is edited to have half tones and noise, and is black and white">

     

       
15
       
+
       
	

     

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

     

       
17
       
 
       


     

       
18
       
 
       
	<p><span class="highlight">kat, 20, she/her</span>. i like computers and music and other irrelevant stuff. i have several servers at home and i never shut up about them. my server related hobbies include spinning up random docker containers, hosting sites no one will use, and breaking my home internet router, among other things.</p>

     

       
19
       
 
       


     

···

       
1
       
-
       
<nav>

     

       
2
       
 
       


     

       
3
       
-
       
	<p><?php

     

       
4
       
-
       
		$hash = getenv("RESHASH");

     

       
5
       
-
       
		$hashUrl = "https://bytes.4-walls.net/girlonthemoon/girlonthemoon/commit" . "/" . $hash;

     

       
6
       
-
       
		echo "<span class='githashtag' aria-hidden='true'>#</span><a class='githashlink' href='$hashUrl'>$hash</a>";

     

       
7
       
-
       
	?></p>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
8
       
 
       


     

       
9
       
-
       
	<p><span aria-hidden="true">🔗</span> <a href="docs.php">docs</a>, <a href="/vids">videos</a>, <a href="/floppies">floppies</a></p>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
10
       
 
       


     

       
11
       
-
       
	<p><span aria-hidden="true">🌐</span> <a href="https://bubblegum.girlonthemoon.xyz/">blog</a>, <a href="https://sakura.girlonthemoon.xyz">garden</a></p>

     

       
12
       
-
       
	 

     

       
13
       
-
       
	<p><span aria-hidden="true">📧</span> <a href="mailto:witnesslachesis@disroot.org?subject=hi%20from%20your%20site">email</a>, <a href="assets/misc/pgp.txt">PGP key</a></p>

     

       
14
       
-
       


     

       
15
       
-
       
	<p><span aria-hidden="true">💙</span> <a href="https://www.patreon.com/c/girlonthemoon">patreon</a>, <a href="https://ko-fi.com/girlonthemoon">ko-fi</a></p>

     

       
16
       
-
       


     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
17
       
 
       
</nav>

     

···

       
1
       
+
       
<nav aria-label="extra links">

     

       
2
       
 
       


     

       
3
       
+
       
	<ul class="nav-secondary">

     

       
4
       
+
       
		<li>

     

       
5
       
+
       
			<?php

     

       
6
       
+
       
				$hash = getenv("RESHASH");

     

       
7
       
+
       
				$hashUrl = "https://bytes.4-walls.net/girlonthemoon/girlonthemoon/commit" . "/" . $hash;

     

       
8
       
+
       
				echo "<span class='githashtag' aria-hidden='true'>#</span><a class='githashlink' href='$hashUrl'>$hash</a>";

     

       
9
       
+
       
			?>

     

       
10
       
+
       
		</li>

     

       
11
       
+
       
	</ul>

     

       
12
       
 
       


     

       
13
       
+
       
	<ul class="nav-secondary nav-secondary-personal">

     

       
14
       
+
       
		<li><a href="https://bubblegum.girlonthemoon.xyz/">blog</a></li>

     

       
15
       
+
       
		<li><a href="https://sakura.girlonthemoon.xyz">garden</a></li>

     

       
16
       
+
       
	</ul>

     

       
17
       
 
       


     

       
18
       
+
       
	<ul class="nav-secondary nav-secondary-contact">

     

       
19
       
+
       
		<li><a href="mailto:witnesslachesis@disroot.org?subject=hi%20from%20your%20site">email</a></li>

     

       
20
       
+
       
		<li><a href="assets/misc/pgp.txt">PGP key</a></li>

     

       
21
       
+
       
	</ul>

     

       
22
       
+
       
	

     

       
23
       
+
       
	<ul class="nav-secondary nav-secondary-support">

     

       
24
       
+
       
		<li><a href="https://www.patreon.com/c/girlonthemoon">patreon</a></li>

     

       
25
       
+
       
		<li><a href="https://ko-fi.com/girlonthemoon">ko-fi</a></li>

     

       
26
       
+
       
	</ul>

     

       
27
       
+
       
	

     

       
28
       
 
       
</nav>

     

···

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

···

       
1
       
+
       
<nav>

     

       
2
       
+
       


     

       
3
       
+
       
	<ul class="nav-main">

     

       
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
       
+
       
	</ul>

     

       
8
       
+
       


     

       
9
       
+
       
	<hr>

     

       
10
       
+
       
</nav>