figbert.com-website

commit 6193637c66810da20458b715259d52049b07ea76
parent 979e4d239ed0eb86b715507d4cdf995fd5f6eafe
Author: FIGBERT <figbert@figbert.com>
Date:   Tue,  1 Sep 2020 12:46:36 -0700

:lipstick: Add <hr> beneath the header

Diffstat:
M
static/global.css
 | 
9
++++++---
M
templates/base.html
 | 
9
++++++---

2 files changed, 12 insertions(+), 6 deletions(-)
diff --git a/static/global.css b/static/global.css
@@ -27,9 +27,12 @@ body {
 
 nav {
   width: 100%;
+  padding-bottom: 1rem;
+}
+
+nav > div {
   display: flex;
   justify-content: space-around;
-  padding-bottom: 1rem;
 }
 
 a {
@@ -43,12 +46,12 @@ a:hover {
   text-decoration-color: var(--secondary-color);
 }
 
-nav > a {
+nav > div > a {
   font-weight: 800;
   text-decoration: none;
 }
 
-nav > a:hover {
+nav > div > a:hover {
   color: #7a96ea;
 }
 
diff --git a/templates/base.html b/templates/base.html
@@ -53,9 +53,12 @@
     {% block header %}
       <header>
         <nav>
-          {% for link in config.extra.nav %}
-            <a href="{{ link.path }}">{{ link.name }}</a>
-          {% endfor %}
+          <div>
+            {% for link in config.extra.nav %}
+              <a href="{{ link.path }}">{{ link.name }}</a>
+            {% endfor %}
+          </div>
+          <hr/>
         </nav>
       </header>
     {% endblock header %}