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

general update

Browse source
This commit is contained in:
Penelope Gwen 2025-09-13 15:23:07 -07:00
parent 3227b6d3e1
commit 77f4390fc0
2 changed files with 29 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
index.html
View file

@ -9,14 +9,15 @@
</head>
<body>
<h1>Penelope Gwen</h1>
<h2>Software development & Sociology</h2>
<h3 class="pronouns">it/its/she/her</h3>
<h2>Software Development & Sociology</h2>
<hr>
<div class="pagelayout">
<div class="pinkborder sidebar">
<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>
<script src="/style/js/rattos.js"></script>
<p class="sidebar-caption">Please enjoy a picture of my sons :)</p>
<p class="sidebar-caption">Please enjoy a picture of my sons :&rpar;</p>
<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>
</a>
@ -27,7 +28,7 @@
<hr>
<h3 class="sidebar-caption">Check out my friends!</h3>
<a href="https://cassiecandles.net/">
<img title="Wildly talented dreampop musician and incredible person all-around!" class="sidebar-webring" alt="Cassie Candles website icon" src="/assets/img/webring/cassiecandles/1056x372.webp"></img>
<img title="Incredibly talented dreampop musician" class="sidebar-webring" alt="Cassie Candles website icon" src="/assets/img/webring/cassiecandles/1056x372.webp"></img>
</a>
<hr>
<h3 class="sidebar-caption">Webrings</h3>
@ -68,11 +69,12 @@
</div>
<script type="module" src="https://esm.sh/emfed@1"></script>
<script>
document.getElementById("emfed-placeholder").innerHTML = ""
document.getElementById("emfed-placeholder").innerHTML = "";
getNowPlaying();
</script>
<div class="pagecontent">
<div class="bubble">
<p>I'm Penelope/pogmommy (it/its/she/her), 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.</p>
<p></p>
</div>
<h2>Projects</h2>
@ -91,7 +93,7 @@
</div>
<div class="bubble">
<h2>Software</h2>
<p>My current software development projects are oriented around 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. 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>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>

31
style/css/style.css
View file

@ -1,6 +1,13 @@
:root {
--main-bg-color: #111317;
--main-fg-color: #d7afaf;
--theme-white: #e4e4e4;
--secondary-bg-color: color-mix(in srgb, var(--main-bg-color) 35%, var(--main-fg-color) 65%);
}
body {
background-color: #000000;
margin: 0 5vw;
background-color: var(--main-bg-color);
padding: 0 5vw;
& > hr {
margin: 2vh 0;
}
@ -14,7 +21,7 @@ body {
.sidebar {
max-width: 400px;
flex-grow: 1;
background-color: #da75ed33;
background: rgba(from var(--secondary-bg-color) r g b / 0.2);
height: fit-content;
width: fit-content;
margin: 0 1vw auto;
@ -55,7 +62,7 @@ p.sidebar-caption,h3.sidebar-caption {
margin: 1vmax auto;
}
h1,h2,h3,p,a,hr {
color: #da74e5;
color: var(--main-fg-color);
}
h1,h2,h3,p,a{
font-family: 'Overpass', sans-serif;
@ -68,6 +75,10 @@ h1 {
}
h2 {
font-size: 1.75em;
text-align: center;
margin-top: 0.15em;
}
h3.pronouns {
text-align: center;
margin-top: 0;
}
@ -82,7 +93,7 @@ p {
margin: 1vh 0vw;
}
&:hover{
box-shadow: 0px 0px 30px #da75e5dd;
box-shadow: 0px 0px 30px rgba(from var(--main-fg-color) r g b / 0.8);
transition: 0.25s;
}
}
@ -105,7 +116,7 @@ p {
}
}
.hiddentext {
color: #000;
color: var(--main-bg-color);
font-size: 0.5em;
}
#footer {
@ -121,7 +132,7 @@ p {
}
.pinkborder {
border-style: solid;
border-color: #da74e5;
border-color: var(--main-fg-color);
border-width: 3px;
border-radius: 8px;
}
@ -129,7 +140,7 @@ p {
margin-top: 0;
}
.bubble {
background-color: #da75ed22;
background-color: rgba(from var(--secondary-bg-color) r g b / 0.1);
border-radius: 8px;
padding: 1vmax;
margin: 1vmax 0;
@ -276,7 +287,7 @@ a.now-playing {
.toot .username {
display: block;
margin-right: 1em;
color: #999;
color: rgba(from var(--theme-white) r g b / 0.5);
}
.toot .boost {
height: 23px;
@ -293,7 +304,7 @@ a.now-playing {
.toot .permalink {
text-decoration: none;
display: block;
color: #999;
color: rgba(from var(--theme-white) r g b / 0.5);
float: right;
}
.toot .permalink:hover {