pogmommy/pogmomme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

2026 restructure part 1

Browse source
This commit is contained in:
Penelope Gwen 2026-01-08 00:19:31 -08:00
parent 1e539a7742
commit 1cc6dcdbab
8 changed files with 209 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
assets/cdn/pdf/archive-feudalism-and-digital-literacy_penelope-gomez.pdf → assets/pdf/archive-feudalism-and-digital-literacy_penelope-gomez.pdf
View file

2
assets/views/footer.html
View file

@ -1,7 +1,7 @@
<div class="flexrow footer"> <div class="flexrow footer">
<div class="wrapgroup"> <div class="wrapgroup">
<div class="flexobject button pinkborder"> <div class="flexobject button pinkborder">
<a href="https://pogmom.me"> <a href="/">
<img title="Home Button" alt="Home icon" src="/assets/img/icons/social/home.svg"> <img title="Home Button" alt="Home icon" src="/assets/img/icons/social/home.svg">
</a> </a>
</div> </div>

52
index.html
View file

@ -9,19 +9,21 @@
</head> </head>
<body> <body>
<h1>Penelope Gwen</h1> <h1>Penelope Gwen</h1>
<h3 class="pronouns">it/its/she/her</h3> <h3 class="pronouns">it/its, she/her</h3>
<h2>Software Development & Sociology</h2> <h2>Software Development & Sociology</h2>
<hr> <hr>
<div class="pagelayout"> <div class="pagelayout">
<div class="pinkborder sidebar"> <div class="pinkborder sidebar">
<div> <div>
<img id="rattos-image" class="sidebar-image" alt="seven rats on two foot by two foot section of leather couch, walled in together by cardboard barricades on the left and right. Five rats are cuddling in back-right corner. One rat is laying toward the front-left corner, staring outward away from couch. One Rat is standing upright at front-right corner, feet facing the back of couch with torso turned to look outward from couch." src="/assets/img/rattos/mischief_of_rats_hanging_out_on_couch.webp"></img> <img id="rattos-image" class="sidebar-image" alt="seven rats on two foot by two foot section of leather couch, walled in together by cardboard barricades on the left and right. Five rats are cuddling in back-right corner. One rat is laying toward the front-left corner, staring outward away from couch. One Rat is standing upright at front-right corner, feet facing the back of couch with torso turned to look outward from couch." src="/assets/img/rattos/mischief_of_rats_hanging_out_on_couch.webp">
<script src="/style/js/rattos.js"></script> <script src="/style/js/rattos.js"></script>
<p class="sidebar-caption">Please enjoy a picture of my sons :&rpar;</p> <p class="sidebar-caption">Please enjoy a picture of my sons :&rpar;</p>
</div>
<div>
<a href="https://git.pogmom.me/pogmommy/pogmomme/src/branch/main/assets/img/webring/pogmommy/"> <a href="https://git.pogmom.me/pogmommy/pogmomme/src/branch/main/assets/img/webring/pogmommy/">
<img title="Want to link back here? Feel free to use one of my buttons! (click to view folder)" class="sidebar-webring" alt="Pogmommy website icon" src="/assets/img/webring/pogmommy/1056x372.webp"></img> <img title="Want to link back here? Feel free to use one of my buttons! (click to view folder)" class="sidebar-webring" alt="Pogmommy website icon" src="/assets/img/webring/pogmommy/1056x372.webp">
</a> </a>
<div id='random-buttons'> <div id="random-buttons">
</div> </div>
</div> </div>
<div id="now-playing" hidden="true"> <div id="now-playing" hidden="true">
@ -36,16 +38,14 @@
</a> </a>
</div> </div>
<div> <div>
<h3 class="sidebar-caption">Check out my friends!</h3> <h3 class="sidebar-caption">Check out my <span class="unhider">friends!</span></h3>
<a href="https://cassiecandles.net/"> <a href="https://cassiecandles.net/">
<img title="Cassie Candles" class="sidebar-webring" alt="Cassie Candles website icon" src="/assets/img/webring/cassiecandles/1056x372.webp"></img> <img title="Cassie Candles" class="sidebar-webring" alt="Cassie Candles website icon" src="/assets/img/webring/cassiecandles/1056x372.webp">
</a> </a>
<a href="https://hotn.gay/"> <a href="https://hotn.gay/">
<img title="TerminalLesbian" class="sidebar-webring" alt="TerminalLesbian website icon" src="/assets/img/webring/terminallesbian/1080x380.webp"></img> <img title="TerminalLesbian" class="sidebar-webring" alt="TerminalLesbian website icon" src="/assets/img/webring/terminallesbian/1080x380.webp">
</a> </a>
</div> <h3 class="sidebar-caption">Other Webrings</h3>
<div>
<h3 class="sidebar-caption">Webrings</h3>
<div class="webrings"> <div class="webrings">
<div class="sidebar-webring textonly"> <div class="sidebar-webring textonly">
<a href="https://baccyflap.com/noai" target="_blank">No AI webring</a><br> <a href="https://baccyflap.com/noai" target="_blank">No AI webring</a><br>
@ -73,27 +73,26 @@
<script src="https://transring.neocities.org/ring.js"></script> <script src="https://transring.neocities.org/ring.js"></script>
</div> </div>
<link rel="stylesheet" href="https://teethinvitro.neocities.org/webring/linuxring/script/onionring.css"> <link rel="stylesheet" href="https://teethinvitro.neocities.org/webring/linuxring/script/onionring.css">
<div class="sidebar-webring" id='linuxring'> <div class="sidebar-webring" id="linuxring">
<script type="text/javascript" src="https://teethinvitro.neocities.org/webring/linuxring/script/onionring-variables.js"></script> <script type="text/javascript" src="https://teethinvitro.neocities.org/webring/linuxring/script/onionring-variables.js"></script>
<script type="text/javascript" src="https://teethinvitro.neocities.org/webring/linuxring/script/onionring-widget.js"></script> <script type="text/javascript" src="https://teethinvitro.neocities.org/webring/linuxring/script/onionring-widget.js"></script>
</div> </div>
</div> </div>
</div> </div>
<div> <div>
<h3 class="sidebar-caption">Mastodon Feed</h3>
<a class="mastodon-feed" href="https://masto.pogmom.me/@pogmommy" data-toot-limit="3" data-toot-account-id="110533482420174821" data-exclude-replies="true" data-exclude-reblogs="true"><p id="emfed-placeholder" class="sidebar-caption">Enable javascript to load mastodon posts</p></a> <a class="mastodon-feed" href="https://masto.pogmom.me/@pogmommy" data-toot-limit="3" data-toot-account-id="110533482420174821" data-exclude-replies="true" data-exclude-reblogs="true"><p id="emfed-placeholder" class="sidebar-caption">Enable javascript to load mastodon posts</p></a>
</div> </div>
</div> </div>
<script type="module" src="https://esm.sh/emfed@1"></script> <script type="module" src="https://esm.sh/emfed@1"></script>
<script> <script>
document.getElementById("emfed-placeholder").innerHTML = ""; document.getElementById("emfed-placeholder").innerHTML = "";
// getNowPlaying();
</script> </script>
<div class="pagecontent"> <div class="pagecontent exclusive">
<div class="bubble"> <div class="bubble">
<p>I'm Penelope/pogmommy, a queer rat mom with a background in sociology, software development, and archivism.</p> <p>I'm Penelope/pogmommy, a queer rat mom with a background in sociology, software development, and archivism.<br>
<p></p> Below are some of the things I've been up to.</p>
</div> </div>
<h2>Projects</h2>
<div class="bubble"> <div class="bubble">
<h2>Pogmom Suite</h2> <h2>Pogmom Suite</h2>
<p>In an effort to avoid predatory data collection, hostile platform siezure, and <a href="https://media.defcon.org/DEF%20CON%2031/DEF%20CON%2031%20video%20and%20slides/An%20Audacious%20Plan%20to%20Halt%20the%20Internet%27s%20Enshittification%20-%20Cory%20Doctorow.mp4">enshittification</a> of the centralized internet, I host a collection of online services dubbed the 'Pogmom Suite'.</p> <p>In an effort to avoid predatory data collection, hostile platform siezure, and <a href="https://media.defcon.org/DEF%20CON%2031/DEF%20CON%2031%20video%20and%20slides/An%20Audacious%20Plan%20to%20Halt%20the%20Internet%27s%20Enshittification%20-%20Cory%20Doctorow.mp4">enshittification</a> of the centralized internet, I host a collection of online services dubbed the 'Pogmom Suite'.</p>
@ -101,6 +100,7 @@
<p>While security and practicality require that registration not be open to the general public, I am more than happy to offer advice and guidance to those interested in pursuing similar projects.</p> <p>While security and practicality require that registration not be open to the general public, I am more than happy to offer advice and guidance to those interested in pursuing similar projects.</p>
<p><a href="https://suite.pogmom.me">Learn More</a></p> <p><a href="https://suite.pogmom.me">Learn More</a></p>
</div> </div>
<div class="flexrow">
<div class="bubble"> <div class="bubble">
<h2>MusicBrainz Artist Monitoring</h2> <h2>MusicBrainz Artist Monitoring</h2>
<p>I do my best to honor the importance of the art and artists in my life by documenting their work on MusicBrainz, an open music encyclopedia.</p> <p>I do my best to honor the importance of the art and artists in my life by documenting their work on MusicBrainz, an open music encyclopedia.</p>
@ -109,15 +109,25 @@
</div> </div>
<div class="bubble"> <div class="bubble">
<h2>Software</h2> <h2>Software</h2>
<p>My current software development projects are primarily in Rust and Bash, targeting my own Linux server and desktop usage. In the past, I have developed software for Pebble smartwatches and Apple devices, both jailbroken and stock.</p> <p>My current software development projects are primarily in Rust and Bash, targeting my own Linux server and desktop usage.<br>
In the past, I have developed software for Pebble smartwatches and Apple devices, both jailbroken and stock.</p>
<p>Most of my software can be found at my <a href="https://git.pogmom.me/pogmommy/">Forgejo</a>, or at its mirror on <a href="https://codeberg.org/pogmommy">Codeberg</a>. My presence on <a href="https://github.com/pogmommy">Github</a> is limited to pull requests, discussion, and other contributions toward software hosted on the platform.</p> <p>Most of my software can be found at my <a href="https://git.pogmom.me/pogmommy/">Forgejo</a>, or at its mirror on <a href="https://codeberg.org/pogmommy">Codeberg</a>. My presence on <a href="https://github.com/pogmommy">Github</a> is limited to pull requests, discussion, and other contributions toward software hosted on the platform.</p>
<p>I also package software for the Debian operating system, which I distribute on my <a href="https://apt.pogmom.me">apt repository</a>.</p> <p>I also package software for the Debian operating system, which I distribute on my <a href="https://apt.pogmom.me">apt repository</a>.</p>
</div> </div>
</div>
<div class="flexrow">
<div class="bubble"> <div class="bubble">
<h2>Archives, Feudalism, and Digital Literacy</h2> <h2>Musings & Essays</h2>
<p>My undergraduate thesis synthesized my sociological studies with my aptitude for technology. Inspired by my work with my mentor, I spent the final year of my studies articulating the failure our our academic and employment infrastucture to foster digital literacy in the public.</p> <p>I want to write more! God knows I ramble plenty, and I'd like to start collecting those thoughts again.</p>
<p>While I consider my work on the topic far from finished, the version published here represents the spirit of my work and captures the motivation behind much of my other work.</p> <p>These might be less technical and more personal, veering into topics such as gender and spirituality.</p>
<p><a href="/assets/cdn/pdf/archive-feudalism-and-digital-literacy_penelope-gomez.pdf">Click to download</a></p> <p><a href="/musings.html">Click to Visit</a></p>
</div>
<div class="bubble">
<h2>Project Blog</h2>
<p>I'd like to start documenting the various projects I'm working on, especially those involving niche/old hardware!</p>
<p>If you have any interest in forcing linux onto ancient computers or abysmal soldering jobs, this'll probably be your thing.</p>
<p><a href="/plog.html">Click to Visit</a></p>
</div>
</div> </div>
</div> </div>
</div> </div>

