mirror of
https://github.com/peter-tanner/peter-tanner.github.io.git
synced 2024-12-02 21:10:17 +08:00
53 lines
1.8 KiB
HTML
53 lines
1.8 KiB
HTML
|
<!-- Post sharing snippet -->
|
||
|
|
|
||
|
|
<div class="share-wrapper d-flex align-items-center">
|
||
|
|
<span class="share-label text-muted">{{ site.data.locales[include.lang].post.share }}</span>
|
||
|
|
<span class="share-icons">
|
||
|
|
{% capture title %}{{ page.title }} - {{ site.title }}{% endcapture %}
|
||
|
|
{% assign title = title | uri_escape %}
|
||
|
|
{% assign url = page.url | absolute_url | url_encode %}
|
||
|
|
|
||
|
|
{% for share in site.data.share.platforms -%}
|
||
|
|
{%- capture tooltip -%}
|
||
|
|
data-bs-toggle="tooltip" data-bs-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}"
|
||
|
|
{%- endcapture -%}
|
||
|
|
|
||
|
|
{% if share.type == 'Mastodon' %}
|
||
|
|
<script defer type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/share-to-mastodon/+esm"></script>
|
||
|
|
<button class="btn text-start" {{ tooltip }}>
|
||
|
|
<share-to-mastodon
|
||
|
|
class="share-mastodon"
|
||
|
|
message="{{ title }}"
|
||
|
|
url="{{ url }}"
|
||
|
|
{%- if share.instances -%}
|
||
|
|
customInstanceList="{{ share.instances | jsonify | xml_escape }}"
|
||
|
|
{%- endif %}
|
||
|
|
>
|
||
|
|
<i class="fa-fw {{ share.icon }}"></i>
|
||
|
|
</share-to-mastodon>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
{% continue %}
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
{% assign link = share.link | replace: 'TITLE', title | replace: 'URL', url %}
|
||
|
|
|
||
|
|
<a href="{{ link }}" target="_blank" rel="noopener" {{ tooltip }}>
|
||
|
|
<i class="fa-fw {{ share.icon }}"></i>
|
||
|
|
</a>
|
||
|
|
{% endfor %}
|
||
|
|
|
||
|
|
<button
|
||
|
|
id="copy-link"
|
||
|
|
aria-label="Copy link"
|
||
|
|
class="btn small"
|
||
|
|
data-bs-toggle="tooltip"
|
||
|
|
data-bs-placement="top"
|
||
|
|
title="{{ site.data.locales[include.lang].post.button.share_link.title }}"
|
||
|
|
data-title-succeed="{{ site.data.locales[include.lang].post.button.share_link.succeed }}"
|
||
|
|
>
|
||
|
|
<i class="fa-fw fas fa-link pe-none fs-6"></i>
|
||
|
|
</button>
|
||
|
|
</span>
|
||
|
|
</div>
|