From c7b9901e01ec3720b47fcef3d33bdbd6ce53f000 Mon Sep 17 00:00:00 2001
From: Regis Philibert <login@regisphilibert.com>
Date: Thu, 02 Dec 2021 20:22:18 +0000
Subject: [PATCH] Refactor social service logic and UX (#425)
---
layouts/partials/social-follow.html | 99 ++++++-------------------------------------------
1 files changed, 13 insertions(+), 86 deletions(-)
diff --git a/layouts/partials/social-follow.html b/layouts/partials/social-follow.html
index 63cfe69..e94015b 100644
--- a/layouts/partials/social-follow.html
+++ b/layouts/partials/social-follow.html
@@ -1,86 +1,13 @@
-<!-- TODO: Add follow intents where available TODO: Revisit color and hover color -->
-{{ $icon_size := "32px" }}
-{{ with .Param "stackoverflow" }}
-<a href="{{ . }}" target="_blank" class="link-transition stackoverflow link dib z-999 pt3 pt0-l mr1" title="Stack Overflow link" rel="noopener" aria-label="follow on Stack Overflow——Opens in a new window">
- {{ partial "svg/stackoverflow.svg" (dict "size" $icon_size) }}
- {{- partial "new-window-icon.html" . -}}
-</a>
-{{ end }}
-{{ with .Param "facebook" }}
-<a href="{{ . }}" target="_blank" class="link-transition facebook link dib z-999 pt3 pt0-l mr1" title="Facebook link" rel="noopener" aria-label="follow on Facebook——Opens in a new window">
- {{ partial "svg/facebook.svg" (dict "size" $icon_size) }}
- {{- partial "new-window-icon.html" . -}}
-</a>
-{{ end }}
-{{ with .Param "twitter" }}
-<a href="{{ . }}" target="_blank" class="link-transition twitter link dib z-999 pt3 pt0-l mr1" title="Twitter link" rel="noopener" aria-label="follow on Twitter——Opens in a new window">
- {{ partial "svg/twitter.svg" (dict "size" $icon_size) }}
- {{- partial "new-window-icon.html" . -}}
-</a>
-{{ end }}
-{{ with .Param "instagram" }}
-<a href="{{ . }}" target="_blank" class="link-transition instagram link dib z-999 pt3 pt0-l mr1" title="Instagram link" rel="noopener" aria-label="follow on Instagram——Opens in a new window">
- {{ partial "svg/instagram.svg" (dict "size" $icon_size) }}
- {{- partial "new-window-icon.html" . -}}
-</a>
-{{ end }}
-{{ with .Param "youtube" }}
-<a href="{{ . }}" target="_blank" class="link-transition youtube link dib z-999 pt3 pt0-l mr1" title="Youtube link" rel="noopener" aria-label="follow on Youtube——Opens in a new window">
- {{ partial "svg/youtube.svg" (dict "size" $icon_size) }}
- {{- partial "new-window-icon.html" . -}}
-</a>
-{{ end }}
-{{ with .Param "linkedin" }}
-<a href="{{ . }}" target="_blank" class="link-transition linkedin link dib z-999 pt3 pt0-l mr1" title="LinkedIn link" rel="noopener" aria-label="follow on LinkedIn——Opens in a new window">
- {{ partial "svg/linkedin.svg" (dict "size" $icon_size) }}
- {{- partial "new-window-icon.html" . -}}
-</a>
-{{ end }}
-{{ with .Param "github" }}
-<a href="{{ . }}" target="_blank" class="link-transition github link dib z-999 pt3 pt0-l mr1" title="Github link" rel="noopener" aria-label="follow on Github——Opens in a new window">
- {{ partial "svg/github.svg" (dict "size" $icon_size) }}
- {{- partial "new-window-icon.html" . -}}
-</a>
-{{ end }}
-{{ with .Param "gitlab" }}
-<a href="{{ . }}" target="_blank" class="link-transition gitlab link dib z-999 pt3 pt0-l mr1" title="Gitlab link" rel="noopener" aria-label="follow on Gitlab——Opens in a new window">
- {{ partial "svg/gitlab.svg" (dict "size" $icon_size) }}
- {{- partial "new-window-icon.html" . -}}
-</a>
-{{ end }}
-{{ with .Param "keybase" }}
-<a href="{{ . }}" target="_blank" class="link-transition keybase link dib z-999 pt3 pt0-l mr1" title="Keybase link" rel="noopener" aria-label="follow on Keybase——Opens in a new window">
- {{ partial "svg/keybase.svg" (dict "size" $icon_size) }}
- {{- partial "new-window-icon.html" . -}}
-</a>
-{{ end }}
-{{ with .Param "medium" }}
-<a href="{{ . }}" target="_blank" class="link-transition medium link dib z-999 pt3 pt0-l mr1" title="Medium link" rel="noopener" aria-label="follow on Medium——Opens in a new window">
- {{ partial "svg/medium.svg" (dict "size" $icon_size) }}
- {{- partial "new-window-icon.html" . -}}
-</a>
-{{ end }}
-{{ with .Param "mastodon" }}
-<a href="{{ . }}" target="_blank" class="link-transition mastodon link dib z-999 pt3 pt0-l mr1" title="Mastodon link" rel="noopener" aria-label="follow on Mastodon——Opens in a new window">
- {{ partial "svg/mastodon.svg" (dict "size" $icon_size) }}
- {{- partial "new-window-icon.html" . -}}
-</a>
-{{ end }}
-{{ with .Param "slack" }}
-<a href="{{ . }}" target="_blank" class="link-transition slack link dib z-999 pt3 pt0-l mr1" title="Slack link" rel="noopener" aria-label="follow on Slack——Opens in a new window">
- {{ partial "svg/slack.svg" (dict "size" $icon_size) }}
- {{- partial "new-window-icon.html" . -}}
-</a>
-{{ end }}
-{{ with .Param "rss" }}
-<a href="{{ . }}" target="_blank" class="link-transition rss link dib z-999 pt3 pt0-l mr1" title="RSS link" rel="noopener" aria-label="RSS——Opens in a new window">
- {{ partial "svg/rss.svg" (dict "size" $icon_size) }}
- {{- partial "new-window-icon.html" . -}}
-</a>
-{{ end }}
-{{ with .Param "tiktok" }}
-<a href="{{ . }}" target="_blank" class="link-transition tiktok link dib z-999 pt3 pt0-l mr1" title="TikTok link" rel="noopener" aria-label="follow on TikTok——Opens in a new window">
- {{ partial "svg/tiktok.svg" (dict "size" $icon_size) }}
- {{- partial "new-window-icon.html" . -}}
-</a>
-{{ end }}
+{{ $socials := partialCached "func/socials/Get" "socials/Get" }}
+<div class="ananke-socials">
+ {{ range $socials }}
+ <a href="{{ .url }}" target="_blank" class="{{ .name }} ananke-social-link link-transition stackoverflow link dib z-999 pt3 pt0-l mr1" title="{{ .label }} link" rel="noopener" aria-label="follow on {{ .label }}——Opens in a new window">
+ {{ with .icon }}
+ <span class="icon">{{ . }}</span>
+ {{ else }}
+ {{ .label }}
+ {{ end }}
+ {{- partial "new-window-icon.html" . -}}
+ </a>
+ {{ end }}
+</div>
\ No newline at end of file
--
Gitblit v1.10.0