From e284d708d377b76f7484f9ddd5fd055c2c75f18a Mon Sep 17 00:00:00 2001
From: foswret <foswret@posteo.com>
Date: Thu, 2 Apr 2026 18:19:14 -0500
Subject: simplify css, add image gradient, fix rss path

---
 static/bg.webp        | Bin 6874 -> 0 bytes
 static/code.webp      | Bin 0 -> 396 bytes
 static/fineburlap.gif | Bin 15851 -> 0 bytes
 static/mail.webp      | Bin 0 -> 382 bytes
 static/multi055.gif   | Bin 0 -> 3235 bytes
 static/rss.webp       | Bin 0 -> 358 bytes
 static/style.css      |  85 ++++++++++++++++++++++++++++++++++++--------------
 static/wool3.gif      | Bin 28643 -> 0 bytes
 8 files changed, 61 insertions(+), 24 deletions(-)
 delete mode 100644 static/bg.webp
 create mode 100644 static/code.webp
 delete mode 100644 static/fineburlap.gif
 create mode 100644 static/mail.webp
 create mode 100644 static/multi055.gif
 create mode 100644 static/rss.webp
 delete mode 100644 static/wool3.gif

(limited to 'static')

diff --git a/static/bg.webp b/static/bg.webp
deleted file mode 100644
index 36ca46a..0000000
Binary files a/static/bg.webp and /dev/null differ
diff --git a/static/code.webp b/static/code.webp
new file mode 100644
index 0000000..9cd5ef1
Binary files /dev/null and b/static/code.webp differ
diff --git a/static/fineburlap.gif b/static/fineburlap.gif
deleted file mode 100644
index 100ccc5..0000000
Binary files a/static/fineburlap.gif and /dev/null differ
diff --git a/static/mail.webp b/static/mail.webp
new file mode 100644
index 0000000..51c5016
Binary files /dev/null and b/static/mail.webp differ
diff --git a/static/multi055.gif b/static/multi055.gif
new file mode 100644
index 0000000..11bea18
Binary files /dev/null and b/static/multi055.gif differ
diff --git a/static/rss.webp b/static/rss.webp
new file mode 100644
index 0000000..e6c1707
Binary files /dev/null and b/static/rss.webp differ
diff --git a/static/style.css b/static/style.css
index c2ca2ef..dc8c347 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,54 +1,91 @@
+/* Variable declaration */
 :root {
-   /*
-   --primary-bg-color: rgb(58, 169, 159);
-   --secondary-bg-color: rgb(36, 131, 123);
-   */
-   --primary-bg-color: black;
-   --secondary-bg-color: rgb(16, 15, 15);
+   --primary-header-color: black;
+   --secondary-header-color: rgb(232, 112, 95);
+   --bg-color: white;
+   
 }
 
 html {
 	/* overflow-y needed for chromium browsers to not shift */
 	overflow-y: scroll;
-   background-image: url("/wool3.gif");
-   background-repeat: repeat;
+   /*background-image: url("/misc021.jpg");*/
+   /*background-repeat: repeat;*/
+   background-color: white;
 }
 
 header {
    display: flex;
-   flex-direction: column;
+   flex-direction: row;
 }
 
-
+/* part of header w/ title and nav */
+#left-header {
+   display: flex;
+   flex-direction: column;
+   flex-grow: 4;}
 #site-title {
    margin: 0px;
    font-family: sans-serif;
    padding-left: 0.4rem;
-   background-color: var(--primary-bg-color);
-   color: white;
-}
-
+   background-color: var(--primary-header-color);
+   color: white;}
 nav {
+   display: flex;
    padding-left: 0.2rem;
    padding-bottom: 3px;
 	display: inline;
-   background-color: var(--secondary-bg-color);
-}
+   background-color: var(--primary-header-color);}
+
 
+
+/* The image portion of the header */
+#right-header {
+   background-image: url("/multi055.gif");
+   display: flex;
+   background-repeat: repeat;
+   min-width: 25rem;}
+#image-gradient {
+   flex-grow: 1;
+   min-height: 0.4rem;
+     background: linear-gradient(to right, var(--primary-header-color) 0%, var(--primary-header-color) 20%, rgba(255,0,0,0));}
 .nav-item {
-   font-style: italic;
-   color: white;
-}
+   color: white;}
 
-body { /* everything */
-	/* margin: 0 auto; */
-   background-color: white;
-   box-shadow: 5px 5px 3px black;
+
+
+/* everything */
+body {
+   margin-top: 1rem;
+   background-color: var(--bg-color);
 	max-width: 60%;
 }
 
-main { /* main content */
+ /* main content */
+main {
    padding: 1rem;
    padding-top: 0rem;
 }
 
+/* images are centered and fixed-width */
+img {
+   max-width: 50%;
+   display: block;
+   margin: 0 auto;
+}
+
+
+/* Code */
+pre {
+   border-radius: 2px;
+   background-color: rgb(16, 15, 15);
+   padding: 1rem;
+   overflow-x: scroll;
+   background-color: black;
+   color: white;
+}
+
+footer {
+   text-align: center;
+}
+
diff --git a/static/wool3.gif b/static/wool3.gif
deleted file mode 100644
index 5c0a854..0000000
Binary files a/static/wool3.gif and /dev/null differ
-- 
cgit v1.2.3