add include bloghead.njk for better templating

moiSentineL · Feb 14, 2024 · 81ecfc2 · 81ecfc2
1 parent a981d44
commit 81ecfc2
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 56 deletions.
diff --git a/src/_includes/archives.njk b/src/_includes/archives.njk
@@ -2,34 +2,7 @@
 title: Blog Archive
 layout: base.njk
 ---
-<style type="text/css">
-
-    .fcrow{
-        display: flex;
-        justify-content: center;
-        flex-direction: column;
-        padding-bottom: 0;
-        align-items: center;
-    }
-
-    @media screen and (max-width: 650px) {
-    }
-</style>
-<header>
-    <div class="fcrow">
-        <h1 style="margin: 0">Nibir's Brain Dump</h1>
-        <h2 style="margin: 0;color: #909090">Blog | Digital Garden</h2>
-    </div>
-</header>
-<nav>
-    <div class="navlinks">
-        <a href="/blog/">blog</a>
-        <a href="/blog/archive/">archive</a>
-        <a href="https://visionoflife.substack.com">newsletter</a>
-        {# <a href="/">about me</a> #}
-        <a href="/">about me</a>
-    </div>
-</nav>
+{% include "bloghead.njk" %}
 <main>
     <hr>
     <div style="text-align: center">

diff --git a/src/_includes/bloghead.njk b/src/_includes/bloghead.njk
@@ -0,0 +1,28 @@
+<style type="text/css">
+
+    .fcrow{
+        display: flex;
+        justify-content: center;
+        flex-direction: column;
+        padding-bottom: 0;
+        align-items: center;
+    }
+
+    @media screen and (max-width: 650px) {
+    }
+</style>
+<header>
+    <div class="fcrow">
+        <h1 style="margin: 0">Nibir's Brain Dump</h1>
+        <h2 style="margin: 0;color: #909090">Blog | Digital Garden</h2>
+    </div>
+</header>
+<nav>
+    <div class="navlinks">
+        <a href="/blog/">blog</a>
+        <a href="/blog/archive/">archive</a>
+        <a href="https://visionoflife.substack.com">newsletter</a>
+        {# <a href="/">about me</a> #}
+        <a href="/">about me</a>
+    </div>
+</nav>
diff --git a/src/_includes/blogs.njk b/src/_includes/blogs.njk
@@ -2,34 +2,7 @@
 title: Nibir's Brain Dump
 layout: base.njk
 ---
-<style type="text/css">
-
-    .fcrow{
-        display: flex;
-        justify-content: center;
-        flex-direction: column;
-        padding-bottom: 0;
-        align-items: center;
-    }
-
-    @media screen and (max-width: 650px) {
-    }
-</style>
-<header>
-    <div class="fcrow">
-        <h1 style="margin: 0">Nibir's Brain Dump</h1>
-        <h2 style="margin: 0;color: #909090">Blog | Digital Garden</h2>
-    </div>
-</header>
-<nav>
-    <div>
-        <a href="/">home</a>
-        <a href="/blog/archive/">archive</a>
-        <a href="https://visionoflife.substack.com">newsletter</a>
-        {# <a href="/">about me</a> #}
-        <a href="/">about me</a>
-    </div>
-</nav>
+{% include "bloghead.njk" %}
 <main>
     <hr>
     <p>