Compare changes

Choose any two refs to compare.

Changed files
+165 -153
site
+14 -9
site/docs.php
···
<main>
<header>
-
<h1 class="highlight">documentation</h1>
+
<h1 class="highlight" id="documentation">documentation</h1>
</header>
-
<ul>
-
<li><a href="https://stash.4-walls.net/selfhostdw/" class="highlight">self hosting dreamwidth with docker</a><br>
-
<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>
-
<li><a href="https://stash.4-walls.net/irc1/" class="highlight">hosting soju + gamja with docker</a><br>
-
<span class="desc">how to deploy the IRC gamja web client & soju bouncer software in docker</span></li>
-
<li><a href="https://superlove.sayitditto.net/works/338" class="highlight">OTW-archive paperclip to active storage</a><br>
-
<span class="desc">now obsolete and superseded by upstream doing their own migration, but notable because i did it first</span></li>
-
</ul>
+
<?php include "nav_main.php" ?>
+
+
<dl>
+
<dt><a href="https://stash.4-walls.net/selfhostdw/">self hosting dreamwidth with docker</a> (<time datetime="2025-04-16">april 2025</time>)</dt>
+
<dd>how to deploy a production instance of the <a href="https://github.com/dreamwidth/dreamwidth/">dreamwidth</a> code in docker</dd>
+
<dt><a href="https://stash.4-walls.net/irc1/">hosting soju + gamja with docker</a> (<time datetime="2025-04-18">april 2025</time>)</dt>
+
<dd>how to deploy the IRC gamja web client & soju bouncer software in docker</dd>
+
<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>
+
<dd>now obsolete and superseded by upstream doing their own migration, but notable because i did it first</dd>
+
<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>
+
<dd>not super well written and therefore overdue for a rewrite, but gets the gist.</dd>
+
</dl>
+
</main>
</body>
+76 -74
site/vids/index.php
···
<h1 class="highlight" id="vids">vids</h1>
</header>
-
<section aria-labelledby="guitar">
-
<h2 id="guitar" class="highlight">guitar</h2>
-
-
<p>
-
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,
-
i exceled.
-
</p>
-
-
<p>
-
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
-
like to.
-
</p>
-
-
<p>
-
sometimes, though, i like to record what i play.
-
</p>
-
-
<hr>
-
-
<dl>
-
<dt>ditto - newjeans (<time datetime="2025-08-31">august 2025</time>)</dt>
-
<dd>
-
<details>
-
<summary>watch on site</summary>
+
<?php include "../nav_main.php" ?>
+
<section aria-labelledby="guitar">
+
<h2 id="guitar" class="highlight">guitar</h2>
+
+
<p>
+
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,
+
i exceled.
+
</p>
+
+
<p>
+
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
+
like to.
+
</p>
+
+
<p>
+
sometimes, though, i like to record what i play.
+
</p>
+
+
<hr>
+
+
<dl>
+
<dt>ditto - newjeans (<time datetime="2025-08-31">august 2025</time>)</dt>
+
<dd>
+
<details>
+
<summary>watch on site</summary>
+
+
<video controls preload="none" poster="assets/images/video_poster.jpg">
+
<source src="https://stash.4-walls.net/vids/kat/2025_08_31_ditto.mp4" type="video/mp4" />
+
download the <a href="https://stash.4-walls.net/vids/kat/2025_08_31_ditto.mp4" download>MP4 file</a>
+
</video>
+
</details>
+
</dd>
+
+
<dt>jesus & austria - cake bake betty (<time datetime="2023-04-25">april 2023</time>)</dt>
+
<dd>
+
<details>
+
<summary>watch on site</summary>
+
<video controls preload="none" poster="assets/images/video_poster.jpg">
+
<source src="https://stash.4-walls.net/vids/kat/2023_04_25_jesusaustria.mp4" type="video/mp4" />
+
download the <a href="https://stash.4-walls.net/vids/kat/2023_04_25_jesusaustria.mp4" download>MP4 file</a>
+
</video>
+
</details>
+
</dd>
+
+
<dt>random shit (<time datetime="2023-02">february 2023</time>)</dt>
+
<dd>
+
<details>
+
<summary>watch on site</summary>
+
<video controls preload="none" poster="assets/images/video_poster.jpg">
+
<source src="https://stash.4-walls.net/vids/kat/2025_02_randomshit.mp4" type="video/mp4" />
+
download the <a href="https://stash.4-walls.net/vids/kat/2025_02_randomshit.mp4" download>MP4 file</a>
+
</video>
+
</details>
+
</dd>
+
+
<dt>river - AKB48 (<time datetime="2020-11">november 2020</time>)</dt>
+
<dd>
+
<details>
+
<summary>watch on site</summary>
+
<video controls preload="none" poster="assets/images/video_poster.jpg">
+
<source src="https://stash.4-walls.net/vids/kat/2020_11_river.mp4" type="video/mp4" />
+
download the <a href="https://stash.4-walls.net/vids/kat/2020_11_river.mp4" download>MP4 file</a>
+
</video>
+
</details>
+
</dd>
+
+
<dt>morning of the slag ravine - joe hisaishi (<time datetime="2020-03">march 2020</time>)</dt>
+
<dd>
+
<details>
+
<summary>watch on site</summary>
<video controls preload="none" poster="assets/images/video_poster.jpg">
-
<source src="https://stash.4-walls.net/vids/kat/2025_08_31_ditto.mp4" type="video/mp4" />
-
download the <a href="https://stash.4-walls.net/vids/kat/2025_08_31_ditto.mp4" download>MP4 file</a>
+
<source src="https://stash.4-walls.net/vids/kat/2020_03_morningslagravine.mp4" type="video/mp4" />
+
download the <a href="https://stash.4-walls.net/vids/kat/2020_03_morningslagravine.mp4" download>MP4 file</a>
</video>
-
</details>
-
</dd>
-
-
<dt>jesus & austria - cake bake betty (<time datetime="2023-04-25">april 2023</time>)</dt>
-
<dd>
-
<details>
-
<summary>watch on site</summary>
-
<video controls preload="none" poster="assets/images/video_poster.jpg">
-
<source src="https://stash.4-walls.net/vids/kat/2023_04_25_jesusaustria.mp4" type="video/mp4" />
-
download the <a href="https://stash.4-walls.net/vids/kat/2023_04_25_jesusaustria.mp4" download>MP4 file</a>
-
</video>
-
</details>
-
</dd>
-
-
<dt>random shit (<time datetime="2023-02">february 2023</time>)</dt>
-
<dd>
-
<details>
-
<summary>watch on site</summary>
-
<video controls preload="none" poster="assets/images/video_poster.jpg">
-
<source src="https://stash.4-walls.net/vids/kat/2025_02_randomshit.mp4" type="video/mp4" />
-
download the <a href="https://stash.4-walls.net/vids/kat/2025_02_randomshit.mp4" download>MP4 file</a>
-
</video>
-
</details>
-
</dd>
-
-
<dt>river - AKB48 (<time datetime="2020-11">november 2020</time>)</dt>
-
<dd>
-
<details>
-
<summary>watch on site</summary>
-
<video controls preload="none" poster="assets/images/video_poster.jpg">
-
<source src="https://stash.4-walls.net/vids/kat/2020_11_river.mp4" type="video/mp4" />
-
download the <a href="https://stash.4-walls.net/vids/kat/2020_11_river.mp4" download>MP4 file</a>
-
</video>
-
</details>
-
</dd>
-
-
<dt>morning of the slag ravine - joe hisaishi (<time datetime="2020-03">march 2020</time>)</dt>
-
<dd>
-
<details>
-
<summary>watch on site</summary>
-
<video controls preload="none" poster="assets/images/video_poster.jpg">
-
<source src="https://stash.4-walls.net/vids/kat/2020_03_morningslagravine.mp4" type="video/mp4" />
-
download the <a href="https://stash.4-walls.net/vids/kat/2020_03_morningslagravine.mp4" download>MP4 file</a>
-
</video>
-
</details>
-
</dd>
-
</dl>
-
</section>
+
</details>
+
</dd>
+
</dl>
+
</section>
</main>
</body>
+2
site/head.php
···
<link rel="stylesheet" href="assets/styles/main.css">
<title>girl on the moon</title>
+
+
<script src="../assets/js/faviconBeforeLinks.js" defer></script>
</head>
+22
site/ruru/assets/styles/main.css
···
+
@media only screen and (max-width: 576px) {
+
#wrapper {
+
font-size: 4vw !important;
+
width: 90vw !important;
+
min-height: 130vw !important;
+
word-wrap: break-word !important;
+
}
+
+
#wrapper small {
+
font-size: 85%;
+
}
+
}
+
+
@media only screen and (max-width: 1080px) {
+
#wrapper {
+
font-size: 4vw !important;
+
width: 90vw !important;
+
min-height: 130vw !important;
+
word-wrap: break-word !important;
+
}
+
}
+
@font-face {
font-family: "Victor Mono";
src: url("../fonts/VictorMono-Regular.ttf");
-39
site/featured.html
···
-
<!DOCTYPE html>
-
<html lang="en">
-
-
<head>
-
<meta charset="UTF-8">
-
-
<link rel="icon" type="image/x-icon" href="139.png">
-
<link rel="stylesheet" href="main.css">
-
-
<title>girl on the moon :: featured</title>
-
-
<style>
-
.desc::before {
-
content: "โ†ณ";
-
}
-
</style>
-
</head>
-
-
<body>
-
-
<article>
-
<p><span class="highlight">documentation</span></p>
-
<ul>
-
<li><a href="https://stash.4-walls.net/selfhostdw/">self hosting dreamwidth with docker</a><br>
-
<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>
-
<li><a href="https://superlove.sayitditto.net/works/338">OTW-archive paperclip to active storage</a><br>
-
<span class="desc">now obsolete and superseded by upstream doing their own migration, but notable because i did it first</span></li>
-
</ul>
-
-
<p><span class="highlight">miscellaneous</span></p>
-
<ul>
-
<li><a href="https://stash.4-walls.net/hotdiva2004/">hotdiva2004</a><br>
-
<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>
-
</ul>
-
</article>
-
-
</body>
-
-
</html>
+1 -1
site/floppies/index.php
···
<dl>
<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>
<dd>
-
<a href="/ruru/index.html">in the orange light</a>: dedicated to <i>dambara ruru</i>
+
<a href="/ruru/index.html">in the orange light</a>: dedicated to <i>dambara ruru</i>.
</dd>
</dl>
</section>
-28
site/nav.php
···
-
<nav aria-label="extra links">
-
-
<ul class="nav-secondary">
-
<li>
-
<?php
-
$hash = getenv("RESHASH");
-
$hashUrl = "https://bytes.4-walls.net/girlonthemoon/girlonthemoon/commit" . "/" . $hash;
-
echo "<span class='githashtag' aria-hidden='true'>#</span><a class='githashlink' href='$hashUrl'>$hash</a>";
-
?>
-
</li>
-
</ul>
-
-
<ul class="nav-secondary nav-secondary-personal">
-
<li><a href="https://bubblegum.girlonthemoon.xyz/">blog</a></li>
-
<li><a href="https://sakura.girlonthemoon.xyz">garden</a></li>
-
</ul>
-
-
<ul class="nav-secondary nav-secondary-contact">
-
<li><a href="mailto:witnesslachesis@disroot.org?subject=hi%20from%20your%20site">email</a></li>
-
<li><a href="assets/misc/pgp.txt">PGP key</a></li>
-
</ul>
-
-
<ul class="nav-secondary nav-secondary-support">
-
<li><a href="https://www.patreon.com/c/girlonthemoon">patreon</a></li>
-
<li><a href="https://ko-fi.com/girlonthemoon">ko-fi</a></li>
-
</ul>
-
-
</nav>
+2 -2
site/about/index.php
···
<figure class="polaroid-icon tape">
<img src="/assets/images/hcard.png" loading="lazy" alt="selfie of me holding up my camcorder and covering half my face with it as i look into the view finder. the image is black and white, dithered, and covered in spotted half tones">
-
<figcaption>me with my camcorder <span aria-label="hashtag my camcorder">#mycamcorder</span> (2025)</figcaption>
+
<figcaption>me with my camcorder <span aria-label="hashtag my camcorder">#mycamcorder</span></figcaption>
</figure>
<p>i think i covered the introduction bases on the <a href="/">home page</a>, so there's not much to put here, i feel. however, i will try my best!</p>
···
<li>self-hosting <span class="li-parenthesis">(i hope you can tell just how insane i am about this)</span></li>
<li>programming <span class="li-parenthesis">(i may suck at it but that will never stop me)</span></li>
<li>comic books <span class="li-parenthesis">(mainly a DC reader, but i obsessively follow indie authors like <a href="https://www.instagram.com/luanavecchio_/">luana vecchio</a> & <a href="https://www.instagram.com/m_llovet/">maria llovet</a>)</span></li>
-
<li>idols <span class="li-parenthesis">(mainly japanese; <a href="https://www.instagram.com/ruru_dambara.official/">dambara ruru</a> is my all time favorite idol! but i also enjoy k-pop girl groups)</span></li>
+
<li>idols <span class="li-parenthesis">(mainly japanese; <a href="/ruru/index.html">dambara ruru</a> is my all time favorite idol! but i also enjoy k-pop girl groups)</span></li>
<li>music <span class="li-parenthesis">(i'll listen to <a href="https://www.last.fm/user/springpool">basically anything</a>, but my preference skews towards pop, folk, angsty stuff, dance [house, trance, etc], and feminine vocals.)</span></li>
<li>tokusatsu <span class="li-parenthesis">(i grew up on <i>power rangers</i>, and that turned into a life-long obsession with toku. these days, i'm more into <i>kamen rider</i>, but i do watch a bit of sentai, and whatever i find that seems interesting.</span>)</li>
</ul>
+1
site/assets/js/faviconBeforeLinks.js
···
iconEl.classList.add("favicon");
iconEl.setAttribute("onerror", "this.style.display='none';");
iconEl.setAttribute("aria-hidden", "true");
+
iconEl.setAttribute("alt", "");
iconEl.src = iconUrl + aDomain;
link.insertAdjacentElement("beforebegin", iconEl);
});
+11
site/whoami/index.php
···
+
<?php
+
+
// i literally just set a custom header in my reverse proxy
+
// that maps to the remote ip
+
// so i could do this with a PHP page in docker
+
+
$remoteip = $_SERVER['HTTP_X_GOTM_REMOTE_IP'];
+
+
?>
+
+
<?php echo $remoteip ?>
+36
site/toys/index.php
···
+
<?php
+
+
include "../httpheaders.php";
+
+
?>
+
+
<!DOCTYPE html>
+
<html lang="en">
+
+
<?php include "../head.php" ?>
+
+
<body>
+
+
<main>
+
<header>
+
<h1 class="highlight" id="toys">toys</h1>
+
</header>
+
+
<?php include "../nav_main.php" ?>
+
+
<p>just some fun stuff i have on this site <span aria-label="smile" role="img">:)</span></p>
+
+
<h2 id="terminal" class="highlight">terminal</h2>
+
+
<dl>
+
<dt>ping pong!</dt>
+
<dd><code>curl girlonthemoon.xyz/ping</code> (<a href="/ping">browser</a>)</dd>
+
<dt>IP checker</dt>
+
<dd><code>curl girlonthemoon.xyz/whoami</code> (<a href="/whoami">browser</a>)</dd>
+
</dl>
+
+
</main>
+
+
</body>
+
+
</html>