From 9a4eb4555ef33e6402184ae593a330de85a081fa Mon Sep 17 00:00:00 2001
From: Lynnesbian <lynne@bune.city>
Date: Fri, 9 Feb 2024 21:31:54 +1000
Subject: [PATCH] style changes

---
 assets/style.css | 85 +++++++++++++++++++-----------------------------
 1 file changed, 34 insertions(+), 51 deletions(-)

diff --git a/assets/style.css b/assets/style.css
index 2731ea4..1e67d7e 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -2,12 +2,11 @@
 	box-sizing: border-box;
 }
 body {
-	font-family: "Noto Sans", sans-serif;
+	font-family: sans-serif;
 	margin: 0;
 	display: grid;
 	grid-template-columns: max(325px, 15%) auto;
 	background: #fafafa;
-	color: black;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -20,20 +19,23 @@ main article h4 a,
 main article h5 a,
 main article h6 a {
 	color: inherit;
-	text-decoration: underline mediumpurple solid 3px;
+	text-decoration: none;
 }
-
-main article h1 a {
-	text-decoration-thickness: 5px;
+h1, h2, h3 {
+	font-weight: 400;
 }
-
 h1 {
 	font-size: 3em;
 	text-align: center;
 }
+main article h1 a {
+	/* needed for chrome */
+	/*noinspection CssInvalidPropertyValue*/
+	text-decoration: underline mediumpurple dotted 5px;
+}
 
 h2 {
-	font-size: 1.4em;
+	font-size: 1.6em;
 }
 
 main {
@@ -42,18 +44,25 @@ main {
 }
 
 main article {
-	font-family: "IBM Plex Serif", serif;
-	font-size: 1.3em;
-	max-width: max(1200px, 60%);
+	max-width: 1800px;
 	padding: 0 50px 30px;
 	margin: 0 auto;
 	background: #fafafa;
 	min-height: 100%;
 	overflow: auto;
+	font-size: 1.1em;
+}
+
+main article h2,
+main article h3 {
+	border-left: 5px solid mediumpurple;
+	padding-left: 5px;
+	margin-left: -10px;
 }
 
 main article a {
 	color: #60a;
+	text-decoration-style: dotted;
 	text-decoration-color: transparent;
 	transition: 0.2s all;
 }
@@ -73,7 +82,7 @@ header {
 	height: 100vh;
 	transition: 0.2s all;
 }
-header::after { /* the background image behind the sidebar */
+header::after {
 	/* will use webp with jpeg fallback when
 	https://developer.mozilla.org/en-US/docs/Web/CSS/image()#browser_compatibility becomes a thing, until then, it's jpeg
 	only for now :c */
@@ -86,13 +95,13 @@ header::after { /* the background image behind the sidebar */
 	z-index: -1;
 	/*noinspection CssInvalidFunction*/
 	background: linear-gradient(to bottom, #333, #333 10%, 70%, transparent),
-		/* 	image("/assets/img/background.webp", "/assets/img/background.jpeg") no-repeat bottom center/cover, */
-		url("/assets/img/background.jpeg") no-repeat bottom center/cover,
+	/* 	image("/assets/img/background.webp", "/assets/img/background.jpeg") no-repeat bottom center/cover, */
+	url("/assets/img/background.jpeg") no-repeat bottom center/cover,
 	#333;
-	filter: blur(3px) saturate(75%);
+	filter: blur(5px) saturate(75%);
 	content: "";
 }
-#hamburger { /* hamburger menu button, should only display on mobile devices. see @media section at bottom of file */
+#hamburger {
 	display: none;
 	position: fixed;
 	top: 10px;
@@ -109,12 +118,14 @@ header::after { /* the background image behind the sidebar */
 #hb-icon {
 	height: 100%;
 	width: 100%;
-	background: linear-gradient(to bottom, mediumpurple, mediumpurple 10%, #fafafa 10%, #fafafa 45%, mediumpurple 45%, mediumpurple 55%, #fafafa 55%, #fafafa 90%, mediumpurple 90%, mediumpurple 100%);
+	background: linear-gradient( to bottom, mediumpurple, mediumpurple 10%, #fafafa 10%, #fafafa 45%, mediumpurple 45%, mediumpurple 55%, #fafafa 55%, #fafafa 90%, mediumpurple 90%, mediumpurple 100% );
 }
 
 nav a {
 	color: white;
-	padding: 10px 40px;
+}
+nav a {
+	padding: 10px 0;
 	display: block;
 	width: 100%;
 	text-align: center;
@@ -134,12 +145,10 @@ nav a::before {
 	position: absolute;
 	transition: 0.2s all;
 }
-nav a:hover {
+nav a:hover,
+nav a.current {
 	background: #00000044;
 }
-nav a.current:not(:hover) {
-	background: #9370db44;
-}
 nav a:hover::before,
 nav a.current::before {
 	left: 0;
@@ -153,11 +162,10 @@ nav a.current::before {
 	margin: 30px auto 50px auto;
 }
 
-#bune-img {
+#bune {
 	height: max(200px, 10vh);
 	display: block;
 	margin: 50px auto 0;
-	filter: drop-shadow(0 0 15px #ccc);
 }
 
 .project {
@@ -177,39 +185,14 @@ nav a.current::before {
 	font-style: italic;
 }
 
-/* dark theme */
-@media (prefers-color-scheme: dark) {
-	body, main article {
-		background: #282a36;
-		color: white;
-	}
-	main article a {
-		color: #a380eb;
-	}
-	header::after {
-		filter: blur(3px) saturate(75%) brightness(80%);
-	}
-	#bune-img {
-		filter: drop-shadow(0 0 15px #111);
-	}
-}
-
-/* smaller screen tweaks */
-@media only screen and (max-device-width: 840px) {
-	body {
-		grid-template-columns: max(225px, 15%) auto;
-	}
-}
-
 /* mobile tweaks */
-@media only screen and (max-device-width: 480px) {
+@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
 	main {
 		width: 100vw;
 		box-shadow: none;
 	}
 	main article {
 		padding: 0 20px 30px;
-		font-size: 1.1em;
 	}
 	h1 {
 		font-size: 2.5em;
@@ -232,4 +215,4 @@ nav a.current::before {
 		display: inline-block;
 		touch-action: manipulation;
 	}
-}
+}
\ No newline at end of file