add kudos

This commit is contained in:
John Bowdre 2024-01-19 17:14:18 -06:00
parent 477d91b519
commit f6ff51eeea
4 changed files with 24 additions and 2 deletions

View file

@ -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"

View file

@ -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 }}

View file

@ -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 -->

View file

@ -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;
}