diff options
| author | eltrac <hi@eltr.ac> | 2026-05-01 12:05:25 +0800 |
|---|---|---|
| committer | eltrac <hi@eltr.ac> | 2026-05-01 12:05:25 +0800 |
| commit | 8086ee5af283fc2736f417d31f90b8910991c9ab (patch) | |
| tree | 63282c8c5670b8c82426c380dc71381ae2f11c4b /layouts/_partials/posts/interaction.html | |
| parent | 17fcd3cecec9e3a9a67c3b0cf15c936d6b1d20c0 (diff) | |
feat: new interaction area
Diffstat (limited to 'layouts/_partials/posts/interaction.html')
| -rw-r--r-- | layouts/_partials/posts/interaction.html | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/layouts/_partials/posts/interaction.html b/layouts/_partials/posts/interaction.html new file mode 100644 index 0000000..610a26d --- /dev/null +++ b/layouts/_partials/posts/interaction.html @@ -0,0 +1,41 @@ +{{ $itemClasses := "font-mono" }} +{{ $itemLinkClasses := "inline-flex items-center gap-2 hover:no-underline opactiy-50" }} + +<hr /> + +<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> + +<div id="interaction-note" class="my-4 px-5 py-2 rd-lg relative" + style="background-color: oklch(from var(--block-background-color) l c h / calc(alpha - 0.5))"> + <p>「極客死亡計劃」没有评论区，你可以前往<a href="{{ or .Params.toot .Params.fedi }}">联邦宇宙</a>参与讨论，或者给我<a href="mailto:hi@eltr.ac?subject=回复：{{ .Title }}">发邮件</a>。本站也支持 <a href="/article/webmention">Webmention</a> 规范，如果你写了一篇文章回应此文，可以<a href="https://wm.geedea.pro/?target={{ .Permalink }}">去这里</a>用表单提交。目前只有 Webmention 会显示在网站上。</p> + <button onclick="document.getElementById('interaction-note').classList.add('hidden'); + localStorage.setItem('geedeapro.closeInteractionNote', true)" + class="absolute top-1 right-1 rotate-45 text-lg text-secondary">+</button> +</div> +<script> +if (localStorage.getItem('geedea.closeInteractionNote')) { + document.getElementById('interaction-note').classList.add('hidden') +} +</script> |