48
musings.html Normal file
View file

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Penelope Gwen | Musings</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="/style/css/style.css">
<!-- <script src="/style/js/lastfm-nowplaying.js"></script>-->
</head>
<body>
<h1>Musings</h1>
<hr>
<div class="pagelayout">
<div class="pagecontent exclusive">
<div class="bubble">
<p>This is a space for thoughts I have and things I write, that I might eventually return to</p>
</div>
<div class="bubble">
<h2>I'm rats</h2>
<h3 class="timestamp">Created: 2026-01-08</h3>
<p>This topic is just a concept right now! This one was inspired by my son, after he passed away in January 2024. It's dedicated to him, his brothers past and future, and his other parent. All of whom I miss dearly.</p>
</div>
<div class="bubble">
<h2>My Experience with Queering of Religious Stories</h2>
<h3 class="timestamp">Created: 2026-01-07</h3>
<p>This topic is just a concept right now! It's inspired by and dedicated to my friend Euthie, who introduced me to <a href="https://musicbrainz.org/artist/4c6d5428-73f4-454b-bc93-6a8f016ee490">The Reverent Marigold</a> and their incredible music.</p>
</div>
<div class="bubble">
<h2>Archives, Feudalism, and Digital Literacy</h2>
<h3 class="timestamp">Created: 2023-09-12</h3>
<h3 class="timestamp">Updated: 2024-05-03</h3>
<p>My undergraduate thesis synthesized my sociological studies with my aptitude for technology. Inspired by my work with my mentor, I spent the final year of my studies articulating the failure our our academic and employment infrastucture to foster digital literacy in the public.</p>
<p>While I consider my work on the topic far from finished, the version published here represents the spirit of my work and captures the motivation behind much of my other work.</p>
<p><a href="/assets/pdf/archive-feudalism-and-digital-literacy_penelope-gomez.pdf">Click to download</a></p>
</div>
</div>
</div>
<hr>
<div id="footer">
<!--#include file="assets/views/footer.html" -->
</div>
<!-- <div id="footer"><p>Click <a href="https://pogmom.me/links.html">here</a> or enable javascript to view my social links</p></div>
<script src="/style/js/views.js"></script>-->
<script src="/style/js/buttons.js"></script>
<script src="/style/js/listenbrainz-nowplaying.js"></script>
</body>
</html>

