{{ with .Params.sharingLinks | default (.Site.Params.article.sharingLinks | default false) }}
  {{ $links := hugo.Data.sharing }}
  {{ $pageURL := urlquery $.Permalink }}
  {{ $pageTitle := urlquery $.Title }}
  {{ $mastodonURL := replace $pageURL "+" "%20" }}
  {{ $mastodonTitle := replace $pageTitle "+" "%20" }}
  <section class="flex flex-row flex-wrap justify-center pt-4 text-xl">
    {{ range . }}
      {{ with index $links . }}
        <a
          class="m-1 rounded bg-neutral-300 p-1.5 text-neutral-700 hover:bg-primary-500 hover:text-neutral dark:bg-neutral-700 dark:text-neutral-300 dark:hover:bg-primary-400 dark:hover:text-neutral-800"
          target="_blank"
          href="{{ if eq .icon "mastodon" }}{{ printf .url $mastodonURL $mastodonTitle | safeURL }}{{ else }}{{ printf .url $pageURL $pageTitle | safeURL }}{{ end }}"
          title="{{ i18n .title }}"
          aria-label="{{ i18n .title }}">
          {{ partial "icon.html" .icon }}
        </a>
      {{ end }}
    {{ end }}
  </section>
{{ end }}