From 2bfd55cae03245568dbe50c63e73fdb992096d45 Mon Sep 17 00:00:00 2001 From: Hannah Isopod Date: Fri, 27 Jun 2025 04:16:50 -0600 Subject: finally fix flatworm friday --- guestbook/comments.php | 2 +- index.php | 161 +++++++++++++++++++++++++++++++++++-------------- style.css | 7 ++- 3 files changed, 124 insertions(+), 46 deletions(-) diff --git a/guestbook/comments.php b/guestbook/comments.php index 432c1d2..b0acbae 100644 --- a/guestbook/comments.php +++ b/guestbook/comments.php @@ -36,7 +36,7 @@ function echo_comments($page, $Parsedown = null) { $output = $output."
cool thing: $coolsanitized
"; } if($found) { - $output = $output."
How did you find me?
$found
"; + $output = $output."
How did you find me?
$found
"; } $output = $output."
$message
"; if($reply) { diff --git a/index.php b/index.php index d7add18..251524a 100644 --- a/index.php +++ b/index.php @@ -16,13 +16,24 @@ flex-direction: column; justify-content: center; align-items: center; + gap: var(--stdpadding); } - main > :is(div, nav) { - width: 100%; + #mainmidsection { + display: flex; + gap: var(--stdpadding); + flex-wrap: wrap; + justify-content: center; + align-items: center; + } + #abt, #statuscafe, figure.quote { + height: fit-content; + margin-bottom: initial; } - #webrings > div { - margin: var(--stdpadding); + #webrings { + display: flex; + flex-direction: column; + gap: var(--stdpadding); } #webrings div :is(a, span) { padding: initial; @@ -116,12 +127,21 @@ } @media only screen and (hover: none) { #rightsidebg { - box-shadow: none; + filter: brightness(0.7); } main { justify-content: initial; height: initial; } + main > *, #mainmidsection > * { + box-sizing: border-box; + width: 100%; + } + #guys { + background-color: var(--bgcolor); + box-shadow: 0 0 1rem var(--stdshadow) inset; + padding: var(--stdpadding); + } #guys, #ads, #ads:hover { position: initial; bottom: initial; @@ -164,6 +184,43 @@
Isopod on her skinkpad (thinkpad but with added skink) + +
+
+ > Hannah
+ > she/it

+ > real life isopod
+ > chronic computer toucher +
+ +
status $face $timeago
$status_content
"; + echo "
status $face $timeago
$status_content
"; ?> -
- -
-
- Unpaid advertising below! My apolo 90) { echo "cheese"; } else { echo "gies"; } ?>, but it's how we keep the lights on here at IsopodCoolGGMBH PBLLC. -
- - -
An isopod! @@ -234,12 +255,64 @@ Another isopod! Ophiocordyceps Unilateralis
+ +
+
+ Unpaid advertising below! My apolo 90) { echo "cheese"; } else { echo "gies"; } ?>, but it's how we keep the lights on here at IsopodCoolGGMBH PBLLC. +
+ + +
+
Refresh the page to close this"; + echo " + + +
+ + + +
"; } ?> diff --git a/style.css b/style.css index bfadaa5..25a001f 100644 --- a/style.css +++ b/style.css @@ -39,6 +39,7 @@ --navbarheight: calc(var(--stdpadding) * 4.5); --h1-image: url('images/isopod.php'); --shadowsize: 3rem; + --blockbackdrop: blur(1.5px); } html, body { height: 100%; @@ -129,6 +130,7 @@ nav a, body > a { nav a:hover, body > a:hover { --bgpos: 100%; border-left: var(--stdaccentborder); + backdrop-filter: var(--blockbackdrop); } body > a { display: block; @@ -237,6 +239,7 @@ figure.quote, blockquote { border-left: var(--stdaccentborder); background-color: var(--blockbg); margin-bottom: var(--stdpadding); + backdrop-filter: var(--blockbackdrop); } figure.quote blockquote { padding: initial; @@ -411,6 +414,7 @@ hr { nav a, body > a { border-left: 3px solid var(--fontcolor); background-color: var(--blockbg); + backdrop-filter: var(--blockbackdrop); } nav a, body > a, nav span { padding: calc(var(--stdpadding) / 2) calc(var(--stdpadding) / 4 * 3); @@ -433,7 +437,8 @@ hr { } #leftsidebg, #rightsidebg { top: 0; left: 0; right: 0; bottom: 0; - box-shadow: 100vw 0 0 #000000bb inset; + filter: brightness(0.3); + box-shadow: none; } tr:hover { background-color: initial; -- cgit v1.2.3