First pass on major Casper overhaul and new Multi-user support

- Introduces author.hbs page template
- Completely refactors header styling with new full-screen cover images
- Adds new, improved pagination with additional styles for archive pages
- Cleans up a fuckload of bloat and old styles
This commit is contained in:
John O'Nolan
2014-07-21 14:45:34 +02:00
parent 3db098c1e0
commit 088a867cea
8 changed files with 438 additions and 209 deletions

17
tag.hbs
View File

@@ -4,15 +4,15 @@
the {body} of the default.hbs template, which contains our header/footer. }}
{{! The big featured header on the homepage, with the site logo and description }}
<header class="site-head" {{#if @blog.cover}}style="background-image: url({{@blog.cover}})"{{/if}}>
<header class="tag-head main-header" {{#if @blog.cover}}style="background-image: url({{@blog.cover}})"{{/if}}>
<nav class="main-nav overlay clearfix">
<a class="back-button icon-arrow-left" href="{{@blog.url}}">Home</a>
<a class="subscribe-button icon-feed" href="{{@blog.url}}/rss/">Subscribe</a>
</nav>
<div class="vertical">
<div class="site-head-content inner">
<h1 class="blog-title">{{tag.name}}</h1>
<h2 class="blog-description">A {{pagination.total}}-post collection</h2>
<div class="main-header-content inner">
<h1 class="page-title">{{tag.name}}</h1>
<h2 class="page-description">A {{pagination.total}}-post collection</h2>
</div>
</div>
</header>
@@ -20,9 +20,13 @@
{{! The main content area on the homepage }}
<main class="content" role="main">
{{! Previous/next page links - only displayed on page 2+ }}
<div class="extra-pagination inner">
{{pagination}}
</div>
{{! Each post will be output using this markup }}
{{#foreach posts}}
<article class="{{post_class}}">
<header class="post-header">
<span class="post-meta"><time datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMM YYYY"}}</time> {{tags prefix="on "}}</span>
@@ -30,10 +34,9 @@
</header>
<section class="post-excerpt">
<p>{{excerpt}}&hellip;</p>
<p>{{excerpt}} <a class="read-more" href="{{url}}">&raquo;</a></p>
</section>
</article>
{{/foreach}}
{{! After all the posts, we have the previous/next pagination links }}