layouts/_partials/posts/interaction-buttons.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

{{ $itemClasses := "font-mono" }}
{{ $itemLinkClasses := "inline-flex items-center gap-2 hover:no-underline opactiy-50" }}

<section id="interaction"
    class="flex gap-1 justify-between">
    <div id="interaction-like" class="{{ $itemClasses }}">
        {{ partial "posts/like" . }}
    </div>
    <div class="flex gap-2">
        <div id="interaction-email" class="{{ $itemClasses }}"> 
            <a href="mailto:hi@eltr.ac?subject=回复：{{ .Title }}"
               class="{{ $itemLinkClasses }}">
                <img src="/icons/mail.svg" width="16" height="16"> Email
            </a>
        </div>
        <div id="interaction-fedi" class="{{ $itemClasses }}">
            {{ $fedipost := or .Params.toot .Params.fedi }}
            {{ with $fedipost }}
            <a href="{{ . }}" target="_blank"
               class="{{ $itemLinkClasses }}">
                <span class="xerox font-sans">⁂</span> Fediverse
            </a>
            {{ end }}
        </div>
    </div>
</section>