Add site header w/ banner; update home page

kylegach · May 7, 2020 · 22179bf1837a9d509b1ec018ebae689fd03c860c · 22179bf
1 parent d1551af
commit 22179bf1837a9d509b1ec018ebae689fd03c860c
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 8 deletions.
diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk
@@ -1,6 +1,8 @@
 {% set siteName = 'Kyle Gach' %}
 {% set pageTitle = title + ' • ' + siteName if title else siteName %}
 
+{% set isHome = page.url === '/' %}
+
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -11,7 +13,21 @@
   <link href="/styles/site.css" rel="stylesheet">
 </head>
 <body>
-  {{content | safe}}
+  {% if not isHome %}
+    <p style="background:lightyellow; font-size:smaller; margin-top:0; padding:0.5rem">I’m rebuilding and redesigning this website in the open. <a href="/writing">Follow along, if you wish.</a></p>
+  {% endif %}
+
+  <header>
+    <nav>
+      <a href="/"><strong>Kyle Gach</strong></a>
+    </nav>
+    {% if isHome %}
+      <p>Rhymes with scratch</p>
+    {% endif %}
+    <br />
+  </header>
+
+  {{ content | safe }}
 
   <hr />
   <footer>

diff --git a/src/index.md b/src/index.md
@@ -2,13 +2,7 @@
 layout: layouts/base
 ---
 
-# Kyle Gach
-
-Rhymes with scratch.
-
-_I'm rebuilding and redesigning this website in the open. [Follow along if you wish](https://github.com/kylegach/kylegach.com)._
-
-Here are the related posts to that effort:
+<p style="background:lightyellow; font-size:smaller; margin:0; padding:0.5rem">I’m rebuilding and redesigning this website in the open. Follow along, if you wish.</p>
 
 {% if collections.v2.length %}
   {% assign items = collections.v2 | reverse %}