From 1395f68ce9434518ac2a63e8aa09e49563b71f71 Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Mon, 6 Mar 2023 11:41:14 -0700
Subject: [PATCH] Fix logo size and darkmode

---
 content/Helios Alpha.md          | 2 +-
 themes/theme/templates/base.html | 4 ++--
 themes/theme/templates/style.css | 9 ++++++++-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/content/Helios Alpha.md b/content/Helios Alpha.md
index 77c212a..bc851f7 100644
--- a/content/Helios Alpha.md	
+++ b/content/Helios Alpha.md	
@@ -1,6 +1,6 @@
 Title: Helios Alpha
 Date: 2023-03-06
 Category: Designs
-Summary: A one-tank Kratky hydroponics design
+Summary: A one-tank Kratky hydroponics system.
 
 Content here
\ No newline at end of file
diff --git a/themes/theme/templates/base.html b/themes/theme/templates/base.html
index c1133a3..36be8e0 100644
--- a/themes/theme/templates/base.html
+++ b/themes/theme/templates/base.html
@@ -19,7 +19,7 @@
 		<div class="container">
 			<div class="logo">
 				<a href="/" aria-label="Return home">
-					<svg width="95.5mm" height="16.117mm" version="1.1" viewBox="0 0 95.5 16.117" xmlns="http://www.w3.org/2000/svg">
+					<svg version="1.1" viewBox="0 0 95.5 16.117" xmlns="http://www.w3.org/2000/svg">
 						<g transform="translate(-54.981 -31.784)">
 						<text transform="scale(.26458)" fill="#000000" font-family="Comfortaa" font-size="40px" style="line-height:1.25;shape-inside:url(#rect285);white-space:pre" xml:space="preserve"/>
 						<g transform="translate(12.422 17.444)" stroke-width=".26458" aria-label="SOLARPUNK CITY">
@@ -61,7 +61,7 @@
 		</div>
 
 		<p class="footer">
-			© 2012–2022 Solarpunk City
+			© Solarpunk City
 		</p>
 	</body>
 </html>
diff --git a/themes/theme/templates/style.css b/themes/theme/templates/style.css
index 2b40d3a..d6295b9 100644
--- a/themes/theme/templates/style.css
+++ b/themes/theme/templates/style.css
@@ -49,8 +49,10 @@
 			}
 
 			.logo {
-				width: 10rem;
+				max-width: 100%;
+				width: 30rem;
 				height: auto;
+				margin: 0 auto;
 			}
 
 			.container .logo a {
@@ -179,6 +181,11 @@
 					color: #fff;
 				}
 
+				.logo {
+					-webkit-filter: invert(100%); /* safari 6.0 - 9.0 */
+					filter: invert(100%);
+				}
+
 				a {
 					color: #fff;
 					border-bottom: 1px solid #fff;