From 59ec87be3cfa0e081eaae1716bb080b6b5901df7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maciej=20P=C4=99dzich?= <dnalop.me@gmail.com>
Date: Sat, 13 May 2023 06:38:06 +0200
Subject: [PATCH] Rename HeaderLink component to NavLink

---
 src/components/Header.astro                   | 37 ++++---------------
 .../{HeaderLink.astro => NavLink.astro}       |  0
 src/pages/blog/index.astro                    | 11 ++++++
 3 files changed, 19 insertions(+), 29 deletions(-)
 rename src/components/{HeaderLink.astro => NavLink.astro} (100%)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 865efd9..539f9ab 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -1,5 +1,5 @@
 ---
-import HeaderLink from './HeaderLink.astro';
+import NavLink from './NavLink.astro';
 ---
 
 <header>
@@ -8,38 +8,17 @@ import HeaderLink from './HeaderLink.astro';
     <span>Pędzich</span>
   </span>
   <nav class="cmr2-text" aria-label="Site navigation">
-    <HeaderLink href="/">Home</HeaderLink>
-    <HeaderLink href="/blog">Blog</HeaderLink>
-    <HeaderLink href="/projects">Projects</HeaderLink>
-    <HeaderLink href="/resume.pdf">Resume</HeaderLink>
-    <HeaderLink href="/uses">Setup</HeaderLink>
-    <HeaderLink href="/links">Links</HeaderLink>
-    <HeaderLink href="mailto:contact@maciejpedzi.ch">Email me</HeaderLink>
+    <NavLink href="/">Home</NavLink>
+    <NavLink href="/blog">Blog</NavLink>
+    <NavLink href="/projects">Projects</NavLink>
+    <NavLink href="/resume.pdf">Resume</NavLink>
+    <NavLink href="/uses">Setup</NavLink>
+    <NavLink href="/links">Links</NavLink>
+    <NavLink href="mailto:contact@maciejpedzi.ch">Email me</NavLink>
   </nav>
 </header>
 
 <style>
-  @media only screen and (max-width: 625px) {
-    nav.cmr2-text {
-      justify-content: left;
-    }
-  }
-
-  nav.cmr2-text {
-    line-height: 1.5;
-    flex-wrap: nowrap;
-    overflow-x: auto;
-  }
-
-  nav > a {
-    color: rgba(255, 255, 255, 0.4);
-    text-decoration: none;
-  }
-
-  header {
-    margin: 0em 0 2em;
-  }
-
   h2 {
     margin: 0.5em 0;
   }
diff --git a/src/components/HeaderLink.astro b/src/components/NavLink.astro
similarity index 100%
rename from src/components/HeaderLink.astro
rename to src/components/NavLink.astro
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index 331b902..0ad61e6 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -1,6 +1,7 @@
 ---
 import BaseLayout from '../../layouts/BaseLayout.astro';
 import PostList from '../../components/PostList.astro';
+import NavLink from '../../components/NavLink.astro';
 ---
 
 <BaseLayout
@@ -9,6 +10,12 @@ import PostList from '../../components/PostList.astro';
 >
   <section>
     <h2>My blog</h2>
+    <nav class="cmr2-text" aria-label="">
+      <NavLink href="/blog">recent posts</NavLink>
+      <NavLink href="/blog/categories">categories</NavLink>
+      <NavLink href="/blog/tags">tags</NavLink>
+      <NavLink href="/blog/archive">archive</NavLink>
+    </nav>
     <PostList />
   </section>
 </BaseLayout>
@@ -17,4 +24,8 @@ import PostList from '../../components/PostList.astro';
   section {
     text-align: center;
   }
+
+  section > h2 {
+    margin-bottom: 0.5em;
+  }
 </style>