diff options
| author | Ben Burwell <ben@benburwell.com> | 2015-11-14 14:25:23 -0500 |
|---|---|---|
| committer | Ben Burwell <ben@benburwell.com> | 2015-11-14 14:25:23 -0500 |
| commit | 8856c415d16ae558609b615873826816c6718f42 (patch) | |
| tree | e7a3a83e7cf0fbb75da3fb1517046207917630b8 /_layouts | |
| parent | ce236fec927e1ca7991588a374607e53172844e6 (diff) | |
redesign
Diffstat (limited to '_layouts')
| -rw-r--r-- | _layouts/blog.html | 20 | ||||
| -rw-r--r-- | _layouts/master.html | 29 | ||||
| -rw-r--r-- | _layouts/post.html | 54 |
3 files changed, 40 insertions, 63 deletions
diff --git a/_layouts/blog.html b/_layouts/blog.html new file mode 100644 index 0000000..feda43c --- /dev/null +++ b/_layouts/blog.html @@ -0,0 +1,20 @@ +--- +layout: master +--- +<header> + <div class="left column"> + <a href="/">benburwell.com</a> + <a href="/posts/">posts</a> + <a href="/projects/">projects</a> + </div> + <div class="right column"> + <a href="https://github.com/benburwell"><i class="lg-icon icon-github"></i></a> + <a href="https://twitter.com/bburwell"><i class="lg-icon icon-twitter"></i></a> + </div> +</header> +<main> + {{ content }} +</main> +<footer> + <a href="/license/">© 2015</a> • <a href="/privacy/">Privacy</a> +</footer> diff --git a/_layouts/master.html b/_layouts/master.html index d644571..4b678b6 100644 --- a/_layouts/master.html +++ b/_layouts/master.html @@ -4,10 +4,9 @@ <title>{{ page.title }}</title> <meta charset="UTF-8"> <style type="text/css"> - {% capture tiny %}{% include tiny.scss %}{% endcapture %} + {% capture tiny %}{% include site.scss %}{% endcapture %} {{ tiny | scssify }} </style> - <link rel="stylesheet" type="text/css" href="/assets/stylesheets/fa-icons.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"> @@ -60,31 +59,7 @@ {% endif %} </head> <body> - <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> - </header> - <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> + {{ content }} <script async src="/assets/scripts/metrics.js"></script> </body> </html> diff --git a/_layouts/post.html b/_layouts/post.html index a6bdec5..5df27d2 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -1,47 +1,29 @@ --- -layout: master +layout: blog --- <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> + <h1 itemprop="headline">{{ page.title }}</h1> + <p><time datetime="{{ post.date | date: '%Y-%m-%d' }}" itemprop="datePublished">{{ page.date | date: "%-d %B %Y" }}</time></p> <div itemprop="articleBody"> {{ content }} </div> </article> -<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> +<footer> + <p> + Share on:<br> + <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="lg-icon icon-share-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="lg-icon icon-share-twitter"></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="lg-icon icon-share-facebook"></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="lg-icon icon-share-gplus"></i></a> + </p> - <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> + <p> + Read more:<br> + {% for related in site.related_posts %} + <a href="{{ related.url }}">{{ related.title }}</a><br> + {% endfor %} + </p> +</footer> |