commit fefe6a8c32c27e756eb222e15ae8c64c45ef0df2 · katproto.girlonthemoon.xyz/girlonthemoon

+5

caddy/Caddyfile

···

       1
       1
       +
       :80 {

     

       2
       2
       +
       	root * /var/www/gotm

     

       3
       3
       +
       	php_fastcgi php-fpm-gotm:9000

     

       4
       4
       +
       	file_server

     

       5
       5
       +
       }

+21

docker-compose.yml

···

       1
       1
       +
       services:

     

       2
       2
       +
         caddy-gotm:

     

       3
       3
       +
           container_name: caddy-gotm

     

       4
       4
       +
           image: docker.io/caddy

     

       5
       5
       +
           user: "1000:1000"

     

       6
       6
       +
           volumes:

     

       7
       7
       +
             - ./caddy/Caddyfile:/etc/caddy/Caddyfile

     

       8
       8
       +
             - ./caddy/data/caddy-data:/data

     

       9
       9
       +
             - ./caddy/data/caddy-config:/config

     

       10
       10
       +
             - ./site:/var/www/gotm

     

       11
       11
       +
           ports:

     

       12
       12
       +
             - "56884:80"

     

       13
       13
       +
           restart: always

     

       14
       14
       +
         php-fpm-gotm:

     

       15
       15
       +
           container_name: php-fpm-gotm

     

       16
       16
       +
           image: docker.io/php:8.2-fpm

     

       17
       17
       +
           user: "1000:1000"

     

       18
       18
       +
           volumes:

     

       19
       19
       +
             - ./site:/var/www/gotm

     

       20
       20
       +
           ports:

     

       21
       21
       +
             - "52320:9000"

site/assets/fonts/Raleway-VariableFont_wght.ttf

This is a binary file and will not be displayed.

site/assets/images/139.png

This is a binary file and will not be displayed.

site/assets/images/81824br5uyrfrsr.gif

This is a binary file and will not be displayed.

site/assets/images/me.webp

This is a binary file and will not be displayed.

+41

site/assets/misc/pgp.txt

