comparing 5f5fc96676a7cb9c39c09bf45c82be793a471ca3 and main on katproto.girlonthemoon.xyz/girlonthemoon

+2

site/head.php

···

       13
       13
        
       	<link rel="stylesheet" href="assets/styles/main.css">

     

       14
       14
        
       

     

       15
       15
        
       	<title>girl on the moon</title>

     

       16
       16
       +
       		

     

       17
       17
       +
       	<script src="../assets/js/faviconBeforeLinks.js" defer></script>

     

       16
       18
        
       </head>

+11 -4

site/docs/index.php

···

       18
       18
        
       

     

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

     

       20
       20
        
       

     

       21
       21
       +
       	<h2 id="self-hosting" class="highlight">self-hosting</h2>

     

       22
       22
       +
       

     

       21
       23
        
       	<dl>

     

       22
       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>

     

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

     

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

     

       24
       26
        
       		<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
       27
        
       			<dd>how to deploy the IRC gamja web client & soju bouncer software in docker</dd>

     

       26
       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
       27
       -
       			<dd>now obsolete and superseded by upstream doing their own migration, but notable because i did it first</dd>

     

       28
       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>

     

       28
       28
       +
       		<dt><a href="https://superlove.sayitditto.net/works/171">self-hosting <span aria-label="OTW">otw</span>-archive in docker</a> (<time datetime="2024-04-06">april 2024</time>)</dt>

     

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

     

       30
       30
        
       	</dl>

     

       31
       31
       +
       

     

       32
       32
       +
       	<h2 id="software" class="highlight">software</h2>

     

       33
       33
       +
       

     

       34
       34
       +
       	<dl>

     

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

     

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

     

       37
       37
       +
       	</dl>

     

       31
       38
        
       	

     

       32
       39
        
       </main>

     

       33
       40

+22

site/ruru/assets/styles/main.css

···

       1
       1
       +
       @media only screen and (max-width: 576px) {

     

       2
       2
       +
         #wrapper {

     

       3
       3
       +
           font-size: 4vw !important; 

     

       4
       4
       +
           width: 90vw !important;

     

       5
       5
       +
           min-height: 130vw !important;

     

       6
       6
       +
           word-wrap: break-word !important;

     

       7
       7
       +
         }

     

       8
       8
       +
       

     

       9
       9
       +
         #wrapper small {

     

       10
       10
       +
         	font-size: 85%;

     

       11
       11
       +
         }

     

       12
       12
       +
       }

     

       13
       13
       +
       

     

       14
       14
       +
       @media only screen and (max-width: 1080px) {

     

       15
       15
       +
         #wrapper {

     

       16
       16
       +
           font-size: 4vw !important; 

     

       17
       17
       +
           width: 90vw !important;

     

       18
       18
       +
           min-height: 130vw !important;

     

       19
       19
       +
           word-wrap: break-word !important;

     

       20
       20
       +
         }

     

       21
       21
       +
       }

     

       22
       22
       +
       

     

       1
       23
        
       @font-face {

     

       2
       24
        
       	font-family: "Victor Mono";

     

       3
       25
        
       	src: url("../fonts/VictorMono-Regular.ttf");

-39

site/featured.html

···

       1
       1
       -
       <!DOCTYPE html>

     

       2
       2
       -
       <html lang="en">

     

       3
       3
       -
       

     

       4
       4
       -
       <head>

     

       5
       5
       -
       <meta charset="UTF-8">

     

       6
       6
       -
       

     

       7
       7
       -
       <link rel="icon" type="image/x-icon" href="139.png">

     

       8
       8
       -
       <link rel="stylesheet" href="main.css">

     

       9
       9
       -
       

     

       10
       10
       -
       <title>girl on the moon :: featured</title>

     

       11
       11
       -
       

     

       12
       12
       -
       <style>

     

       13
       13
       -
       .desc::before {

     

       14
       14
       -
       content: "↳";

     

       15
       15
       -
       }

     

       16
       16
       -
       </style>

     

       17
       17
       -
       </head>

     

       18
       18
       -
       

     

       19
       19
       -
       <body>

     

       20
       20
       -
       

     

       21
       21
       -
       <article>

     

       22
       22
       -
       <p><span class="highlight">documentation</span></p>

     

       23
       23
       -
       <ul>

     

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

     

       25
       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
       26
       -
       <li><a href="https://superlove.sayitditto.net/works/338">OTW-archive paperclip to active storage</a><br>

     

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

     

       28
       28
       -
       </ul>

     

       29
       29
       -
       

     

       30
       30
       -
       <p><span class="highlight">miscellaneous</span></p>

     

       31
       31
       -
       <ul>

     

       32
       32
       -
       <li><a href="https://stash.4-walls.net/hotdiva2004/">hotdiva2004</a><br>

     

       33
       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
       34
       -
       </ul>

     

       35
       35
       -
       </article>

     

       36
       36
       -
       

     

       37
       37
       -
       </body>

     

       38
       38
       -
       

     

       39
       39
       -
       </html>

+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
       31
       -
       						 <a href="/ruru/index.html">in the orange light</a>: dedicated to <i>dambara ruru</i>

     

       31
       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

···

       15
       15
        
       	

     

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

     

       17
       17
        
       

     

       18
       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
       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

-28

site/nav.php

···

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

     

       2
       2
       -
       

     

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

     

       4
       4
       -
       		<li>

     

       5
       5
       -
       			<?php

     

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

     

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

     

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

     

       9
       9
       -
       			?>

     

       10
       10
       -
       		</li>

     

       11
       11
       -
       	</ul>

     

       12
       12
       -
       

     

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

     

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

     

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

     

       16
       16
       -
       	</ul>

     

       17
       17
       -
       

     

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

     

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

     

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

     

       21
       21
       -
       	</ul>

     

       22
       22
       -
       	

     

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

     

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

     

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

     

       26
       26
       -
       	</ul>

     

       27
       27
       -
       	

     

       28
       28
       -
       </nav>

+2 -2

site/about/index.php

···

       26
       26
        
       		<figure class="polaroid-icon tape">	

     

       27
       27
        
       			<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">

     

       28
       28
        
       

     

       29
       29
       -
       			<figcaption>me with my camcorder <span aria-label="hashtag my camcorder">#mycamcorder</span> (2025)</figcaption>

     

       29
       29
       +
       			<figcaption>me with my camcorder <span aria-label="hashtag my camcorder">#mycamcorder</span></figcaption>

     

       30
       30
        
       		</figure>

     

       31
       31
        
       		

     

       32
       32
        
       		<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>

     
···

       39
       39
        
       			<li>self-hosting <span class="li-parenthesis">(i hope you can tell just how insane i am about this)</span></li>

     

       40
       40
        
       			<li>programming <span class="li-parenthesis">(i may suck at it but that will never stop me)</span></li>

     

       41
       41
        
       			<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>

     

       42
       42
       -
       			<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>

     

       42
       42
       +
       			<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>

     

       43
       43
        
       			<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>

     

       44
       44
        
       			<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>

     

       45
       45
        
       		</ul>

+1

site/assets/js/faviconBeforeLinks.js

···

       9
       9
        
       		iconEl.classList.add("favicon");

     

       10
       10
        
       		iconEl.setAttribute("onerror", "this.style.display='none';");

     

       11
       11
        
       		iconEl.setAttribute("aria-hidden", "true");

     

       12
       12
       +
       		iconEl.setAttribute("alt", "");

     

       12
       13
        
       		iconEl.src = iconUrl + aDomain;

     

       13
       14
        
       		link.insertAdjacentElement("beforebegin", iconEl);

     

       14
       15
        
       	});

