add kudos

This commit is contained in:
John Bowdre 2024-01-19 17:14:18 -06:00
parent 659b6dfaa4
commit 5639ff45cf
4 changed files with 24 additions and 2 deletions

View file

@ -18,7 +18,7 @@ giscusInputPosition = "bottom"
giscusLang = "en" giscusLang = "en"
giscusLoading = "lazy" giscusLoading = "lazy"
giscusMapping = "og:title" giscusMapping = "og:title"
giscusReactions = "1" giscusReactions = "0"
giscusRepo = "jbowdre/site-comments" giscusRepo = "jbowdre/site-comments"
giscusRepoId = "R_kgDOKKEGDw" giscusRepoId = "R_kgDOKKEGDw"
giscusStrict = "0" giscusStrict = "0"

View file

@ -16,6 +16,7 @@
<div class="content__body"> <div class="content__body">
{{ .Content }} {{ .Content }}
</div> </div>
<span class="post_kudos">Kudoses:<button class="tinylytics_kudos"></button></span>
{{- $showComments := true }} {{- $showComments := true }}
{{- if eq .Site.Params.comments false }} {{- if eq .Site.Params.comments false }}
{{- $showComments = false }} {{- $showComments = false }}

View file

@ -38,7 +38,7 @@
<!-- cabin analytics --> <!-- cabin analytics -->
<script async defer src="https://scripts.withcabin.com/hello.js"></script> <script async defer src="https://scripts.withcabin.com/hello.js"></script>
<!-- tinylytics --> <!-- tinylytics -->
<script src="https://tinylytics.app/embed/z4bwvaCBkF39NcDDLsRu.js" defer></script> <script src="https://tinylytics.app/embed/z4bwvaCBkF39NcDDLsRu.js?kudos" defer></script>
{{ end }} {{ end }}
<!-- syntax highlighting --> <!-- syntax highlighting -->

View file

@ -281,4 +281,25 @@ blockquote {
font-style: italic; font-style: italic;
border-left: 0.25rem solid var(--logo); border-left: 0.25rem solid var(--logo);
padding-left: 0.25rem; 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;
} }