From a84d16c725cb884ba19a4b1c6dcf5713f5f4d132 Mon Sep 17 00:00:00 2001
From: Joe Ardent <code@ardent.nebcorp.com>
Date: Wed, 18 Jan 2023 15:44:40 -0800
Subject: [PATCH] fuck with css

---
 config.toml                 |  1 +
 sass/main.scss              |  2 +-
 sass/parts/_header.scss     | 27 +++++++++++++++++++++++++--
 sass/parts/misc.scss        |  5 -----
 templates/partials/nav.html | 18 +++++++++++-------
 5 files changed, 38 insertions(+), 15 deletions(-)

diff --git a/config.toml b/config.toml
index a3b967e..c424339 100644
--- a/config.toml
+++ b/config.toml
@@ -1,4 +1,5 @@
 name = "From the Office of the Chief Sundries Officer and Head of R&D"
+title = "From the Office of the Chief Sundries Officer and Head of R&D"
 
 # The URL the site will be built for
 base_url = "https://proclamations.nebcorp-hias.com"
diff --git a/sass/main.scss b/sass/main.scss
index daf0dbf..f1b65b8 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -46,4 +46,4 @@ html {
   html {
     font-size: 18px;
   }
-}
\ No newline at end of file
+}
diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss
index 9c84964..85ee937 100644
--- a/sass/parts/_header.scss
+++ b/sass/parts/_header.scss
@@ -1,3 +1,8 @@
+.hias-footer {
+    text-align: center;
+    font-size: 0.4rem;
+}
+
 .page-header {
   font-size: 3em;
   line-height: 100%;
@@ -28,15 +33,33 @@ header .main {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  justify-content: space-between;
+  justify-content: flex-end;
   align-items: flex-start;
   gap: 12px;
-  font-size: 1.5rem;
+  font-size: 1.2rem;
 
   /* Otherwise header and menu is too close on small screens*/
   margin-bottom: 10px;
 }
 
+header .config-title {
+    line-height: 1.3;
+}
+
+.nav-header {
+  /* flex-child */
+  flex-grow: 0;
+  /* flex-container */
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  align-items: flex-even;
+  gap: 4px;
+}
+    
+
+
 .socials {
   /* flex-child */
   flex-grow: 0;
diff --git a/sass/parts/misc.scss b/sass/parts/misc.scss
index b870c80..dd676cc 100644
--- a/sass/parts/misc.scss
+++ b/sass/parts/misc.scss
@@ -11,11 +11,6 @@
   background-color: var(--primary-color);
 }
 
-.hias-footer {
-    text-align: center;
-    font-size: 0.4rem;
-}
-
 ::-moz-selection {
   background: var(--primary-color);
   color: var(--hover-color);
diff --git a/templates/partials/nav.html b/templates/partials/nav.html
index 8a865b6..9fb902b 100644
--- a/templates/partials/nav.html
+++ b/templates/partials/nav.html
@@ -1,25 +1,29 @@
 <header>
+  <div class="config-title">
+  <h1><a href={{ config.base_url }}>{{ config.title }}</a></h1>
+  </div>
+  
     <div class="main">
-        <a href={{ config.base_url }}>{{ config.title }}</a>
-
         <div class="socials">
             {% for social in config.extra.socials %}
             <a href="{{ social.url }}" class="social">
               <img alt={{ social.name }} src="/social_icons/{{ social.icon }}.svg" rel="me">
+            </a>
               {% if not loop.last %}
               |
               {% endif %}
-            </a>
             {% endfor %}
         </div>
-    </div>
 
-    <nav>
+
+    </div>
+    <div class="nav-header">
         {% for menu in config.extra.menu %}
-        <a href={{ menu.url }} style="margin-left: 0.7em">{{ menu.name }}</a>
+        <a href={{ menu.url }}>{{ menu.name }}</a>
         {% if not loop.last %}
         |
         {% endif %}
         {% endfor %}
-    </nav>
+
+    </div>
 </header>