themes
/
casper
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added new author/logo helpers, stripped static blog cover image

This commit is contained in:
John O'Nolan 2013-09-02 13:14:15 +02:00 committed by Hannah Wolfe
parent 1be2a199e3
commit 24f12d1656
3 changed files with 24 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/screen.css
View File

@ -355,7 +355,7 @@ table.plain {
margin-bottom: 5rem; margin-bottom: 5rem;
text-align: center; text-align: center;
color: #fff; color: #fff;
background: #303538 url(http://f.cl.ly/items/1N2205280l2u1l0h190o/bg.jpg) no-repeat center center; background: #303538 no-repeat center center;
background-size: cover; background-size: cover;
} }

2
index.hbs
View File

@ -4,7 +4,7 @@
the {body} of the default.hbs template, which contains our header/footer. }} 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 }} {{! The big featured header on the homepage, with the site logo and description }}
<header id="site-head"> <header id="site-head" {{! style="background-image: url()" }}>
<div class="vertical"> <div class="vertical">
<div id="site-head-content" class="inner"> <div id="site-head-content" class="inner">
{{#if settings.logo}}<a id="blog-logo" href="{{settings.url}}"><img src="{{settings.logo}}" alt="Blog Logo" /></a>{{/if}} {{#if settings.logo}}<a id="blog-logo" href="{{settings.url}}"><img src="{{settings.logo}}" alt="Blog Logo" /></a>{{/if}}

33
post.hbs
View File

@ -5,16 +5,22 @@
<main class="content" role="main"> <main class="content" role="main">
{{! Everything inside the #post tags is the template used to ourput the post }}
{{#post}}
<article class="{{post_class}}"> <article class="{{post_class}}">
{{! Each post has the blog logo at the top, with a link back to the homage page }} {{! Each post has the blog logo at the top, with a link back to the home page }}
<header class="post-header"> <header class="post-header">
<a id="blog-logo" href="{{../settings.url}}"><img src="assets/img/user.png" alt="" /></a> <a id="blog-logo" href="{{settings.url}}">
{{#if settings.logo}}
<img src="{{settings.logo}}" alt="Blog Logo" />
{{else}}
{{settings.title}}
{{/if}}
</a>
</header> </header>
{{! Everything inside the #post tags pulls data from the post }}
{{#post}}
{{! Everything below outputs content of the the post which has been published }} {{! Everything below outputs content of the the post which has been published }}
<span class="post-meta"><time datetime="{{date published_at format="YYYY-MM-DD"}}">{{date published_at format='DD MMM YYYY'}}</time> {{#if tags}}on {{tags}}{{/if}}</a></span> <span class="post-meta"><time datetime="{{date published_at format="YYYY-MM-DD"}}">{{date published_at format='DD MMM YYYY'}}</time> {{#if tags}}on {{tags}}{{/if}}</a></span>
@ -25,20 +31,25 @@
</section> </section>
<footer class="post-footer"> <footer class="post-footer">
<section class="author">
<h4>John O'Nolan</h4> {{#if author}}
<p>A designer, developer and entrepreneur. Spends his time travelling the world with a bag of kites. Likes journalism and publishing platforms.</p> <section class="author">
</section> <h4>{{author}}</h4>
<p>{{author.bio}}</p>
</section>
{{/if}}
<section class="share"> <section class="share">
<h4>Share this post</h4> <h4>Share this post</h4>
<a class="icon-twitter" href="http://twitter.com/share?text={{title}}&url={{settings.url}}/{{slug}}"><span class="hidden">Twitter</span></a> <a class="icon-twitter" href="http://twitter.com/share?text={{title}}&url={{settings.url}}/{{slug}}"><span class="hidden">Twitter</span></a>
<a class="icon-facebook" href="http://www.facebook.com/sharer.php?u={{settings.url}}/{{slug}}"><span class="hidden">Twitter</span></a> <a class="icon-facebook" href="http://www.facebook.com/sharer.php?u={{settings.url}}/{{slug}}"><span class="hidden">Twitter</span></a>
<a class="icon-google-plus" href="#"><span class="hidden">Twitter</span></a> <a class="icon-google-plus" href="#"><span class="hidden">Twitter</span></a>
</section> </section>
</footer> </footer>
{{/post}}
</article> </article>
{{/post}}
</main> </main>