+11

site/whoami/index.php

···

       1
       1
       +
       <?php

     

       2
       2
       +
       

     

       3
       3
       +
       // i literally just set a custom header in my reverse proxy

     

       4
       4
       +
       // that maps to the remote ip

     

       5
       5
       +
       // so i could do this with a PHP page in docker

     

       6
       6
       +
       

     

       7
       7
       +
       $remoteip = $_SERVER['HTTP_X_GOTM_REMOTE_IP'];

     

       8
       8
       +
       

     

       9
       9
       +
       ?>

     

       10
       10
       +
       

     

       11
       11
       +
       <?php echo $remoteip ?>

+7

site/assets/styles/main.css

···

       1
       1
       +
       @import url(https://fonts.bunny.net/css?family=jetbrains-mono:400); 

     

       2
       2
       +
       

     

       1
       3
        
       @media only screen and (max-width: 576px) {

     

       2
       4
        
         main {

     

       3
       5
        
           font-size: 4vw !important; 

     
···

       202
       204
        
       	

     

       203
       205
        
       }

     

       204
       206
        
       

     

       207
       207
       +
       code {

     

       208
       208
       +
       	font-size: .9rem;

     

       209
       209
       +
       	font-family: "JetBrains Mono", monospace;

     

       210
       210
       +
       }

     

       211
       211
       +
       

     

       205
       212
        
       #commit {

     

       206
       213
        
       	margin-top: .8rem;

     

       207
       214
        
       }

+1

site/nav_main.php

···

       5
       5
        
       		<li><a href="/elsewhere">elsewhere</a></li>

     

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

     

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

     

       8
       8
       +
       		<li><a href="/toys">toys</a></li>

     

       8
       9
        
       		<li><a href="/floppies">floppies</a></li>

     

       9
       10
        
       		<li><a href="/">refresh</a></li>

     

       10
       11
        
       	</ul>

+36

site/toys/index.php

···

       1
       1
       +
       <?php

     

       2
       2
       +
       

     

       3
       3
       +
       include "../httpheaders.php";

     

       4
       4
       +
       

     

       5
       5
       +
       ?>

     

       6
       6
       +
       

     

       7
       7
       +
       <!DOCTYPE html>

     

       8
       8
       +
       <html lang="en">

     

       9
       9
       +
       

     

       10
       10
       +
       <?php include "../head.php" ?>

     

       11
       11
       +
       

     

       12
       12
       +
       <body>

     

       13
       13
       +
       

     

       14
       14
       +
       <main>

     

       15
       15
       +
       	<header>

     

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

     

       17
       17
       +
       	</header>

     

       18
       18
       +
       

     

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

     

       20
       20
       +
       

     

       21
       21
       +
       	<p>just some fun stuff i have on this site <span aria-label="smile" role="img">:)</span></p>

     

       22
       22
       +
       

     

       23
       23
       +
       	<h2 id="terminal" class="highlight">terminal</h2>

     

       24
       24
       +
       

     

       25
       25
       +
       	<dl>

     

       26
       26
       +
       		<dt>ping pong!</dt>

     

       27
       27
       +
       			<dd><code>curl girlonthemoon.xyz/ping</code> (<a href="/ping">browser</a>)</dd>

     

       28
       28
       +
       		<dt>IP checker</dt>

     

       29
       29
       +
       			<dd><code>curl girlonthemoon.xyz/whoami</code> (<a href="/whoami">browser</a>)</dd>

     

       30
       30
       +
       	</dl>

     

       31
       31
       +
       	

     

       32
       32
       +
       </main>

     

       33
       33
       +
       

     

       34
       34
       +
       </body>

     

       35
       35
       +
       

     

       36
       36
       +
       </html>

Compare changes