···

       1
       1
       +
       -----BEGIN PGP PUBLIC KEY BLOCK-----

     

       2
       2
       +
       

     

       3
       3
       +
       mQGNBGdgjx0BDADDLbeXuHS4HQlRdgjmG876I2pVEI8z51Qjpdc574Glw1l/Bz8y

     

       4
       4
       +
       ZPCKRf+FgYdhfiw9BJ5dTl4btF0r4C8nOWG3ZDCu9nLhIgYk47X24f8aOOugrp2L

     

       5
       5
       +
       NJSVwr+cUOPS0GxsHUiOyBHd7sD/oRUyXl/VJuGKFg4zjrKRP7+PizapoM7CnH4g

     

       6
       6
       +
       f2rOjFqpHbxLEtyEdl7KAvlHtfVrkl1LrZM05SRDygUvKzaevKJ1DFx/uXCWQY3R

     

       7
       7
       +
       r95SeFVXVP8Xgmq71DbH8ilUJVIj4+A3RZuUaCZJeuobpUWxr8eUaGwFXWVS+HgV

     

       8
       8
       +
       OOnFfa3DtXQtFU14tUjhJWj7/Wiwj7JdN3R0dpW4JDC+VK78eChbK9HFPi0ctAiW

     

       9
       9
       +
       LbwHMcbCEuIyumCFbRC7huPGprutgwu3/Grwy/YYPQTOzTpHU+anwq4TYyZf2GOH

     

       10
       10
       +
       n2TN9Ol3vs0vjMOHFo+onotr04CV8k0UFCDeRGVvqjyOBNsYBqKbESuajb68ATOl

     

       11
       11
       +
       fqKxn7OJgImCk4kAEQEAAbQmbGFjaGVzaXMgPHdpdG5lc3NsYWNoZXNpc0BkaXNy

     

       12
       12
       +
       b290Lm9yZz6JAdQEEwEKAD4WIQRTD2yQSczerheZ3IswxFbo3SttOAUCZ2CPHQIb

     

       13
       13
       +
       AwUJA8JnAAULCQgHAgYVCgkICwIEFgIDAQIeAQIXgAAKCRAwxFbo3SttOIzrC/0f

     

       14
       14
       +
       w02XU+kf9jj/ExCYVB+Fn+7P0rFtYWNKl4E4+otWmQjb9+9fPZeTSYUBwqIdwSo6

     

       15
       15
       +
       JXCWzkON1pQClADciQO/HyuBhKwvVQfA7G97HQVeIHXnNrjH48P6EwFygIdctgDD

     

       16
       16
       +
       M0R9WjVahsQ/8xVfJ4DtpmcDK2gFEI5bJSUrWmWlxOb/Oduwue5/WQckRTQv715g

     

       17
       17
       +
       ngGQHtaXOkf3oI+ZOfL31bl6r7+OU8poGYYd0BLnpQdPQN4xSHQPdkfhq2Fcw/S1

     

       18
       18
       +
       1BRK8p4wcecnkPiTunCha/+6bpNql+lLROPXTmiUf3GvmKCHCqpjwl7sIWSQp65t

     

       19
       19
       +
       hUcYJ4UrcXLUaZdvEz2Y371vR0h9syv1DTP6yjOuMMwB6YHaA+OF2RpzJ8wHYalj

     

       20
       20
       +
       DfijNnwPyM4lQBpBeMKodSfDmAPijCyVeQXQga3okHW4vM72RQQV0Q01hweWwlzD

     

       21
       21
       +
       54NK/nqJGpDlA2mMEw/U3wXR9f3eAEXe2BrkagkGs5m4BPuDX3MfjpQIEPwPZ1G5

     

       22
       22
       +
       AY0EZ2CPHQEMAK7Cdtkk8F8fOaI0EmWDj2QekFJX/GYMIWaWye8IybaZV79RTxSJ

     

       23
       23
       +
       RXlAkZju2XRMzlQW6opnozMHMoVUPC6wF3GFAn2tdyQP28jTpYsfbnOakL5hFBQ1

     

       24
       24
       +
       QFab93BBxJifoqmZUwwVdKKOOj4nyOc3PuJ2QdGb4W/OpLMvG1OYqbHLMjZ8pUn6

     

       25
       25
       +
       WRcqC6KlPQS8ftMQqn8PyI0nlFGWC6fGePugHhzwF1n6QETgX5Vy2OLtcWVKN//G

     

       26
       26
       +
       EttUKtbwdqYJBKPoVQtz5odv2QgoLCGOm1HSklFqjmW+JZfZ6/+L9CmVmTqSwYUO

     

       27
       27
       +
       dik8OlRWA7iWCxlsQmspKLqCgPEkdjR8Zx5n8ZHsm6KzeEtngfG0FbC/ZqeaoLlX

     

       28
       28
       +
       0WWzd5n0nCxGJvnvDmQogOR+XHzMYDkBo7s8tDs943E8MdchA4CAG7Rq8VKtXOZs

     

       29
       29
       +
       0uBvVf2DYErMLV+VGTG8lYg0HeD+jYUX8Rt8J6xk70/7q5KQK54is7sTmSE4JwQs

     

       30
       30
       +
       Ge6HXz9im5G2HwARAQABiQG8BBgBCgAmFiEEUw9skEnM3q4XmdyLMMRW6N0rbTgF

     

       31
       31
       +
       Amdgjx0CGwwFCQPCZwAACgkQMMRW6N0rbTjcwQv+LHdzyniGQ5nwUWWBpwW7X5Lc

     

       32
       32
       +
       3H79HgA0jskzrRO6G5Fb/oYfJXtUnwYzyRjwcB0fkcn2hs07Kjo4d5hL1XtPqg9u

     

       33
       33
       +
       0wdnuowZ0lhExkuxmdLlVFjKnSgQ1oq7r6i7Lx8ACf2SBzYxXbEil4uYmsE/p856

     

       34
       34
       +
       2lzjkL/yUoSjz0/zF+P7xu093FMrT52HUqwDatIC2vdxqN/EamWUyxHihOx79Z8E

     

       35
       35
       +
       yERXqXM7pD2P/8LCG8ilgvmJG9Y7hcaxaoMc2W6rOhkhEk5jw4e03zy+DAWzHDky

     

       36
       36
       +
       bJp4ARlQWHwtQpwWP0Takh5E3AvbzYkcDGqaQ1mqd240zyzrs/R5gFEt3qiTKaBW

     

       37
       37
       +
       Z/m3tip0weXuLwrEGq72LK+3L4AisZZDc/vGYp1CitP0QIJ67fgN2up0CJiXLQxq

     

       38
       38
       +
       iyRY2HjUh2jNLbzbxXRS0r82M9yDGme9fTlLTd+Xgkj7ZzDjFICVTgxi4AKXqhtY

     

       39
       39
       +
       KcBDKnpTS/G81aCk12UTDvYSl2h7dMAbr1Ij9dOX

     

       40
       40
       +
       =gwXq

     

       41
       41
       +
       -----END PGP PUBLIC KEY BLOCK-----

+103

site/assets/styles/main.css

