From 5639ff45cfae7fc56f839a6ffaa17d93cc63ce91 Mon Sep 17 00:00:00 2001
From: John Bowdre <john@bowdre.net>
Date: Fri, 19 Jan 2024 17:14:18 -0600
Subject: [PATCH] add kudos

---
 config/_default/params.toml  |  2 +-
 layouts/_default/single.html |  1 +
 layouts/partials/head.html   |  2 +-
 static/css/custom.css        | 21 +++++++++++++++++++++
 4 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/config/_default/params.toml b/config/_default/params.toml
index a329dfa..9a36df1 100644
--- a/config/_default/params.toml
+++ b/config/_default/params.toml
@@ -18,7 +18,7 @@ giscusInputPosition = "bottom"
 giscusLang = "en"
 giscusLoading = "lazy"
 giscusMapping = "og:title"
-giscusReactions = "1"
+giscusReactions = "0"
 giscusRepo = "jbowdre/site-comments"
 giscusRepoId = "R_kgDOKKEGDw"
 giscusStrict = "0"
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index a0af61c..0e31ec7 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -16,6 +16,7 @@
     <div class="content__body">
         {{ .Content }}
     </div>
+    <span class="post_kudos">Kudoses:<button class="tinylytics_kudos"></button></span>
     {{- $showComments := true }}
     {{- if eq .Site.Params.comments false }}
       {{- $showComments = false }}
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 963f37a..a27a7e6 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -38,7 +38,7 @@
 <!-- cabin analytics -->
 <script async defer src="https://scripts.withcabin.com/hello.js"></script>
 <!-- tinylytics -->
-<script src="https://tinylytics.app/embed/z4bwvaCBkF39NcDDLsRu.js" defer></script>
+<script src="https://tinylytics.app/embed/z4bwvaCBkF39NcDDLsRu.js?kudos" defer></script>
 {{ end }}
 
 <!-- syntax highlighting -->
diff --git a/static/css/custom.css b/static/css/custom.css
index 7174a34..1d2055f 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -281,4 +281,25 @@ blockquote {
   font-style: italic;
   border-left: 0.25rem solid var(--logo);
   padding-left: 0.25rem;
+}
+
+/* tinylytics kudos styling*/
+.post_kudos {
+  display: flex;
+}
+
+button.tinylytics_kudos {
+  border: 0;
+  background-color: transparent;
+  cursor: pointer;
+  display: flex;
+  color: var(--off-fg);
+  font-size: 1.2rem;
+  padding: 0;
+  transition: all .2s ease-in-out;
+}
+
+button.tinylytics_kudos:hover {
+  transform: scale(1.1);
+  text-shadow: var(--off-fg) 0 0 1px;
 }
\ No newline at end of file