comparing ef59f38523cae2bc0eeb2932297b85b00a42671e and main on katproto.girlonthemoon.xyz/girlonthemoon

site/ruru/assets/fonts/VictorMono-Italic.ttf

This is a binary file and will not be displayed.

site/ruru/assets/fonts/VictorMono-Regular.ttf

This is a binary file and will not be displayed.

site/ruru/assets/images/ima_bg_00015_N-edit.png

This is a binary file and will not be displayed.

+76

site/ruru/assets/styles/reset.css

···

       1
       1
       +
       /* by piccalil.li */

     

       2
       2
       +
       

     

       3
       3
       +
       

     

       4
       4
       +
       /* Box sizing rules */

     

       5
       5
       +
       *,

     

       6
       6
       +
       *::before,

     

       7
       7
       +
       *::after {

     

       8
       8
       +
         box-sizing: border-box;

     

       9
       9
       +
       }

     

       10
       10
       +
       

     

       11
       11
       +
       /* Prevent font size inflation */

     

       12
       12
       +
       html {

     

       13
       13
       +
         -moz-text-size-adjust: none;

     

       14
       14
       +
         -webkit-text-size-adjust: none;

     

       15
       15
       +
         text-size-adjust: none;

     

       16
       16
       +
       }

     

       17
       17
       +
       

     

       18
       18
       +
       /* Remove default margin in favour of better control in authored CSS */

     

       19
       19
       +
       body, h1, h2, h3, h4, p,

     

       20
       20
       +
       figure, blockquote, dl, dd {

     

       21
       21
       +
         margin-block-end: 0;

     

       22
       22
       +
       }

     

       23
       23
       +
       

     

       24
       24
       +
       /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */

     

       25
       25
       +
       ul[role='list'],

     

       26
       26
       +
       ol[role='list'] {

     

       27
       27
       +
         list-style: none;

     

       28
       28
       +
       }

     

       29
       29
       +
       

     

       30
       30
       +
       /* Set core body defaults */

     

       31
       31
       +
       body {

     

       32
       32
       +
         min-height: 100vh;

     

       33
       33
       +
         line-height: 1.5;

     

       34
       34
       +
       }

     

       35
       35
       +
       

     

       36
       36
       +
       /* Set shorter line heights on headings and interactive elements */

     

       37
       37
       +
       h1, h2, h3, h4,

     

       38
       38
       +
       button, input, label {

     

       39
       39
       +
         line-height: 1.1;

     

       40
       40
       +
       }

     

       41
       41
       +
       

     

       42
       42
       +
       /* Balance text wrapping on headings */

     

       43
       43
       +
       h1, h2,

     

       44
       44
       +
       h3, h4 {

     

       45
       45
       +
         text-wrap: balance;

     

       46
       46
       +
       }

     

       47
       47
       +
       

     

       48
       48
       +
       /* A elements that don't have a class get default styles */

     

       49
       49
       +
       a:not([class]) {

     

       50
       50
       +
         text-decoration-skip-ink: auto;

     

       51
       51
       +
         color: currentColor;

     

       52
       52
       +
       }

     

       53
       53
       +
       

     

       54
       54
       +
       /* Make images easier to work with */

     

       55
       55
       +
       img,

     

       56
       56
       +
       picture {

     

       57
       57
       +
         max-width: 100%;

     

       58
       58
       +
         display: block;

     

       59
       59
       +
       }

     

       60
       60
       +
       

     

       61
       61
       +
       /* Inherit fonts for inputs and buttons */

     

       62
       62
       +
       input, button,

     

       63
       63
       +
       textarea, select {

     

       64
       64
       +
         font-family: inherit;

     

       65
       65
       +
         font-size: inherit;

     

       66
       66
       +
       }

     

       67
       67
       +
       

     

       68
       68
       +
       /* Make sure textareas without a rows attribute are not tiny */

     

       69
       69
       +
       textarea:not([rows]) {

     

       70
       70
       +
         min-height: 10em;

     

       71
       71
       +
       }

     

       72
       72
       +
       

     

       73
       73
       +
       /* Anything that has been anchored to should have extra scroll margin */

     

       74
       74
       +
       :target {

     

       75
       75
       +
         scroll-margin-block: 5ex;

     

       76
       76
       +
       }

+78

site/ruru/index.html

