39 lines
1.8 KiB
HTML
39 lines
1.8 KiB
HTML
<h4><i class="fas fa-share-alt" aria-hidden="true"></i> Share!</h4>
|
|
<ul class="share-buttons">
|
|
<li><a href="https://www.facebook.com/sharer/sharer.php?u={{ .Permalink }}" target="_blank" title="Share on Facebook"><i class="fab fa-facebook" aria-hidden="true"></i><span class="sr-only">Share on Facebook</span></a>
|
|
</li>
|
|
<li><a href="https://twitter.com/intent/tweet?source={{ .Permalink }}" target="_blank" title="Tweet"><i class="fab fa-twitter" aria-hidden="true"></i><span class="sr-only">Tweet</span></a>
|
|
</li>
|
|
<li><a href="https://plus.google.com/share?url={{ .Permalink }}" target="_blank" title="Share on Google+"><i class="fab fa-google-plus" aria-hidden="true"></i><span class="sr-only">Share on Google+</span></a>
|
|
</li>
|
|
<li><a href="http://www.tumblr.com/share?v=3&u={{ .Permalink }}" target="_blank" title="Post to Tumblr"><i class="fab fa-tumblr" aria-hidden="true"></i><span class="sr-only">Post to Tumblr</span></a>
|
|
</li>
|
|
<li><a href="http://pinterest.com/pin/create/button/?url={{ .Permalink }}" target="_blank" title="Pin it"><i class="fab fa-pinterest-p" aria-hidden="true"></i><span class="sr-only">Pin it</span></a>
|
|
</li>
|
|
<li><a href="http://www.reddit.com/submit?url={{ .Permalink }}" target="_blank" title="Submit to Reddit"><i class="fab fa-reddit-alien" aria-hidden="true"></i><span class="sr-only">Submit to Reddit</span></a>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- Style for Icons, Inlined for less requests-->
|
|
<style>
|
|
ul.share-buttons{
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
ul.share-buttons li{
|
|
display: inline;
|
|
}
|
|
|
|
ul.share-buttons .sr-only{
|
|
position: absolute;
|
|
clip: rect(1px 1px 1px 1px);
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
padding: 0;
|
|
border: 0;
|
|
height: 1px;
|
|
width: 1px;
|
|
overflow: hidden;
|
|
}
|
|
</style>
|