summaryrefslogtreecommitdiff
path: root/_layouts
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
parent6b0fad5657d802603cb6f64f51b5387bbfbc2059 (diff)
Update to Tiny CSS
Diffstat (limited to '_layouts')
-rw-r--r--_layouts/master.html54
-rw-r--r--_layouts/post.html67
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/">&copy; 2015</a> &bull; <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/">&copy; 2015</a> &bull; <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> &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>
generated by cgit v1.2.3 (git 2.25.1) at 2024-05-15 14:33:26 +0000