diff options
Diffstat (limited to '_layouts')
| -rw-r--r-- | _layouts/master.html | 54 | ||||
| -rw-r--r-- | _layouts/post.html | 67 |
2 files changed, 62 insertions, 59 deletions
diff --git a/_layouts/master.html b/_layouts/master.html index c2b4754..46e629c 100644 --- a/_layouts/master.html +++ b/_layouts/master.html @@ -2,20 +2,12 @@ <html lang="en"> <head> <title>{{ page.title }}</title> - <meta charset="UTF-8"> - <style type="text/css"> - {% capture fonts %} - {% include fonts.scss %} - {% endcapture %} - {{ fonts | scssify }} + {% capture tiny %}{% include tiny.scss %}{% endcapture %} + {{ tiny | scssify }} </style> - - <link rel="stylesheet" type="text/css" href="/assets/stylesheets/site.css"> - <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> - <link rel="shortcut icon" href="/assets/images/icons/favicon.ico" sizes="128x128"> <link rel="apple-touch-icon" href="/assets/images/icons/apple/apple-touch-icon-57x57.png" sizes="57x57"> <link rel="apple-touch-icon" href="/assets/images/icons/apple/apple-touch-icon-72x72.png" sizes="72x72"> @@ -24,7 +16,6 @@ <link rel="apple-touch-icon" href="/assets/images/icons/apple/apple-touch-icon-120x120.png" sizes="120x120"> <link rel="apple-touch-icon" href="/assets/images/icons/apple/apple-touch-icon-144x144.png" sizes="144x144"> <link rel="apple-touch-icon" href="/assets/images/icons/apple/apple-touch-icon-152x152.png" sizes="152x152"> - <meta name="author" content="Ben Burwell"> {% if page.description %} <meta name="description" content="{{ page.description }}"> @@ -32,7 +23,6 @@ <meta name="description" content="{{ site.description }}"> {% endif %} <meta name="keywords" content="{{ site.keywords | join: ',' }}"> - <meta property="og:title" content="{{ page.title }}"> <meta property="og:site_name" content="Ben Burwell"> {% if page.description %} @@ -49,7 +39,6 @@ <meta property="og:url" content="http%3A%2F%2Fwww.benburwell.com{{ page.url | cgi_escape }}"> <meta property="article:author" content="Ben Burwell"> <meta property="fb:admins" content="1439777397"> - <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@bburwell"> <meta name="twitter:title" content="{{ page.title }}"> @@ -65,29 +54,36 @@ <meta name="twitter:image:src" content="http://www.benburwell.com/assets/images/icons/benburwell.png"> {% endif %} <meta name="twitter:domain" content="BenBurwell.com"> - {% if page.chrome-webstore-item %} <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/{{ page.chrome-webstore-item }}"> {% endif %} </head> <body> - <header class="top-header print-hide"> - <div class="social-icons" style="float:right;"> - <a href="https://github.com/benburwell"><i class="fa fa-2x fa-github"></i></a> - <a href="https://twitter.com/bburwell"><i class="fa fa-2x fa-twitter"></i></a> + <header class="main-header"> + <div class="container"> + <nav class="single-column"> + <div class="centered"> + <a href="/"><i class="fa fa-lg fa-home"></i> Home</a> + <a href="/posts/"><i class="fa fa-lg fa-pencil"></i> Posts</a> + <a href="/projects/"><i class="fa fa-lg fa-code"></i> Projects</a> + <a href="https://github.com/benburwell"><i class="fa fa-lg fa-github"></i> GitHub</a> + <a href="https://twitter.com/bburwell"><i class="fa fa-lg fa-twitter"></i> Twitter</a> + </div> + </nav> </div> - <nav> - <a class="" href="/">benburwell.com</a> - <a class="posts" href="/posts/">/posts</a> - <a class="projects" href="/projects/">/projects</a> - </nav> </header> - <main> - {{ content }} - </main> - <footer class="print-hide"> - <div class="light-gray"><a href="/license/">© 2015</a> • <a href="/privacy/">Privacy</a></div> - </footer> + <div class="container"> + <main class="columns"> + {{ content }} + </main> + <footer class="columns"> + <p class="text-center muted sans"> + <small> + <a href="/license/">© 2015</a> • <a class="muted-link" href="/privacy/">Privacy</a> + </small> + </p> + </footer> + </div> <script async src="/assets/scripts/metrics.js"></script> </body> </html> 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> • + <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 }}&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 }}&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 }}&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 }}&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 }}&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 }}&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> |