diff options
Diffstat (limited to 'themes/ananke/layouts/partials/social-follow.html')
-rw-r--r-- | themes/ananke/layouts/partials/social-follow.html | 80 |
1 files changed, 80 insertions, 0 deletions
diff --git a/themes/ananke/layouts/partials/social-follow.html b/themes/ananke/layouts/partials/social-follow.html new file mode 100644 index 0000000..0755ce2 --- /dev/null +++ b/themes/ananke/layouts/partials/social-follow.html @@ -0,0 +1,80 @@ +<!-- 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 }} |