···

       1
       1
       +
       <!DOCTYPE html>

     

       2
       2
       +
       <html lang="en">

     

       3
       3
       +
       

     

       4
       4
       +
       <head>

     

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

     

       6
       6
       +
       	<meta name="viewport" content="width=device-width, initial-scale=1.0">

     

       7
       7
       +
       	<meta name="author" content="kat, girlonthemoon.xyz">

     

       8
       8
       +
       	<meta name="description" content="in the orange light: for dambara ruru">

     

       9
       9
       +
       

     

       10
       10
       +
       	<link rel="icon" type="image/x-icon" href="assets/images/favicon.png">

     

       11
       11
       +
       	<link rel="stylesheet" href="assets/styles/reset.css">

     

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

     

       13
       13
       +
       

     

       14
       14
       +
       	<title>in the orange light</title>

     

       15
       15
       +
       </head>

     

       16
       16
       +
       

     

       17
       17
       +
       <body>

     

       18
       18
       +
       

     

       19
       19
       +
       <div id="wrapper">

     

       20
       20
       +
       	<main>

     

       21
       21
       +
       		<hgroup>

     

       22
       22
       +
       			<h1>in the orange light</h1>

     

       23
       23
       +
       			<p>dedicated to <i>Dambara Ruru</i>.</p>

     

       24
       24
       +
       			<p><small>(created for <a href="https://html.energy/html-day/2025/index.html">HTML day 2025</a>!)</small></p>

     

       25
       25
       +
       		</hgroup>

     

       26
       26
       +
       

     

       27
       27
       +
       		<article>

     

       28
       28
       +
       			<section id="about">

     

       29
       29
       +
       				<h2>Who is Dambara Ruru?</h2>

     

       30
       30
       +
       

     

       31
       31
       +
       				<p><i>Dambara Ruru</i> is a member of the j-pop idol group <i>Juice=Juice</i>! She is, as of 2025, their leader, and has been a member since 2017.</p>

     

       32
       32
       +
       

     

       33
       33
       +
       				<p><i>Ruru</i> joined <i>Hello! Project</i> in 2013 as a trainee, hoping to join their flagship group, <i>Morning Musume</i>. As a former student of the famous Hiroshima talent school, her dream of becoming an idol was born through <i>Sayashi Riho</i>, a fellow student who went on to join Morning Musume. Inspired by Riho, <i>Ruru</i> would go on to audition, and successfully become a Hello! Project trainee.</p>

     

       34
       34
       +
       

     

       35
       35
       +
       				<p>In the years she was a trainee, <i>Ruru</i> would work hard to join a Hello! Project group. By 2017, she would find her wish granted, as it was announced that she would be part of the second generation of Juice=Juice, which was initially formed with six members in 2013.</p>

     

       36
       36
       +
       				<p><i>Ruru</i> would make her official debut with Juice=Juice with the song <i>Fiesta! Fiesta!</i>, a fiery, intense song that <i>Ruru</i> would deliver the opening lines to. Her intro to the song would become iconic; her fierce delivery would set the tone for the song that would follow.</p>

     

       37
       37
       +
       

     

       38
       38
       +
       				<p>As of 2025, <i>Ruru</i> has gone from a hopeful, newly debuted idol to the leader of the group she was once new to. Known for her friendliness and dedication to being an idol, as well as her sunny smile and strong vocals, it's hard not to love <i>Dambara Ruru</i>!</p>

     

       39
       39
       +
       			</section>

     

       40
       40
       +
       

     

       41
       41
       +
       			<section id="fan-story">

     

       42
       42
       +
       				<h2>My story as a Dambara Ruru kami-oshi</h2>

     

       43
       43
       +
       

     

       44
       44
       +
       				<p>I first became a fan of <i>Dambara Ruru</i> in late 2019. Being a new fan of Hello! Project, I was first a fan of <i>Suzuki Airi</i>, who had long since graduated from idol life into a solo career. I found <i>Ruru</i> through other fans, initially; as she is favored by Western fans, and especially known for her vocal prowess, it was not long until I discovered her. As soon as I started watching videos of her performing and interacting with her fellow members, I fell in LOVE!</p>

     

       45
       45
       +
       

     

       46
       46
       +
       				<p>Through the years, <i>Ruru</i> has become a massive emotional support for me. As my personal life grew more difficult, <i>Ruru</i> was always there for me in spirit; I always had pictures of her to smile at, videos of her to feel pride from, and so much more. <i>Ruru</i> has been there for me through the toughest times, and I will always treasure the day I discovered her for that reason. <span aria-label="teary face">:')</span> </p>

     

       47
       47
       +
       			</section>

     

       48
       48
       +
       

     

       49
       49
       +
       			<section id="propaganda">

     

       50
       50
       +
       				<h2>Dambara Ruru propaganda!</h2>

     

       51
       51
       +
       

     

       52
       52
       +
       				<p>Still not convinced? <i>Ruru</i> <del>propaganda</del> advertising is here to help! There's a sampling of videos featuring <i>Ruru</i> below for you to decide whether or not you are ready to accept her as your lord and savior— I mean, your oshi.</p>

     

       53
       53
       +
       

     

       54
       54
       +
       				<details>

     

       55
       55
       +
       					<summary>Ruru videos!</summary>

     

       56
       56
       +
       					

     

       57
       57
       +
       					<h3>friendliness</h3>

     

       58
       58
       +
       						<iframe width="500" height="300" src="https://www.youtube.com/embed/PdNdG94IGso" title="Dambara Ruru visits Hayashi Niina&#39;s home to welcome her as Juice=Juice&#39;s new member" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

     

       59
       59
       +
       

     

       60
       60
       +
       						<iframe width="500" height="300" src="https://www.youtube.com/embed/rY5UfW90yiE" title="Dambara Ruru talks about a song that brings back a memory of Uemura Akari" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

     

       61
       61
       +
       

     

       62
       62
       +
       						<iframe width="500" height="300" src="https://www.youtube.com/embed/xXRyeRgjbYY" title="Dambara Ruru talks about what led to her auditioning" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

     

       63
       63
       +
       					<h3>vocals</h3>

     

       64
       64
       +
       						<iframe width="500" height="300" src="https://www.youtube.com/embed/e_yuH2bMBpc" title="プラスティック・ラブ(Acoustic ver.)  段原瑠々" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

     

       65
       65
       +
       

     

       66
       66
       +
       						<iframe width="500" height="300" src="https://www.youtube.com/embed/YVsMJlwGtJQ" title="Manatsu no Kaijitsu" frameborder="0"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

     

       67
       67
       +
       

     

       68
       68
       +
       						<iframe width="500" height="300" src="https://www.youtube.com/embed/_YZf11CEuSg" title="Juice=Juice 段原瑠々 『真夏の果実』Cover" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

     

       69
       69
       +
       				</details>

     

       70
       70
       +
       			</section>

     

       71
       71
       +
       		</article>

     

       72
       72
       +
       		

     

       73
       73
       +
       	</main>

     

       74
       74
       +
       </div>

     

       75
       75
       +
       

     

       76
       76
       +
       </body>

     

       77
       77
       +
       

     

       78
       78
       +
       </html>

+16

site/txt/index.txt

···

       1
       1
       +
       [38;5;105m			~*~ kat, 20, she/her. ~*~[38;5;189m

     

       2
       2
       +
       

     

       3
       3
       +
       

     

       4
       4
       +
       [38;5;153m	i like computers and music and other irrelevant stuff.[38;5;189m

     

       5
       5
       +
       [38;5;153m	i have several servers at home and i never shut up about them. my server[38;5;189m

     

       6
       6
       +
       [38;5;153m	related hobbies include spinning up random docker containers, hosting sites[38;5;189m

     

       7
       7
       +
       [38;5;153m	no one will use, and breaking my home internet router, among other things.[38;5;189m

     

       8
       8
       +
       

     

       9
       9
       +
       

     

       10
       10
       +
       [38;5;153m	in my spare time i can be found messing with my servers and deploying sites [38;5;189m

     

       11
       11
       +
       [38;5;153m	for fun. servers are a huge passion for me and i am ecstatic anytime someone[38;5;189m

     

       12
       12
       +
       [38;5;153m	shows interest in them. feel free to talk to me anytime about my work and[38;5;189m

     

       13
       13
       +
       [38;5;153m	about servers in general.[38;5;189m

     

       14
       14
       +
       

     

       15
       15
       +
       

     

       16
       16
       +
       [38;5;105m			    girlonthemoon.xyz[38;5;189m

+42

site/txt/make-index.sh

···

       1
       1
       +
       #!/usr/bin/env bash

     

       2
       2
       +
       # mostly borrowed from ysap.sh

     

       3
       3
       +
       

     

       4
       4
       +
       source ./theme.sh || exit 1

     

       5
       5
       +
       

     

       6
       6
       +
       readarray -t BODY1 << "EOF"

     

       7
       7
       +
       			~*~ kat, 20, she/her. ~*~

     

       8
       8
       +
       EOF

     

       9
       9
       +
       

     

       10
       10
       +
       readarray -t BODY2 << EOF

     

       11
       11
       +
       	i like computers and music and other irrelevant stuff.

     

       12
       12
       +
       	i have several servers at home and i never shut up about them. my server

     

       13
       13
       +
       	related hobbies include spinning up random docker containers, hosting sites

     

       14
       14
       +
       	no one will use, and breaking my home internet router, among other things.

     

       15
       15
       +
       EOF

     

       16
       16
       +
       

     

       17
       17
       +
       readarray -t BODY3 << "EOF"

     

       18
       18
       +
       	in my spare time i can be found messing with my servers and deploying sites 

     

       19
       19
       +
       	for fun. servers are a huge passion for me and i am ecstatic anytime someone

     

       20
       20
       +
       	shows interest in them. feel free to talk to me anytime about my work and

     

       21
       21
       +
       	about servers in general.

     

       22
       22
       +
       EOF

     

       23
       23
       +
       

     

       24
       24
       +
       readarray -t URL << "EOF"

     

       25
       25
       +
       			    girlonthemoon.xyz

     

       26
       26
       +
       EOF

     

       27
       27
       +
       

     

       28
       28
       +
       for line in "${BODY1[@]}"; do

     

       29
       29
       +
       	echo "$COLOR1$line$RST"

     

       30
       30
       +
       done

     

       31
       31
       +
       echo -e "\n"

     

       32
       32
       +
       for line in "${BODY2[@]}"; do

     

       33
       33
       +
       	echo "$COLOR2$line$RST"

     

       34
       34
       +
       done

     

       35
       35
       +
       echo -e "\n"

     

       36
       36
       +
       for line in "${BODY3[@]}"; do

     

       37
       37
       +
       	echo "$COLOR2$line$RST"

     

       38
       38
       +
       done

     

       39
       39
       +
       echo -e "\n"

     

       40
       40
       +
       for line in "${URL[@]}"; do

     

       41
       41
       +
       	echo "$COLOR1$line$RST"

     

       42
       42
       +
       done

site/assets/images/video_poster.jpg

This is a binary file and will not be displayed.

+14 -9

site/docs.php

···

       13
       13
        
       

     

       14
       14
        
       <main>

     

       15
       15
        
       	<header>

     

       16
       16
       -
       		<h1 class="highlight">documentation</h1>

     

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

     

       17
       17
        
       	</header>

     

       18
       18
        
       

     

       19
       19
       -
       		<ul>

     

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

     

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

     

       22
       22
       -
       			<li><a href="https://stash.4-walls.net/irc1/" class="highlight">hosting soju + gamja with docker</a><br>

     

       23
       23
       -
       				<span class="desc">how to deploy the IRC gamja web client & soju bouncer software in docker</span></li>

     

       24
       24
       -
       			<li><a href="https://superlove.sayitditto.net/works/338" class="highlight">OTW-archive paperclip to active storage</a><br>

     

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

     

       26
       26
       -
       		</ul>

     

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

     

       20
       20
       +
       

     

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

     

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

     

       24
       24
       +
       		<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
       25
       +
       			<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>

     

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

     

       30
       30
       +
       	</dl>

     

       31
       31
       +
       	

     

       27
       32
        
       </main>

     

       28
       33
        
       

     

       29
       34
        
       </body>

+3 -1

README.md

···

       3
       3
        
       ![queer](https://pride-badges.pony.workers.dev/static/v1?label=queer&labelColor=%23555&stripeWidth=8&stripeColors=E40303%2CFF8C00%2CFFED00%2C008026%2C24408E%2C732982) ![lesbian](https://pride-badges.pony.workers.dev/static/v1?label=lesbian&labelColor=%23555&stripeWidth=6&stripeColors=D52D00%2CEF7627%2CFF9A56%2CFFFFFF%2CD162A4%2CB55690%2CA30262)

     

       4
       4
        
        ![trans rights](https://pride-badges.pony.workers.dev/static/v1?label=trans%20rights&stripeWidth=6&stripeColors=5BCEFA,F5A9B8,FFFFFF,F5A9B8,5BCEFA)

     

       5
       5
        
       

     

       6
       6
       -
       kat's personal site

     

       6
       6
       +
       *[why do you look so blue?](https://www.youtube.com/watch?v=7_Bav4c7UGM)*

     

       7
       7
       +
       

     

       8
       8
       +
       kat's personal/IRL-facing site.

     

       7
       9
        
       

     

       8
       10
        
       ## curl exclusives

     

       9
       11

-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

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

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

+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