From 8dfe4dce9fcb98c56f041aedbccc7aa7819b83e6 Mon Sep 17 00:00:00 2001
From: MathiasDPX <mathias@dupeux.net>
Date: Sat, 19 Apr 2025 18:56:42 +0200
Subject: [PATCH] better split base.css / typography.css

---
 static/base.css       | 52 +++++++++++++++++++++++++++++++++++++++++--
 static/typography.css | 45 -------------------------------------
 2 files changed, 50 insertions(+), 47 deletions(-)

diff --git a/static/base.css b/static/base.css
index 7171eda..dd7157f 100644
--- a/static/base.css
+++ b/static/base.css
@@ -1,6 +1,5 @@
 @import url("typography.css");
 
-
 /* Reset */
 * {
     margin: 0;
@@ -52,6 +51,13 @@ header h1 {
     background-color: #03396C;
     padding: 5px 3em 5px 0;
     text-align: right;
+    min-width: 100%;
+    color: #ffffff;
+}
+
+#navbar a + a::before {
+    content: "// ";
+    padding: 0 0.1em;
 }
 
 /* Main Content */
@@ -60,25 +66,67 @@ header h1 {
     flex: 1;
 }
 
+#main details div {
+    padding-left: 1em;
+    line-height: 115%;
+}
+
+#main details:open {
+    padding-bottom: 1em;
+}
+
+#main details summary {
+    cursor: pointer;
+    padding-bottom: 0.25em;
+}
+
 /* Footer */
 #footer {
     margin-top: auto;
+    text-align: center;
 }
+
 #footer-title {
     width: 100%;
+    min-width: 100%;
     background-color: #03396C;
+    color: #ffffff;
     text-align: center;
     padding: 0.5em 0;
 }
+
+#footer p {
+    padding-top: 0.5em;
+    padding-bottom: 0.5em;
+    line-height: 1.25;
+}
+
+hr {
+    margin-bottom: 1em;
+}
+
+/* Links */
+a:hover {
+    text-decoration: underline;
+}
+
+a {
+    text-decoration: none;
+    color: #005B96;
+}
+
+/* Media Queries */
 @media (max-width: 768px) {
     html, body {
         min-height: 100dvh;
     }
+    
     #wrap {
         width: 100%;
         max-width: none;
     }
-    footer p{
+    
+    footer p {
         margin-bottom: 0.25em;
     }
 
diff --git a/static/typography.css b/static/typography.css
index c8b9c5c..7409202 100644
--- a/static/typography.css
+++ b/static/typography.css
@@ -47,40 +47,13 @@ time {
     font-size: 75%;
 }
 
-#main details div {
-    padding-left: 1em;
-    line-height: 115%;
-}
-
-#main details:open {
-    padding-bottom: 1em;
-}
-
 #main details summary {
-    cursor: pointer;
     font-family: "Montserrat", sans-serif;
     font-weight: 500;
-    padding-bottom: 0.25em;
-}
-
-hr {
-    margin-bottom: 1em;
-}
-
-/* Links */
-a:hover {
-    text-decoration: underline;
-}
-
-a {
-    text-decoration: none;
-    color: #005B96;
 }
 
 /* Navigation */
 #navbar {
-    min-width: 100%;
-    color: #ffffff;
     text-transform: uppercase;
     font-family: "Montserrat", sans-serif;
 }
@@ -89,25 +62,7 @@ a {
     color: inherit;
 }
 
-#navbar a + a::before {
-    content: "// ";
-    padding: 0 0.1em;
-}
-
 /* Footer */
 #footer-title {
-    padding: 5px 0;
-    min-width: 100%;
-    color: #ffffff;
     font-family: "Montserrat", sans-serif;
-}
-
-#footer {
-    text-align: center;
-}
-
-#footer p {
-    padding-top: 0.5em;
-    padding-bottom: 0.5em;
-    line-height: 1.25;
 }
\ No newline at end of file