From fc359e9cdd044f8ba7b2d5df761a897162ecd2b9 Mon Sep 17 00:00:00 2001
From: John Bowdre <john@bowdre.net>
Date: Sat, 19 Aug 2023 18:07:01 -0500
Subject: [PATCH] display random taglines on each page load

---
 config/_default/params.toml   | 18 +++++++++++++++++-
 layouts/partials/about.html   | 15 +++++++++++++++
 layouts/partials/tagline.html | 13 +++++++++++++
 3 files changed, 45 insertions(+), 1 deletion(-)
 create mode 100644 layouts/partials/about.html
 create mode 100644 layouts/partials/tagline.html

diff --git a/config/_default/params.toml b/config/_default/params.toml
index f1ed6d5..165b1c6 100644
--- a/config/_default/params.toml
+++ b/config/_default/params.toml
@@ -10,8 +10,24 @@ palette = "runtimeterror"
 # Sidebar: about/bio
 [about]
 title = "runtimeterror"
-description = "Better living through less-bad code."
 logo = "images/broken-computer.svg"
+taglines = [
+  "better living through less shitty code",
+  "bugs are like onions, they have layers",
+  "bugs, uh, find a way",
+  "creating new and exciting bugs",
+  "houston, we have a bug",
+  "i ain't afraid of no code",
+  "i see null pointers",
+  "i'm not a real programmer",
+  "keep your friends close, but your breakpoints closer",
+  "may the code be with you",
+  "ship things and breakfast",
+  "there's no place like localhost",
+  "tonight we test in prod",
+  "why did it have to be bugs",
+  "you can't handle the exception",
+]
 
 # Sidebar: social links
 # Available icon sets:
diff --git a/layouts/partials/about.html b/layouts/partials/about.html
new file mode 100644
index 0000000..de89209
--- /dev/null
+++ b/layouts/partials/about.html
@@ -0,0 +1,15 @@
+{{ with .Site.Params.about }}
+<div class="aside__about">
+    {{ with .logo }}<img class="about__logo" src="{{ . | absURL }}" alt="Logo">{{ end }}
+<h1 class="about__title">{{ .title }}</h1>
+{{ partial "tagline.html" . }}
+</div>
+{{ end }}
+
+<ul class="aside__social-links">
+    {{ range $item := .Site.Params.socialLinks }}
+    <li>
+        <a href="{{ $item.url }}" rel="me" aria-label="{{ $item.title }}" title="{{ $item.title }}"><i class="{{ $item.icon }}" aria-hidden="true"></i></a>&nbsp;
+    </li>
+    {{ end }}
+</ul>
diff --git a/layouts/partials/tagline.html b/layouts/partials/tagline.html
new file mode 100644
index 0000000..0c3b91b
--- /dev/null
+++ b/layouts/partials/tagline.html
@@ -0,0 +1,13 @@
+{{ with . }}
+<meta name="taglines" content="{{ .taglines | jsonify }}" />
+{{ end }}
+<script language="Javascript" type="text/javascript">
+  var taglines = JSON.parse(document.getElementsByTagName("meta")["taglines"].content);
+  function getTagline() {
+    var randIndex = Math.floor(Math.random() * taglines.length);
+    document.getElementById("tagline").innerHTML = taglines[randIndex];
+  }
+  console.log(taglines)
+  window.addEventListener("pageshow", getTagline);
+</script>
+<div id="tagline"></div>