comparing 59655d1379c9d8e56e34740f7c8eede86b7df464 and main on katproto.girlonthemoon.xyz/girlonthemoon

+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");

+6 -6

site/assets/styles/polaroid.css

···

       1
       1
       -
       .about-wrapper {

     

       1
       1
       +
       .polaroid-wrapper {

     

       2
       2
        
       	margin-top: 1.5em;

     

       3
       3
        
       }

     

       4
       4
        
       

     

       5
       5
       -
       .about-icon {

     

       5
       5
       +
       .polaroid-icon {

     

       6
       6
        
       	background: var(--accent-color);

     

       7
       7
        
       	width: fit-content;

     

       8
       8
        
       	padding: .2rem 1rem 2rem 1rem;

     
···

       10
       10
        
       	display: block;

     

       11
       11
        
       }

     

       12
       12
        
       

     

       13
       13
       -
       figure.about-icon {

     

       13
       13
       +
       figure.polaroid-icon {

     

       14
       14
        
       	inline-size: fit-content;

     

       15
       15
        
       	margin-inline: auto;

     

       16
       16
        
       }

     

       17
       17
        
       

     

       18
       18
       -
       figure.about-icon img {

     

       18
       18
       +
       figure.polaroid-icon img {

     

       19
       19
        
       	display: block;

     

       20
       20
        
       	margin: 1rem auto;

     

       21
       21
        
       	width: 200px;

     

       22
       22
        
       }

     

       23
       23
        
       

     

       24
       24
       -
       figure.about-icon figcaption {

     

       24
       24
       +
       figure.polaroid-icon figcaption {

     

       25
       25
        
       	color: white;

     

       26
       26
        
       	contain: inline-size;

     

       27
       27
        
       }

     
···

       32
       32
        
       	height: 30px;

     

       33
       33
        
       	margin: -1em auto .5rem auto;

     

       34
       34
        
       	width: 200px;

     

       35
       35
       -
       	background-color: color-mix(in srgb, lightblue, transparent 10%);

     

       35
       35
       +
       	background-color: lightblue;

     

       36
       36
        
       	border-right: 1px dotted #86c5da;

     

       37
       37
        
       	border-left: 1px dotted #86c5da;

     

       38
       38
        
       	opacity: 0.5;

+9

site/elsewhere/index.php

···

       31
       31
        
       		<li><a href="https://bsky.app/profile/did:plc:jl5dgp7xb34xfqlpywt7kcp5/">bluesky</a></li>

     

       32
       32
        
       		<li><a href="https://social.lol/@lachesis">fediverse</a></li>

     

       33
       33
        
       	</ul>

     

       34
       34
       +
       	

     

       35
       35
       +
       	<h2 id="code" class="highlight">code</h2>

     

       36
       36
       +
       

     

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

     

       38
       38
       +
       		<li><a href="https://github.com/xxwhirlpool/">github</a></li>

     

       39
       39
       +
       		<li><a href="https://git.sr.ht/~chasinglightning/">sourcehut</a></li>

     

       40
       40
       +
       		<li><a href="https://tangled.org/@did:plc:jl5dgp7xb34xfqlpywt7kcp5">tangled</a></li>

     

       41
       41
       +
       		<li><a href="https://bytes.4-walls.net/kat">bytes</a> <span class="li-parenthesis">(personal forgejo instance)</span></li>

     

       42
       42
       +
       	</ul>

     

       34
       43
        
       

     

       35
       44
        
       	<h2 id="contact" class="highlight">contact</h2>

     

       36
       45

+2 -2

site/config.php

···

       2
       2
        
       

     

       3
       3
        
       define("BASE_URL", "https://girlonthemoon.xyz/");

     

       4
       4
        
       

     

       5
       5
       -
       $bday = new DateTime("2004-10-13");

     

       5
       5
       +
       $bday = new DateTime("2004-10-12");

     

       6
       6
        
       $interval = new DateTime("now");

     

       7
       7
        
       $age = date_diff($bday, $interval);

     

       8
       8
       -
       $age_fmt = $age->format("%Y years")

     

       8
       8
       +
       $age_fmt = $age->format("%Y years");

     

       9
       9
        
       

     

       10
       10
        
       ?>

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

+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
        
       	});

+1 -1

site/hcard.php

···

       25
       25
        
       		<a class="u-email" href="mailto:witnesslachesis@disroot.org">contact</a>

     

       26
       26
        
       	</address>

     

       27
       27
        
       	<p class="p-note">

     

       28
       28
       -
       		a girl on the moon. <span class="u-pronoun">she</span>/<span class="u-pronoun">her</span> pronouns. based in the <span class="p-country-name">United States</span>. fan of idols, music, comics, computers, and much more.

     

       28
       28
       +
       		a girl on the moon. <span class="p-pronouns"><span class="p-pronoun-nominative">she</span>/<span class="p-pronoun-oblique">her</span></span> pronouns. based in the <span class="p-country-name">United States</span>. fan of idols, music, comics, computers, and much more.

     

       29
       29
        
       	</p>

     

       30
       30
        
       </div>

     

       31
       31

+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