katproto.girlonthemoon.xyz
+29
-15
site/assets/styles/main.css
+29
-15
site/assets/styles/main.css
···
24
24
}
25
25
}
26
26
27
+
/* abbr popup trick */
28
+
/* https://cyrneko.eu/css-tricks.html */
29
+
30
+
@media (pointer: coarse),
31
+
(hover: none) {
32
+
[title] {
33
+
position: relative;
34
+
display: inline-flex;
35
+
justify-content: center;
36
+
}
37
+
38
+
[title]:focus::after,
39
+
[title]:hover::after {
40
+
content: attr(title);
41
+
position: absolute;
42
+
top: 120%;
43
+
color: var(--text-color-white);
44
+
background: var(--accent-color);
45
+
width: max-content;
46
+
padding: .5rem;
47
+
z-index: 10;
48
+
border: 0;
49
+
}
50
+
}
51
+
52
+
27
53
:root {
28
54
--text-color: #1e6899;
29
55
--text-color-white: #fff;
···
75
101
text-align: center;
76
102
}
77
103
78
-
ul {
104
+
ul, ol {
79
105
padding-left: 1em;
80
106
}
81
107
82
-
ul li {
108
+
ul li, ol li {
83
109
margin: .5em 0 .5em 0;
84
110
}
85
111
···
211
237
padding: 0 !important;
212
238
}
213
239
214
-
/* nav main */
240
+
/* nav secondary */
215
241
216
242
nav ul.nav-secondary {
217
243
text-align: left;
···
233
259
234
260
nav ul.nav-secondary > li {
235
261
padding: 0 !important;
236
-
}
237
-
238
-
ul.nav-secondary-personal::before {
239
-
content: "🌐";
240
-
}
241
-
242
-
ul.nav-secondary-contact::before {
243
-
content: "📧";
244
-
}
245
-
246
-
ul.nav-secondary-support::before {
247
-
content: "💙";
248
262
}
249
263
250
264
/* link icons */
+2
-2
site/config.php
+2
-2
site/config.php
···
2
2
3
3
define("BASE_URL", "https://girlonthemoon.xyz/");
4
4
5
-
$bday = new DateTime("2004-10-13");
5
+
$bday = new DateTime("2004-10-12");
6
6
$interval = new DateTime("now");
7
7
$age = date_diff($bday, $interval);
8
-
$age_fmt = $age->format("%Y years")
8
+
$age_fmt = $age->format("%Y years");
9
9
10
10
?>
-39
site/featured.html
-39
site/featured.html
···
1
-
<!DOCTYPE html>
2
-
<html lang="en">
3
-
4
-
<head>
5
-
<meta charset="UTF-8">
6
-
7
-
<link rel="icon" type="image/x-icon" href="139.png">
8
-
<link rel="stylesheet" href="main.css">
9
-
10
-
<title>girl on the moon :: featured</title>
11
-
12
-
<style>
13
-
.desc::before {
14
-
content: "↳";
15
-
}
16
-
</style>
17
-
</head>
18
-
19
-
<body>
20
-
21
-
<article>
22
-
<p><span class="highlight">documentation</span></p>
23
-
<ul>
24
-
<li><a href="https://stash.4-walls.net/selfhostdw/">self hosting dreamwidth with docker</a><br>
25
-
<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>
26
-
<li><a href="https://superlove.sayitditto.net/works/338">OTW-archive paperclip to active storage</a><br>
27
-
<span class="desc">now obsolete and superseded by upstream doing their own migration, but notable because i did it first</span></li>
28
-
</ul>
29
-
30
-
<p><span class="highlight">miscellaneous</span></p>
31
-
<ul>
32
-
<li><a href="https://stash.4-walls.net/hotdiva2004/">hotdiva2004</a><br>
33
-
<span class="desc">writing prompt generator powered by charm CLI's <a href="https://github.com/charmbracelet/hotdiva2000">hotdiva2000</a>, a random string generator</span></li>
34
-
</ul>
35
-
</article>
36
-
37
-
</body>
38
-
39
-
</html>
+1
-1
site/floppies/index.php
+1
-1
site/floppies/index.php
···
28
28
<dl>
29
29
<dt><a href="https://bubblegum.girlonthemoon.xyz/articles/html-day-2025">HTML day 2025</a> (<time datetime="2025-08-02">august 2nd, 2025</time>)</dt>
30
30
<dd>
31
-
<a href="/ruru/index.html">in the orange light</a>: dedicated to <i>dambara ruru</i>
31
+
<a href="/ruru/index.html">in the orange light</a>: dedicated to <i>dambara ruru</i>.
32
32
</dd>
33
33
</dl>
34
34
</section>
+1
-1
site/index.php
+1
-1
site/index.php
···
15
15
16
16
<?php include "nav_main.php" ?>
17
17
18
-
<p><span class="highlight">kat, <?php echo $age_fmt ?>, 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>
18
+
<p><span class="highlight">kat, <?php echo $age_fmt ?> old, 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
19
20
20
<p>some of my work:</p>
21
21