index.hbs

{{!< default}}

<header class="activeSnap">
    <nav id="titlebar">
        <a id="overview-button" class="bc" href="#"><b>O</b><span>verview</span></a>
        <a id="subscrib-button" class="bc subscribe icon-feed" href="{{@blog.url}}/rss/"><b>S</b><span>ubscribe</span></a>
    
        <div id="header-cover"  {{#if @blog.cover}}style="background-image:url({{@blog.cover}})"{{/if}}>
            {{#if @blog.cover}}<img src="{{@blog.cover}}">{{/if}}
        </div>
    </nav>

    <div id="header-inner">
        {{#if @blog.logo}}
            <a id="blog-logo" href="{{@blog.url}}">
                <img class="bc" src="{{@blog.logo}}" alt="Blog Logo" />
            </a>
        {{/if}}
        <h1 class="bc">{{@blog.title}}</h1>
        <h2 class="bc">{{@blog.description}}</h2>

        <nav id="social">
        </nav>
    </div>
</header>

<main role="main">
    {{#foreach posts}}

    {{!#unless first}}
    <div class="next-article">
        <a class="bc" href="{{url}}"><span>&#8650;</span> {{{title}}}</a>
    </div>
    {{!/unless}}

    <article class="{{post_class}}{{#if @first}} first{{/if}}{{#if @last}} last{{/if}}">
        <header class="activeSnap">
            <h2><a href="{{url}}">{{{title}}}</a></h2>

            <div class="meta">
                <section class="author">
                    <span>By</span> 
                    {{author.name}}
                </section>

                <section class="date">
                    <span>Date</span> 
                    <time datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMM YYYY"}}</time> 
                </section>

                <section class="comments">
                    <span>Reaction</span>
                    <a href="{{url}}#disqus_thread">0 Comments</a>
                </section>

                {{#if tags}}
                <section class="tags">
                    <span>Tags</span> 
                    #{{tags separator=" #"}}
                </section>
                {{/if}}
            </div>

            <div class="header-cover"></div>
        </header>


        <section class="content">
            {{content}}
        </section>

        <section class="column-content"></section>

        <div class="more">
            <a class="more-button" href="#">read more <span>&#8694;</span></a>
        </div>
    </article>

    <div class="prev-article bc">
        <a href="{{url}}">{{{title}}}</a>
    </div>

    {{/foreach}}

    {{pagination}}

    <footer>
        <div id="footer-inner">
            <section class="copyright">All content copyright <a href="/">{{@blog.title}}</a> &copy; 2013 &bull; All rights reserved.</section>
            <section class="poweredby">Proudly published with <a class="icon-ghost" href="http://ghost.org">Ghost</a> <br> <span>&#10177;</span> ghostrider
            <br>                
             </section>
        </div>
        {{#if @blog.cover}}<img src="{{@blog.cover}}">{{/if}}
    </footer>
</main>