From 412d9b4c5094da13dba04db28670245dc01eca64 Mon Sep 17 00:00:00 2001
From: Christian Hollinger <6397962+chollinger93@users.noreply.github.com>
Date: Mon, 31 Jan 2022 13:04:28 -0500
Subject: [PATCH] Tags not working fixed (#4)

---
 exampleSite/content/posts/post-6.md |  1 +
 layouts/_default/term.html          | 33 ++++++++++++++++++++++++++++-
 layouts/_default/terms.html         |  3 +--
 layouts/partials/footer.html        |  2 +-
 static/js/main.js                   | 25 ++++++++++++----------
 5 files changed, 49 insertions(+), 15 deletions(-)

diff --git a/exampleSite/content/posts/post-6.md b/exampleSite/content/posts/post-6.md
index f0d82e5..da7d33e 100644
--- a/exampleSite/content/posts/post-6.md
+++ b/exampleSite/content/posts/post-6.md
@@ -2,6 +2,7 @@
 title: "Hugo shortcodes"
 date: 2021-07-04T12:13:36+05:30
 description: Here is a demo of all shortcodes available in Hugo.
+tags: [markdown]
 ---
 
 ## Images
diff --git a/layouts/_default/term.html b/layouts/_default/term.html
index 9648bf3..3ae07ed 100644
--- a/layouts/_default/term.html
+++ b/layouts/_default/term.html
@@ -6,7 +6,38 @@
 	<div class="container wrapper tags">
 		{{ partial "head.html" . }}
 
-		<h1 class="page-title">All tags</h1>
+		<h1 class="page-title">Tag: {{ .Title }}</h1>
+
+		{{ with (.Site.GetPage .Title) }}
+		<ul class="posts flat">
+			{{ range .Pages }}
+			<li class="post">
+				<div class="post-header">
+					<div class="meta">
+						<div class="date">
+							<span class="day">{{ dateFormat "02" .Date }}</span>
+							<span class="rest">{{ if $.Site.Data.month }}{{ index $.Site.Data.month (printf "%d" .Date.Month) }} {{ .Date.Year }}{{ else }}{{ dateFormat "Jan 2006" .Date }}{{ end }}</span>
+						</div>
+					</div>
+					<div class="matter">
+						<h4 class="title small">
+							<a href="{{ .RelPermalink }}">{{.Title}}{{ if .Draft }}<sup class="draft-label">DRAFT</sup>{{ end }}</a>
+						</h4>
+						<span class="description">
+							{{ if isset .Params "description" }}
+								{{ .Description }}
+							{{ else if gt (len .RawContent) 120 }}
+								{{ slicestr .RawContent 0 120 }}...
+							{{ else }}
+								{{ .RawContent }}
+							{{ end }}
+						</span>
+					</div>
+				</div>
+			</li>
+			{{ end }}
+		</ul>
+		{{ end }}
 	</div>
 
 	{{ partial "footer.html" . }}
diff --git a/layouts/_default/terms.html b/layouts/_default/terms.html
index 6ec46d5..baf2684 100644
--- a/layouts/_default/terms.html
+++ b/layouts/_default/terms.html
@@ -7,7 +7,7 @@
 		{{ partial "head.html" . }}
 
 		<h1 class="page-title">{{ .Name }}</h1>
-
+		
 		{{ $biggest := 1 }}
 		{{ $smallest := 1 }}
 		{{ $max := 3 }}
@@ -26,5 +26,4 @@ <h1 class="page-title">{{ .Name }}</h1>
 
 	{{ partial "footer.html" . }}
 </body>
-
 </html>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 0b10d88..2d92e25 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,6 +1,6 @@
 <div class="footer wrapper">
 	<nav class="nav">
-		<div>{{ default 2020 .Date.Year}} {{ with .Site.Copyright }} {{ . | safeHTML }} {{ end }}</div>
+		<div>{{ default 2022 .Date.Year}} {{ with .Site.Copyright }} {{ . | safeHTML }} {{ end }}</div>
 		<!-- <a href="https://github.com/knadh/hugo-ink">Ink</a> theme on <a href="https://gohugo.io">Hugo</a></div> -->
 	</nav>
 </div>
diff --git a/static/js/main.js b/static/js/main.js
index 113c9b6..a87e9c5 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -15,21 +15,24 @@ document.addEventListener("DOMContentLoaded", function(){
     scheme = savedScheme;
   }
 
-  if(scheme == "dark") {
-    darkscheme(toggle, container);
-  } else {
-    lightscheme(toggle, container);
-  }
-
-  toggle.addEventListener("click", () => {
-    if (toggle.className === "light") {
+  if (toggle) {
+    if(scheme == "dark") {
       darkscheme(toggle, container);
-    } else if (toggle.className === "dark") {
-      lightscheme(toggle, container);
+    } else {
+        lightscheme(toggle, container);
     }
-  });
+
+    toggle.addEventListener("click", () => {
+      if (toggle.className === "light") {
+        darkscheme(toggle, container);
+      } else if (toggle.className === "dark") {
+        lightscheme(toggle, container);
+      }
+    });
+  }
 });
 
+
 function darkscheme(toggle, container) {
   localStorage.setItem("scheme", "dark");
   toggle.innerHTML = feather.icons.sun.toSvg();