summaryrefslogtreecommitdiff
path: root/_layouts/post.html
diff options
context:
space:
mode:
authorBen Burwell <ben@benburwell.com>2015-08-11 22:56:34 -0400
committerBen Burwell <ben@benburwell.com>2015-08-11 22:56:34 -0400
commitb3967c83cbdba7f44c2ecef09d3e80801106ac81 (patch)
tree1dd61b9840a85ab8d3d4610bbba2f2e3aa4a00c6 /_layouts/post.html
parent6b0fad5657d802603cb6f64f51b5387bbfbc2059 (diff)
Update to Tiny CSS
Diffstat (limited to '_layouts/post.html')
-rw-r--r--_layouts/post.html67
1 files changed, 37 insertions, 30 deletions
diff --git a/_layouts/post.html b/_layouts/post.html
index cd1eeaf..a6bdec5 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -2,39 +2,46 @@
layout: master
---
-<article itemscope itemtype="http://schema.org/BlogPosting" class="article">
- <header>
- <h1 itemprop="headline">{{ page.title }}</h1>
- <p><time datetime="{{ post.date | date: '%Y-%m-%d' }}" itemprop="datePublished">{{ page.date | date: "%A, %-d %B %Y" }}</time></p>
- </header>
+<article itemscope itemtype="http://schema.org/BlogPosting">
+ <header>
+ <h1 itemprop="headline">{{ page.title }}</h1>
+ <p class="muted sans">
+ <span itemprop="author" itemscope itemtype="http://schema.org/Person">by
+ <span itemprop="name">Ben Burwell</span>
+ </span>
+ <a href="https://twitter.com/bburwell">@bburwell</a> &bull;
+ <time datetime="{{ post.date | date: '%Y-%m-%d' }}" itemprop="datePublished">{{ page.date | date: "%A, %-d %B %Y" }}</time>
+ </p>
+ </header>
- <div itemprop="articleBody">
- {{ content }}
- </div>
+ <div itemprop="articleBody">
+ {{ content }}
+ </div>
</article>
-<div class="print-hide center">
- <p class="sans">Share on:</p>
- <p>
- <a target="_blank" href="https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fwww.benburwell.com{{ page.url | cgi_escape }}&amp;t={{ page.title }}"><i class="fa fa-2x fa-hacker-news"></i></a>
- <a target="_blank" href="https://twitter.com/intent/tweet?text={{ page.title }}&amp;url=http%3A%2F%2Fwww.benburwell.com{{ page.url | cgi_escape }}"><i class="fa fa-2x fa-twitter-square"></i></a>
- <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.benburwell.com{{ page.url | cgi_escape }}"><i class="fa fa-2x fa-facebook-square"></i></a>
- <a target="_blank" href="https://plus.google.com/share?url=http%3A%2F%2Fwww.benburwell.com{{ page.url | cgi_escape }}&amp;t={{ page.title }}"><i class="fa fa-2x fa-google-plus-square"></i></a>
- </p>
-</div>
-
-<div class="print-hide">
- <div class="split">
- {% if page.previous %}
- <div class="left align-left sans">
- <a href="{{ page.previous.url }}"><i class="fa fa-chevron-left"></i> Older Post</a>
- </div>
- {% endif %}
+<div class="columns">
+ <div class="one-third column">
+ <p class="text-left sans">
+ {% if page.previous %}
+ <a href="{{ page.previous.url }}"><i class="fa fa-lg fa-chevron-left"></i> Older Post</a>
+ {% endif %}
+ </p>
+ </div>
+
+ <div class="one-third column text-center">
+ <p>
+ <a title="Share/Discuss on Hacker News" target="_blank" href="https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fwww.benburwell.com{{ page.url | cgi_escape }}&amp;t={{ page.title }}"><i class="fa fa-2x fa-hacker-news"></i></a>
+ <a title="Share on Twitter" target="_blank" href="https://twitter.com/intent/tweet?text={{ page.title }}&amp;url=http%3A%2F%2Fwww.benburwell.com{{ page.url | cgi_escape }}"><i class="fa fa-2x fa-twitter-square"></i></a>
+ <a title="Share on Facebook" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.benburwell.com{{ page.url | cgi_escape }}"><i class="fa fa-2x fa-facebook-square"></i></a>
+ <a title="Share on Google+" target="_blank" href="https://plus.google.com/share?url=http%3A%2F%2Fwww.benburwell.com{{ page.url | cgi_escape }}&amp;t={{ page.title }}"><i class="fa fa-2x fa-google-plus-square"></i></a>
+ </p>
+ </div>
- {% if page.next %}
- <div class="right align-right sans">
- <a href="{{ page.next.url }}">Newer Post <i class="fa fa-chevron-right"></i></a>
- </div>
- {% endif %}
+ <div class="one-third column">
+ <p class="text-right sans">
+ {% if page.next %}
+ <a href="{{ page.next.url }}">Newer Post <i class="fa fa-lg fa-chevron-right"></i></a>
+ {% endif %}
+ </p>
</div>
</div>