john/runtimeterror
1
0
Fork 0
mirror of https://github.com/jbowdre/runtimeterror.git synced 2024-11-21 22:42:19 +00:00
Code Issues Projects Releases Packages Wiki Activity

add kudos button for cabin event tracking

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

7
layouts/_default/single.html
View file

@ -40,10 +40,9 @@
{{- $reply = false }}
{{- end }}
{{- if eq $reply true }}
<hr>
{{- if (eq $reply true) }}
<span class="post_email_reply"><a href="mailto:wheel.east.brief@clkdmail.com?Subject=Re: {{ .Title }}">📧 Reply by email</a></span>
{{- end }}
<hr>
<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 }}
<footer class="content__footer"></footer>
{{ end }}

24
static/css/custom.css
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);
}