From 77f4390fc0253344d7d077d26e9f1ac5ba6d2d35 Mon Sep 17 00:00:00 2001 From: Penelope Gwen Date: Sat, 13 Sep 2025 15:23:07 -0700 Subject: [PATCH] general update --- index.html | 14 ++++++++------ style/css/style.css | 31 +++++++++++++++++++++---------- 2 files changed, 29 insertions(+), 16 deletions(-) diff --git a/index.html b/index.html index 350c135..986588f 100644 --- a/index.html +++ b/index.html @@ -9,14 +9,15 @@

Penelope Gwen

-

Software development & Sociology

+

it/its/she/her

+

Software Development & Sociology

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

Please enjoy a picture of my sons :)

+

Please enjoy a picture of my sons :)

Pogmommy website icon @@ -27,7 +28,7 @@

Check out my friends!

- Cassie Candles website icon + Cassie Candles website icon

Webrings

@@ -68,11 +69,12 @@
-

I'm Penelope/pogmommy (it/its/she/her), a queer rat mom with a background in sociology, software development, and archivism.

+

I'm Penelope/pogmommy, a queer rat mom with a background in sociology, software development, and archivism.

Projects

@@ -91,7 +93,7 @@

Software

-

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.

+

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.

Most of my software can be found at my Forgejo, or at its mirror on Codeberg. My presence on Github is limited to pull requests, discussion, and other contributions toward software hosted on the platform.

I also package software for the Debian operating system, which I distribute on my apt repository.

diff --git a/style/css/style.css b/style/css/style.css index b372320..c90d789 100644 --- a/style/css/style.css +++ b/style/css/style.css @@ -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 {