Skip to content

Instantly share code, notes, and snippets.

@yemster
Created May 13, 2016 15:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save yemster/44f389df2e839251c15aafd458228ecf to your computer and use it in GitHub Desktop.
Save yemster/44f389df2e839251c15aafd458228ecf to your computer and use it in GitHub Desktop.
Lightweight share tool snippet for specific services
<script type="text/javascript">
// Create pop-up box to sharing destination
popOutSharer(t){
var e=600,
n=screen.width;
n>e&&(n=e);
var i=window.open(t,"name","height=200,width="+n);
return window.focus&&i.focus(),!1
}
// MINIFIED version :: popOutSharer(t){var e=600,n=screen.width;n>e&&(n=e);var i=window.open(t,"name","height=200,width="+n);return window.focus&&i.focus(),!1}
</script>
<div class="block">
<span class="job-call-to-action__sharing">
<span class="job-call-to-action__sharing-share"> or share it </span>
<a class="share-job share--twitter" href="http://twitter.com/share?text=Check out my Snapppt account&amp;url=https%3A%2F%2Fsnapppt.com/--USER-NAME-HERE--" onclick="return popOutSharer('http://twitter.com/share?text=Check out my Snapppt account&amp;url=https%3A%2F%2Fsnapppt.com/--USER-NAME-HERE--')" target="_blank">
<i class="fa fa-twitter"></i>
</a>
<a class="share-job share--facebook" href="http://facebook.com/sharer.php?s=100&amp;p[title]=Check out my shoppable Instagram page&amp;p[summary]=--USER-NAME-HERE--%20-%20--SNAPT-DESCRIPTION--&amp;p[url]=https%3A%2F%2Fsnapppt.com/--USER-NAME-HERE--" onclick="return popOutSharer('http://facebook.com/sharer.php?s=100&amp;p[title]=Check out my shoppable Instagram page&amp;p[summary]=--USER-NAME-HERE--&amp;p[url]=https%3A%2F%2Fsnapppt.com/--USER-NAME-HERE--')" target="_blank">
<i class="fa fa-facebook"></i>
</a>
<a class="share-job share--email" href="mailto:?subject=Check out my shoppable Instagram page%20--USER-NAME-HERE--&amp;body=--SNAPT-DESCRIPTION--%0A%0Ahttps%3A%2F%2Fsnapppt.com/--USER-NAME-HERE--" target="_top">
<i class="fa fa-envelope"></i>
</a>
</span>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment