From e284d708d377b76f7484f9ddd5fd055c2c75f18a Mon Sep 17 00:00:00 2001 From: foswret 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 templates/404.html | 3 ++ templates/base.html | 10 ++++- templates/partials/footer.html | 4 +- templates/partials/header.html | 5 +++ templates/partials/nav.html | 5 +++ templates/posts.html | 3 +- 14 files changed, 88 insertions(+), 27 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 create mode 100644 templates/404.html 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 diff --git a/templates/404.html b/templates/404.html new file mode 100644 index 0000000..381dc15 --- /dev/null +++ b/templates/404.html @@ -0,0 +1,3 @@ +{% extends "base.html" %} + +

404: Page not found.

diff --git a/templates/base.html b/templates/base.html index 7e9a668..aa7d7bf 100644 --- a/templates/base.html +++ b/templates/base.html @@ -5,7 +5,15 @@ - CHANGE ME + {% block rss %} + + {% endblock %} + + {% if page.title %} {{ page.title }} | {{ config.title }} + {% elif section.title %} {{ section.title }} | {{ config.title }} + {% elif config.title %} {{ config.title }} + {% else %} Post {% endif %} + diff --git a/templates/partials/footer.html b/templates/partials/footer.html index 472d9ea..b9db931 100644 --- a/templates/partials/footer.html +++ b/templates/partials/footer.html @@ -1,4 +1,6 @@ diff --git a/templates/partials/header.html b/templates/partials/header.html index 3400a2b..8f49975 100644 --- a/templates/partials/header.html +++ b/templates/partials/header.html @@ -1,5 +1,6 @@
+
{% if config.title %}
@@ -12,5 +13,9 @@ {% include "partials/nav.html" %} +
+
+
+
diff --git a/templates/partials/nav.html b/templates/partials/nav.html index f1f7d9b..b9c4cd7 100644 --- a/templates/partials/nav.html +++ b/templates/partials/nav.html @@ -2,6 +2,11 @@ {% for item in config.extra.navbar_items %} + {% endfor %} {% endif %} + + diff --git a/templates/posts.html b/templates/posts.html index 169c75d..dfe0001 100644 --- a/templates/posts.html +++ b/templates/posts.html @@ -6,7 +6,8 @@ {% endblock content %} -- cgit v1.2.3