From bf0d0b05c2eb3c6e63dac258cb5b4ef889ee9be1 Mon Sep 17 00:00:00 2001
From: Gabriel Fontes <eu@misterio.me>
Date: Sun, 21 Aug 2022 01:48:52 -0300
Subject: [PATCH] couple of adjustments on headers and etc

---
 .../website/_src/_includes/nav.html.liquid    |  4 +-
 projects/website/_src/_sass/main.scss         | 87 ++++++++++---------
 2 files changed, 45 insertions(+), 46 deletions(-)

diff --git a/projects/website/_src/_includes/nav.html.liquid b/projects/website/_src/_includes/nav.html.liquid
index 6c679f55..4e5ebd1c 100644
--- a/projects/website/_src/_includes/nav.html.liquid
+++ b/projects/website/_src/_includes/nav.html.liquid
@@ -1,7 +1,5 @@
 <nav>
-  <nav>
-    <div class="title">{ <a href="/">Gabriel Fontes</a> }</div>
-  </nav>
+  <div class="title">{ <a href="/">Gabriel Fontes</a> }</div>
   {% assign current = page.url | remove: "index.html" %}
   <ul>
     <li class="colorscheme">
diff --git a/projects/website/_src/_sass/main.scss b/projects/website/_src/_sass/main.scss
index f7837880..61c2bb96 100644
--- a/projects/website/_src/_sass/main.scss
+++ b/projects/website/_src/_sass/main.scss
@@ -215,57 +215,58 @@ nav li.colorscheme a {
   }
 }
 
-body > header {
-  // Add a line between header and main
-  border-bottom: 1px solid var(--border);
-  & > nav {
-    // Navigation menu
-    ul {
-      list-style: none;
-      margin-left: -30px;
+header {
+  margin-bottom: 2px;
+}
+body {
+  // Bit of space at the top
+  margin-top: 2em;
+  & > header {
+    // Add a line after first header
+    border-bottom: 1px solid var(--border);
+  }
+}
 
-      li {
-        font-size: 1.1em;
-        display: inline-block;
-        margin-bottom: 10px;
-        margin-right: 15px;
-        margin-top: -10px;
-        vertical-align: middle;
-        &.colorscheme:after {
-          margin-left: 0.5rem;
-          content: "-";
-          color: var(--text-muted);
-        }
-      }
-    }
-    // Site logo
-    & > nav {
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: space-between;
-      margin-bottom: 2em;
-      margin-top: 2em;
+nav {
+  // Navigation menu
+  ul {
+    list-style: none;
+    margin-left: -30px;
 
-
-      .title {
-        // Name itself
-        a {
-          color: var(--base0E);
-          text-decoration: none;
-        }
-
-        // Decorations around
+    li {
+      font-size: 1.1em;
+      display: inline-block;
+      margin-bottom: 10px;
+      margin-right: 15px;
+      margin-top: -10px;
+      vertical-align: middle;
+      &.colorscheme:after {
+        margin-left: 0.5rem;
+        content: "-";
         color: var(--text-muted);
-        font-size: 2.4em;
-        font-weight: 600;
-        &:hover {
-          color: var(--base09);
-        }
       }
     }
   }
 }
 
+// Site logo
+.title {
+  // Name itself
+  a {
+    color: var(--base0E);
+    text-decoration: none;
+  }
+
+  // Decorations around
+  color: var(--text-muted);
+  font-size: 2.4em;
+  font-weight: 600;
+  &:hover {
+    color: var(--base09);
+  }
+  margin-bottom: 1em;
+}
+
 aside {
   border-top: 1px solid var(--border);
   font-size: 80%;