···

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

     

       2
       2
       +
         main {

     

       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
       +
           /* position: absolute; */

     

       8
       8
       +
           /* top: 50%; */

     

       9
       9
       +
           /* left: 50%; */

     

       10
       10
       +
           /* transform: translateX(-50%) translateY(-50%); */

     

       11
       11
       +
         }

     

       12
       12
       +
       }

     

       13
       13
       +
       

     

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

     

       15
       15
       +
         main {

     

       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
       +
           /* position: absolute; */

     

       21
       21
       +
           /* top: 50%; */

     

       22
       22
       +
           /* left: 50%; */

     

       23
       23
       +
           /* transform: translateX(-50%) translateY(-50%); */

     

       24
       24
       +
         }

     

       25
       25
       +
       }

     

       26
       26
       +
       

     

       27
       27
       +
       body {

     

       28
       28
       +
       margin: 0;

     

       29
       29
       +
       background: url('../images/139.png');

     

       30
       30
       +
       }

     

       31
       31
       +
       

     

       32
       32
       +
       @font-face {

     

       33
       33
       +
       font-family: 'Raleway';

     

       34
       34
       +
       font-weight: 400;

     

       35
       35
       +
       src: url('../fonts/Raleway-VariableFont_wght.ttf') 

     

       36
       36
       +
       }

     

       37
       37
       +
       

     

       38
       38
       +
       main {

     

       39
       39
       +
       width: 30%;

     

       40
       40
       +
       min-height: 300px;

     

       41
       41
       +
       background: #fff;

     

       42
       42
       +
       padding: 1em;

     

       43
       43
       +
       margin: auto;

     

       44
       44
       +
       color: #1e6899;

     

       45
       45
       +
       font: 1rem 'Raleway', sans-serif;

     

       46
       46
       +
       }

     

       47
       47
       +
       

     

       48
       48
       +
       img.meimg {

     

       49
       49
       +
       	width: 100%;

     

       50
       50
       +
       	object-fit: contain;

     

       51
       51
       +
       }

     

       52
       52
       +
       

     

       53
       53
       +
       h1,h2,h3,h4 {

     

       54
       54
       +
       font-family: 'Raleway', sans-serif;

     

       55
       55
       +
       color: #330099;

     

       56
       56
       +
       margin: 0 auto 0 auto;

     

       57
       57
       +
       text-transform: uppercase;

     

       58
       58
       +
       text-align: center;

     

       59
       59
       +
       font-weight: 200;

     

       60
       60
       +
       }

     

       61
       61
       +
       

     

       62
       62
       +
       ul {

     

       63
       63
       +
       padding-left: 1em;

     

       64
       64
       +
       }

     

       65
       65
       +
       

     

       66
       66
       +
       ul li {

     

       67
       67
       +
       margin: .5em 0 .5em 0;

     

       68
       68
       +
       }

     

       69
       69
       +
       

     

       70
       70
       +
       

     

       71
       71
       +
       ::selection {

     

       72
       72
       +
       color: #fff;

     

       73
       73
       +
       background: #330099;

     

       74
       74
       +
       }

     

       75
       75
       +
       

     

       76
       76
       +
       .highlight {

     

       77
       77
       +
       background: #9999ff;

     

       78
       78
       +
       color: #fff;

     

       79
       79
       +
       display: inline;

     

       80
       80
       +
       }

     

       81
       81
       +
       

     

       82
       82
       +
       .desc::before {

     

       83
       83
       +
       content: "↳";

     

       84
       84
       +
       color: #330099;

     

       85
       85
       +
       }

     

       86
       86
       +
       

     

       87
       87
       +
       a:link, a:link:active, a:visited, a:visited:active {

     

       88
       88
       +
       color: #5656e1;

     

       89
       89
       +
       text-decoration-thickness: 1px;

     

       90
       90
       +
       }

     

       91
       91
       +
       

     

       92
       92
       +
       a:hover {

     

       93
       93
       +
       text-decoration: none;

     

       94
       94
       +
       }

     

       95
       95
       +
       

     

       96
       96
       +
       a:link.highlight, a:link:active.highlight, a:visited.highlight, a:visited:active.highlight {

     

       97
       97
       +
       color: #fff;

     

       98
       98
       +
       text-decoration: none;

     

       99
       99
       +
       }

     

       100
       100
       +
       

     

       101
       101
       +
       a:hover.highlight, a:hover.highlight::selection {

     

       102
       102
       +
       background: #746fd4;

     

       103
       103
       +
       }

+30

