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 3 files changed, 39 insertions(+), 8 deletions(-) create mode 100644 static/fineburlap.gif create mode 100644 static/wool3.gif (limited to 'static') 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 -- cgit v1.2.3