36
plog.html Normal file
View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Penelope Gwen | Plog</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="/style/css/style.css">
<!-- <script src="/style/js/lastfm-nowplaying.js"></script>-->
</head>
<body>
<h1>Projects</h1>
<hr>
<div class="pagelayout">
<div class="pagecontent exclusive">
<div class="bubble">
<p>This is where I post evidence</p>
</div>
<div class="bubble">
<h2>Debian Sid on an iMac G3</h2>
<p>I haven't written this yet but it sure is mostly working!</p>
</div>
<div class="bubble">
<h2>ESP32-S3 USB Authentication Key</h2>
<p>A DIY FIDO2 key using an ESP32-S3 and a <a href="/vocab.html#top-and-bottom-cables">male-to-male</a> type-C coupler</p>
</div>
</div>
</div>
<hr>
<div id="footer">
<!--#include file="assets/views/footer.html" -->
</div>
<script src="/style/js/buttons.js"></script>
<script src="/style/js/listenbrainz-nowplaying.js"></script>
</body>
</html>

54
style/css/style.css
View file

@ -39,6 +39,9 @@ body {
min-width: 50%; min-width: 50%;
flex: 1 1 0; flex: 1 1 0;
margin: 0 1vw; margin: 0 1vw;
&.exclusive {
max-width: 60vmax;
}
} }
.sidebar-image { .sidebar-image {
width: 75%; width: 75%;
@ -47,7 +50,7 @@ body {
border-radius: 8px; border-radius: 8px;
} }
.webrings{ .webrings{
height: 190px; height: 110px;
width: 100%; width: 100%;
margin: auto; margin: auto;
overflow: auto; overflow: auto;
@ -84,7 +87,7 @@ h1,h2,h3,p,a,hr {
} }
h1,h2,h3,p,a{ h1,h2,h3,p,a{
font-family: 'OverpassNerd', sans-serif; font-family: 'OverpassNerd', sans-serif;
font-weight: 50; font-weight: 300;
margin-bottom: 0; margin-bottom: 0;
} }
h1 { h1 {
@ -96,10 +99,18 @@ h2 {
text-align: center; text-align: center;
margin-top: 0.15em; margin-top: 0.15em;
} }
h3.pronouns { h3 {
&.pronouns {
text-align: center; text-align: center;
margin-top: 0; margin-top: 0;
} }
&.timestamp {
color: color-mix(in srgb, var(--main-fg-color) 50%, var(--main-bg-color) 50%);
margin-top: 0;
font-style: italic;
font-size: 1em;
}
}
p { p {
font-size: 1.05em; font-size: 1.05em;
} }
@ -123,7 +134,22 @@ p {
flex-wrap: wrap; flex-wrap: wrap;
} }
.flexrow { .flexrow {
margin: 1vh 0; margin: 1vh auto;
&>.bubble {
width: auto;
margin-top: 0;
flex-basis: min-content;
flex-grow: 1;
flex-direction: row;
flex-basis: 50px;
gap: 1vh;
min-width: 25vh;
}
&:has(.bubble) {
justify-content: space-between;
margin-top: 0;
gap: 1vmax;
}
} }
.wrapgroup { .wrapgroup {
flex-wrap: nowrap; flex-wrap: nowrap;
@ -155,17 +181,24 @@ p {
border-width: 0px; border-width: 0px;
border-radius: 8px; border-radius: 8px;
} }
.bubble:first-child { .bubble>*:first-child {
margin-top: 0; margin-top: 0;
} }
.bubble { .bubble {
background-color: rgba(from var(--secondary-bg-color) r g b / 0.1); background-color: rgba(from var(--secondary-bg-color) r g b / 0.1);
border-radius: 8px; border-radius: 8px;
padding: 1vmax; padding: 1vmax 2vmax;
margin: 1vmax 0; margin: 1vmax 0;
& > p { & > p {
margin-left: 5vmin; /* margin-left: 5vmin;
margin-right: 5vmin; margin-right: 5vmin;*/
&:only-child {
margin: 1vw auto;
text-align: center;
}
}
&:target {
box-shadow: #d7afaf 0px 0px 10px 1px;
} }
} }
.sociallist { .sociallist {
@ -191,6 +224,11 @@ p {
margin: auto; margin: auto;
} }
} }
.unhider:hover {
&::before {
content: "beautiful and talented ";
}
}
.flexobject { .flexobject {
& > a { & > a {
min-width: 75px; min-width: 75px;

2
style/js/buttons.js
View file

@ -3,7 +3,7 @@ var basePath="/assets/img/buttons/";
var fileFormat=".webp"; var fileFormat=".webp";
function imgRandom() { function imgRandom() {
for (var i = 0; i < 3; i++) { for (var i = 0; i < 1; i++) {
var rand = imgArray[Math.floor(Math.random() * imgArray.length)]; var rand = imgArray[Math.floor(Math.random() * imgArray.length)];
var image = new Image(); var image = new Image();
image.src = basePath+rand+fileFormat; image.src = basePath+rand+fileFormat;

33
vocab.html Normal file
View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Penelope Gwen | Vocab</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="/style/css/style.css">
<!-- <script src="/style/js/lastfm-nowplaying.js"></script>-->
</head>
<body>
<h1>Vocabulary</h1>
<hr>
<div class="pagelayout">
<div class="pagecontent exclusive">
<div class="bubble">
<p>I don't know how to make cool-looking pop-up boxes to reference what things are so you get this basic reference page</p>
</div>
<div id="top-and-bottom-cables" class="bubble">
<h2>Top and Bottom Cables</h2>
<p>Saying "male" and "female" connectors doesn't make sense with my female penis</p>
<p>Besides, plugging in a coupler/adapter is more analagous to a strap-on than it is to surgery</p>
</div>
</div>
</div>
<hr>
<div id="footer">
<!--#include file="assets/views/footer.html" -->
</div>
<script src="/style/js/buttons.js"></script>
<script src="/style/js/listenbrainz-nowplaying.js"></script>
</body>
</html>