44 lines
2.0 KiB
HTML
44 lines
2.0 KiB
HTML
|
<!-- Social Share Button HTML -->
|
||
|
|
{{- if .Param "social_share" }}
|
||
|
|
{{ $title := .Title }}
|
||
|
|
{{ $url := printf "%s" .Permalink }}
|
||
|
|
{{ $body := print $title ", by " .Site.Title "\n" .Params.description "\n\n" $url "\n" }}
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<h2>Share</h2>
|
||
|
|
<div class="social-links">
|
||
|
|
<ul class="social-icons--share">
|
||
|
|
<!-- Twitter -->
|
||
|
|
{{ if .Site.Params.social.share.twitter }}
|
||
|
|
<a href="https://twitter.com/intent/tweet?url={{ .Permalink }}&text={{ .Title }}" target="_blank" rel="noopener" aria-label="Share on Twitter" class="social-btn twitter">
|
||
|
|
<li>{{ partial "svg/twitter.svg" }}</li>
|
||
|
|
</a>
|
||
|
|
{{ end }}
|
||
|
|
<!-- Reddit -->
|
||
|
|
{{ if .Site.Params.social.share.reddit }}
|
||
|
|
<a href="https://www.reddit.com/submit?url={{ .Permalink }}" target="_blank" rel="noopener" aria-label="Share on Reddit" class="social-btn reddit">
|
||
|
|
<li>{{ partial "svg/reddit.svg" }}</li>
|
||
|
|
</a>
|
||
|
|
{{ end }}
|
||
|
|
<!-- Facebook -->
|
||
|
|
{{ if .Site.Params.social.share.facebook }}
|
||
|
|
<a href="https://www.facebook.com/sharer.php?u={{ $url }}" target="_blank" rel="noopener" aria-label="Share on Facebook" class="social-btn facebook">
|
||
|
|
<li>{{ partial "svg/facebook.svg" }}</li>
|
||
|
|
</a>
|
||
|
|
{{ end }}
|
||
|
|
<!-- LinkedIn -->
|
||
|
|
{{ if .Site.Params.social.share.linkedin }}
|
||
|
|
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ $url }}&source={{ $url }}&title={{ $title }}&summary={{ $title }}" target="_blank" rel="noopener" aria-label="Share on LinkedIn" class="social-btn linkedin">
|
||
|
|
<li>{{ partial "svg/linkedin.svg" }}</li>
|
||
|
|
</a>
|
||
|
|
{{ end }}
|
||
|
|
<!-- Email -->
|
||
|
|
{{ if .Site.Params.social.share.email }}
|
||
|
|
<a href="mailto:?subject={{ .Site.Title }}%20-%20{{ $title }}.&body={{ $body }}" target="_blank" class="social-btn email">
|
||
|
|
<li>{{ partial "svg/email.svg" }}</li>
|
||
|
|
</a>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
{{ end }}
|
||
|
|
{{- end }}
|