Permalink
Browse files

Sharing buttons

  • Loading branch information...
stefano-maggiolo committed Jan 17, 2015
1 parent 248e7b4 commit 7bd00a5aa75f2be8bf8f7daf17d08e35c051645f
Showing with 46 additions and 5 deletions.
  1. +11 −0 _includes/share.html
  2. +15 −3 _layouts/default.html
  3. +2 −1 _layouts/page.html
  4. +3 −1 _layouts/post.html
  5. +14 −0 _scss/_share.scss
  6. +1 −0 style.scss
@@ -0,0 +1,11 @@
<div class="share">
<div class="share-fb">
<div class="fb-like" data-href="{{ site.url }}{{ site.posts.first.url }}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
</div>
<div class="share-tw">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-url="{{ site.url }}{{ site.posts.first.url }}" data-lang="en">Tweet</a>
</div>
<div class="share-gp">
<g:plusone size="medium" count="true" href="{{ site.url }}{{ site.posts.first.url }}"></g:plusone>
</div>
</div>
@@ -17,20 +17,32 @@
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/style.css" />
<link rel="alternate" type="application/rss+xml" title="{{ site.name }} - {{ site.description }}" href="{{ site.baseurl }}/feed.xml" />

<!-- Created with Jekyll Now - http://github.com/barryclark/jekyll-now -->
<link href='http://fonts.googleapis.com/css?family=Ek+Mukta:200,700' rel='stylesheet' type='text/css'>

<script type="text/javascript" src="http://apis.google.com/js/plusone.js?ver=4.1"></script>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js?ver=4.1"></script>
</head>

<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=207407295963531&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="wrapper-masthead">
<div class="container">
<header class="masthead clearfix">
<a href="{{ site.baseurl }}/" class="site-avatar"><img src="{{ site.avatar }}" /></a>

<div class="site-info">
<h1 class="site-name"><a href="{{ site.baseurl }}/">{{ site.name }}</a></h1>
<p class="site-description">{{ site.description }}</p>
</div>

<nav>
<a href="{{ site.baseurl }}/">Blog</a>
<a href="{{ site.baseurl }}/about">About</a>
@@ -3,9 +3,10 @@
---

<article class="page">

<h1>{{ page.title }}</h1>

{% include share.html %}

<div class="entry">
{{ content }}
</div>
@@ -5,6 +5,8 @@
<article class="post">
<h1>{{ page.title }}</h1>

{% include share.html %}

<div class="entry">
{{ content }}
</div>
@@ -14,4 +16,4 @@ <h1>{{ page.title }}</h1>
</div>

{% include disqus.html disqus_identifier=page.disqus_identifier %}
</article>
</article>
@@ -0,0 +1,14 @@
.share {
display: flex;
margin: 10px 0 25px;
font-size: 1px;
}
.share > div {
display: inline-block;
flex-grow: 1;
text-align: center;
width: 110px;
}
.share iframe {
vertical-align: baseline;
}
@@ -287,3 +287,4 @@ footer {
// ... Otherwise it really bloats up the top of the CSS file and makes it difficult to find the start
@import "_highlights";
@import "_svg-icons";
@import "_share";

0 comments on commit 7bd00a5

Please sign in to comment.