site/docs.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 :: documentation</title>

     

       11
       11
       +
       

     

       12
       12
       +
       </head>

     

       13
       13
       +
       

     

       14
       14
       +
       <body>

     

       15
       15
       +
       

     

       16
       16
       +
       <article>

     

       17
       17
       +
       <p><span class="highlight">documentation</span></p>

     

       18
       18
       +
       <ul>

     

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

     

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

     

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

     

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

     

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

     

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

     

       25
       25
       +
       </ul>

     

       26
       26
       +
       </article>

     

       27
       27
       +
       

     

       28
       28
       +
       </body>

     

       29
       29
       +
       

     

       30
       30
       +
       </html>

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

+8

site/head.php

···

       1
       1
       +
       <head>

     

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

     

       3
       3
       +
       

     

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

     

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

     

       6
       6
       +
       

     

       7
       7
       +
       	<title>girl on the moon</title>

     

       8
       8
       +
       </head>

+19

site/httpheaders.php

···

       1
       1
       +
       <?php

     

       2
       2
       +
       

     

       3
       3
       +
       $clacks = array (

     

       4
       4
       +
       	"Aaron Swartz",

     

       5
       5
       +
       	"Mira Bellwether",

     

       6
       6
       +
       	"SOPHIE",

     

       7
       7
       +
       	"Jason David Frank",

     

       8
       8
       +
       	"Choi Jinri",

     

       9
       9
       +
       	"Technoblade",

     

       10
       10
       +
       	"Thuy Trang",

     

       11
       11
       +
       	"wowaka"

     

       12
       12
       +
       );

     

       13
       13
       +
       

     

       14
       14
       +
       $key = array_rand($clacks);

     

       15
       15
       +
       $res = $clacks[$key];

     

       16
       16
       +
       

     

       17
       17
       +
       header('X-Clacks-Overhead: '."$res")

     

       18
       18
       +
       

     

       19
       19
       +
       ?>

+35

site/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
       +
       <?php include "head.php" ?>

     

       10
       10
       +
       

     

       11
       11
       +
       <body>

     

       12
       12
       +
       

     

       13
       13
       +
       <main>

     

       14
       14
       +
       	<img class="meimg" src="assets/images/me.webp" alt="a photo of me playing guitar with a sort of bored but thoughtful expression on my face. the image is edited to have half tones and noise, and is black and white">

     

       15
       15
       +
       

     

       16
       16
       +
       	<p><span class="highlight">kat, 20, 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>

     

       17
       17
       +
       

     

       18
       18
       +
       	<p>some of my work:</p>

     

       19
       19
       +
       	

     

       20
       20
       +
       	<ul>

     

       21
       21
       +
       		<li><a href="https://superlove.sayitditto.net/" class="highlight">superlove</a>, an independent writing community powered by the software made for the largest fanfiction site in the world, <a href="https://archiveofourown.org/"><abbr title="archive of our own">AO3</abbr></a></li>

     

       22
       22
       +
       		<li><a href="https://www.love4eva.net/" class="highlight">love4eva</a>, a small journaling community powered by the software behind <a href="https://www.dreamwidth.org/">dreamwidth</a> (a fork of livejournal)</li>

     

       23
       23
       +
       		<li><a href="https://bubblegum.girlonthemoon.xyz/" class="highlight">my blog</a>, created to learn ruby on rails</li>

     

       24
       24
       +
       		<li>and more!</li>

     

       25
       25
       +
       	</ul>

     

       26
       26
       +
       

     

       27
       27
       +
       	<p>in my spare time i can be found messing with my servers and deploying sites for fun. servers are a huge passion for me and i am ecstatic anytime someone shows interest in them. feel free to talk to me anytime about my work and about servers in general.</p>

     

       28
       28
       +
       

     

       29
       29
       +
       	<?php include "nav.php" ?>

     

       30
       30
       +
       

     

       31
       31
       +
       	<div style="text-align:center;"><img src="assets/images/81824br5uyrfrsr.gif" alt="a 3D animated pink and gray cat dancing on two legs'"></div>

     

       32
       32
       +
       </main>

     

       33
       33
       +
       

     

       34
       34
       +
       </body>

     

       35
       35
       +
       </html>

+7

site/nav.php

···

       1
       1
       +
       <nav>

     

       2
       2
       +
       	<p>🔗 <a href="docs.html">docs</a></p>

     

       3
       3
       +
       

     

       4
       4
       +
       	<p>🌐 <a href="https://bubblegum.girlonthemoon.xyz/">blog</a>, <a href="mailto:witnesslachesis@disroot.org">email</a>, <a href="assets/misc/pgp.txt">PGP key</a></p>

     

       5
       5
       +
       

     

       6
       6
       +
       	<p>💙 <a href="https://www.patreon.com/c/girlonthemoon">patreon</a>, <a href="https://ko-fi.com/girlonthemoon">ko-fi</a></p>

     

       7
       7
       +
       </nav>