From 63dc8393aa53727db44d2b84adfbb377d6478692 Mon Sep 17 00:00:00 2001
From: Kilerd Chan <blove694@gmail.com>
Date: Thu, 2 May 2019 13:54:17 +0800
Subject: [PATCH] feat: add navigation bar

---
 templates/homepage.html       | 43 ++++++++++++++++++++---------------
 templates/resources/style.css | 21 ++++++++++++++++-
 2 files changed, 45 insertions(+), 19 deletions(-)

diff --git a/templates/homepage.html b/templates/homepage.html
index bba1150..e0621ea 100644
--- a/templates/homepage.html
+++ b/templates/homepage.html
@@ -4,26 +4,33 @@
 
 {% block body %}
 <section class="full-page">
-<header>
-<section class="container">
-<h1>{{ setting.title }}</h1>
-<p>{{ setting.description }}</p>
-</section>
-</header>
-
-<section class="container">
-    {% for article in articles %}
-    <section class="article">
-        <p class="mate">{{ article.timestamp | date(format="%B %d, %Y") }}</p>
-        <a class="title" href="{% if article.article.url %}{{ article.article.url }}{% else %}archives/{{ article.article.id }}{% endif %}">{{ article.article.title }}</a>
-        <section class="yue desc">
-            {{ article.description|safe }}
+    <header>
+        <section class="container">
+            <h1>{{ setting.title }}</h1>
+            <p>{{ setting.description }}</p>
+            <nav>
+                <a href="/">HOMEPAGE</a>
+                <a href="https://portfolios.kilerd.me">PORTFOLIOS</a>
+                <a href="/about">ABOUT</a>
+            </nav>
         </section>
+    </header>
+
+    <section class="container">
+        {% for article in articles %}
+        <section class="article">
+            <p class="mate">{{ article.timestamp | date(format="%B %d, %Y") }}</p>
+            <a class="title"
+               href="{% if article.article.url %}{{ article.article.url }}{% else %}archives/{{ article.article.id }}{% endif %}">{{
+                article.article.title }}</a>
+            <section class="yue desc">
+                {{ article.description|safe }}
+            </section>
+        </section>
+        {% endfor %}
+
+
     </section>
-    {% endfor %}
-
-
-</section>
 </section>
 
 {% endblock body %}
\ No newline at end of file
diff --git a/templates/resources/style.css b/templates/resources/style.css
index 6cbec2e..f228c70 100644
--- a/templates/resources/style.css
+++ b/templates/resources/style.css
@@ -40,10 +40,29 @@ header p {
     color: #A3ABB3;
     margin: 0;
     font-size: 1.2rem;
-    padding-bottom: 2rem;
 
 }
 
+header nav {
+    padding: 1rem 0;
+}
+
+header nav a:first-child {
+    margin-left: 0;
+}
+
+header nav a {
+    font-size: 1.05rem;
+    color: #dc1313;
+    margin: 0 5px;
+    /* font-size: .9rem; */
+    text-decoration: none;
+}
+
+header nav a:hover {
+    border-bottom: 1px solid #dc1313;
+}
+
 
 section.article {
     padding: 3rem 0 2rem;