From 8244b3d64ec6888dc65bfa599e9a878c97cb3440 Mon Sep 17 00:00:00 2001
From: gennyble <gen@nyble.dev>
Date: Fri, 20 Dec 2024 14:50:43 -0600
Subject: done? for now, anyway

---
 served/styles/common.css | 23 +++++++++++++++++++++++
 served/styles/home.css   | 22 ++++++++++++++++++++--
 2 files changed, 43 insertions(+), 2 deletions(-)

(limited to 'served/styles')

diff --git a/served/styles/common.css b/served/styles/common.css
index 91750cf..81e5b43 100755
--- a/served/styles/common.css
+++ b/served/styles/common.css
@@ -31,6 +31,18 @@
 	/* ^ lmao */
 }
 
+@media (prefers-color-scheme: dark) {
+	:root {
+		--text: #eee;
+		--text-dim: #aaa;
+		--background: #001;
+		--background-dim: #223;
+
+		--link: salmon;
+		--visited: mediumslateblue;
+	}
+}
+
 html,
 body {
 	margin: 0;
@@ -96,6 +108,17 @@ a.dead {
 	text-decoration: line-through;
 }
 
+code {
+	font-size: 1.1rem;
+	font-family: Recursive, sans-serif;
+	font-variation-settings:
+		"MONO" 1,
+		"CASL" 0,
+		"wght" 400,
+		"slnt" 0,
+		"CRSV" 0;
+}
+
 #nav-access {
 	/* shove it above the page and make sure it's always on top*/
 	position: absolute;
diff --git a/served/styles/home.css b/served/styles/home.css
index c67d711..ac00786 100644
--- a/served/styles/home.css
+++ b/served/styles/home.css
@@ -9,14 +9,21 @@ ul {
 }
 
 #contact {
-	border: 1px solid black;
+	border: 1px solid var(--text-dim);
 	box-shadow: 5px -5px 0px #999, 10px -10px 0px #666, 15px -15px 0px #333;
 	padding: 1rem 2rem 1rem 1rem;
+	/* allocate the space for the boxshadow */
+	margin-right: 15px;
 
 	max-width: var(--pwidth);
 	height: min-content;
 }
 
+#banner {
+	max-width: min(100%, calc(var(--pwidth) + 15px));
+	border: 1px solid var(--text-dim);
+}
+
 #contact>h2 {
 	margin-top: 0;
 }
@@ -29,9 +36,13 @@ ul {
 
 @media (max-width: 50rem) {
 	#contact {
-		margin-top: 1.5rem;
+		margin-top: 2rem;
 		margin-right: 1rem;
 	}
+
+	#banner {
+		margin-top: 1rem;
+	}
 }
 
 @media (min-width: 50rem) {
@@ -40,6 +51,7 @@ ul {
 		grid-template-columns: 30rem 1fr;
 		row-gap: 1rem;
 		column-gap: 1rem;
+		width: fit-content;
 	}
 
 	#hello>p,
@@ -54,4 +66,10 @@ ul {
 
 		width: fit-content;
 	}
+
+	#banner {
+		max-width: 16rem;
+		grid-column: 2;
+		grid-row: 4
+	}
 }
\ No newline at end of file
-- 
cgit 1.4.1-3-g733a5