author.hbs

{{!< default}}
{{! The tag above means - insert everything in this file into the {body} of the default.hbs template }}

{{! The big featured header }}

<header class="site-page-head">
    <div class="verticle">
        <a class="blog-title-link" href="{{@blog.url}}">
            {{#if @blog.logo}}
                <img src="{{@blog.logo}}" alt="Blog Logo">
            {{/if}}
            <h1 class="blog-title">{{@blog.title}}</h1>
        </a>
    </div>
</header>
	
<main class="content" role="main">

    <div class="author-page">

            <div class="pane">
                
                <div class="strip">
                
		                {{! Everything inside the #author tags pulls data from the author }}
		                {{#author}}
		                
		                <h2>{{name}}</h2>
		
                    <section class="author-body">
                    
		                    <section class="post-author">
		                        <div class="author">
		                            <div class="portrait"><img src="{{image}}" alt="Author"></div>
		                            <section class="bio">
		                                <p>{{bio}}</p>
		                                {{#if location}}<span class="location">{{location}}</span>{{/if}}
		                                {{#if website}}<span class="website"><a href="{{website}}">{{website}}</a></span>{{/if}}
		                            </section>
		                        </div>
		                    </section>
				                    
				             {{/author}}
        
                        <section class="author-posts">
                        
                            <div class="posts strip clearfix">
                            
		                            {{! Each post will be output using this markup }}
		                            {{#foreach posts}}
		                
		                            <article class="post-preview {{post_class}}">
		                                <header class="post-header">
		                                    <a href="{{url}}"><h3 class="post-title">{{{title}}}</h3></a>
		                                    <span class="post-meta"><time datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMM YYYY"}}</time> {{tags seperator=" • " prefix="on "}}</span>
		                                </header>
		                                <section class="post-excerpt">
		                                    <p>{{excerpt}}&hellip;</p>
		                                </section>
		                            </article>
		                
		                            {{/foreach}}
		                
		                            {{!! After all the posts, we have the previous/next pagination links }}
		                            {{pagination}}
		                
		                        </section>
                        </dvi>
                    
                    </section>
                </div>
            </div>
	    </div>
	</main>