From 91c4cd062960cfc9f81e4816c58844aa8413745d Mon Sep 17 00:00:00 2001 From: foswret Date: Mon, 23 Mar 2026 10:59:35 -0500 Subject: change style.css, change navbar font style & structure --- static/fineburlap.gif | Bin 0 -> 15851 bytes static/style.css | 47 ++++++++++++++++++++++++++++++++++------- static/wool3.gif | Bin 0 -> 28643 bytes templates/base.html | 12 +++++------ templates/partials/footer.html | 4 ++++ templates/partials/header.html | 14 +++++++++++- templates/partials/nav.html | 4 ++-- templates/posts.html | 4 ++-- 8 files changed, 66 insertions(+), 19 deletions(-) create mode 100644 static/fineburlap.gif create mode 100644 static/wool3.gif create mode 100644 templates/partials/footer.html diff --git a/static/fineburlap.gif b/static/fineburlap.gif new file mode 100644 index 0000000..100ccc5 Binary files /dev/null and b/static/fineburlap.gif differ diff --git a/static/style.css b/static/style.css index 37e7ab5..c2ca2ef 100644 --- a/static/style.css +++ b/static/style.css @@ -1,23 +1,54 @@ +: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); +} + html { /* overflow-y needed for chromium browsers to not shift */ overflow-y: scroll; - background-image: url("/bg.webp"); + background-image: url("/wool3.gif"); background-repeat: repeat; } +header { + display: flex; + flex-direction: column; +} + + +#site-title { + margin: 0px; + font-family: sans-serif; + padding-left: 0.4rem; + background-color: var(--primary-bg-color); + color: white; +} + nav { + padding-left: 0.2rem; + padding-bottom: 3px; display: inline; + background-color: var(--secondary-bg-color); } -body { +.nav-item { + font-style: italic; + color: white; +} + +body { /* everything */ /* margin: 0 auto; */ background-color: white; - max-width: 50%; - padding: 2rem; - padding-top: 0.2rem; + box-shadow: 5px 5px 3px black; + max-width: 60%; } -img { - /* pixelated for aesthetics */ - image-rendering: pixelated; +main { /* main content */ + padding: 1rem; + padding-top: 0rem; } + diff --git a/static/wool3.gif b/static/wool3.gif new file mode 100644 index 0000000..5c0a854 Binary files /dev/null and b/static/wool3.gif differ diff --git a/templates/base.html b/templates/base.html index 752d091..7e9a668 100644 --- a/templates/base.html +++ b/templates/base.html @@ -8,13 +8,13 @@ CHANGE ME + {% include "partials/header.html" %} -{% include "partials/nav.html" %} - -
- {% block content %} {% endblock content %} -
- +
+ {% block content %} {% endblock content %} + {% include "partials/footer.html" %} +
+ diff --git a/templates/partials/footer.html b/templates/partials/footer.html new file mode 100644 index 0000000..472d9ea --- /dev/null +++ b/templates/partials/footer.html @@ -0,0 +1,4 @@ + diff --git a/templates/partials/header.html b/templates/partials/header.html index 9dbc6eb..3400a2b 100644 --- a/templates/partials/header.html +++ b/templates/partials/header.html @@ -1,4 +1,16 @@ +
+ {% if config.title %} -

{{ config.title }}

+
+

{{ config.title }}

+
{% endif %} + + + + +
+ diff --git a/templates/partials/nav.html b/templates/partials/nav.html index f8c0eff..f1f7d9b 100644 --- a/templates/partials/nav.html +++ b/templates/partials/nav.html @@ -1,7 +1,7 @@ {% if config.extra.navbar_items %} {% for item in config.extra.navbar_items %} -