add kudos button for cabin event tracking

This commit is contained in:
John Bowdre 2024-06-24 16:41:19 -05:00
parent dc3f6bb355
commit 0332cbaab4
2 changed files with 27 additions and 4 deletions

View file

@ -41,9 +41,8 @@
{{- end }}
{{- if eq $reply true }}
<hr>
{{- if (eq $reply true) }}
<span class="post_kudos"><button class="kudos" data-cabin-event="kudos">👍</button>Enjoyed this?</span>
<span class="post_email_reply"><a href="mailto:wheel.east.brief@clkdmail.com?Subject=Re: {{ .Title }}">📧 Reply by email</a></span>
{{- end }}
{{- end }}
<footer class="content__footer"></footer>
{{ end }}

View file

@ -403,3 +403,27 @@ p:has(+ ul) {
}
}
/* Cabin kudos styling */
.post_kudos {
display: flex;
}
button.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.kudos:hover {
transform: scale(1.1);
text-shadow: var(-off-bg) 0 0 1px;
}
button.kudos:active {
transform: scale(0.9);
}