post.hbs

{{!< default}}

{{! The comment above "< default" means - insert everything in this file into
    the {body} of the default.hbs template, which contains our header/footer. }}

{{! Everything inside the #post tags pulls data from the post }}
{{#post}}

<nav class="nav-collapse main-nav">
        <ul>
            <li class="logo" style="background-image: url({{@blog.cover}})">
              <img src="{{@blog.logo}}" alt="{{@blog.title}}">
              <h4>{{@blog.title}}</h4>
            </li>
            <li><a href="{{@blog.url}}">Home</a></li>
            <li><a href="{{@blog.url}}/rss/">Subscribe</a></li>
            <li><a class="icon-twitter" href="https://twitter.com/share?text={{encode title}}&amp;url={{url absolute="true"}}"
                onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
                <span class="hidden">Twitter</span>
            </a></li>
            <li><a class="icon-facebook" href="https://www.facebook.com/sharer/sharer.php?u={{url absolute="true"}}"
                onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;">
                <span class="hidden">Facebook</span>
            </a></li>
            <li><a class="icon-google-plus" href="https://plus.google.com/share?url={{url absolute="true"}}"
               onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;">
                <span class="hidden">Google+</span>
            </a></li>
        </ul>
      </nav>

<a id="navigation-toggle" aria-hidden="false" class=""><span class="visually-hidden">Menu</span></a>

  <header id="main-head">
                <ul class="sub-nav">
                  <li><a class="account" href="/ghost"><span class="visually-hidden">Account</span></a></li>
                </ul>
                </ul>
                <h2 class="page-title">{{@blog.title}}</h2>
                <h4 class="page-description">{{@blog.description}}</h4>
            </header>

            {{! The main content area on the homepage }}

            <section id="content" class="content" role="main">

    <article class="{{post_class}}">

        <header class="post-header">
            <h1 class="post-title">{{title}}</h1>
            <section class="post-meta">
                <time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMMM YYYY"}}</time> {{tags prefix=" on "}}
            </section>
        </header>

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

        <footer class="post-footer">

        {{! Everything inside the #author tags pulls data from the author }}
        {{#author}}

            {{#if image}}
            <figure class="author-image">
                <a class="img" href="{{url}}" style="background-image: url({{image}})"><span class="hidden">{{name}}'s Picture</span></a>
            </figure>
            {{/if}}

            <section class="author">
                <h4><a href="{{url}}">{{name}}</a></h4>

                {{#if bio}}
                    <p>{{bio}}</p>
                {{else}}
                    <p>Read <a href="{{url}}">more posts</a> by this author.</p>
                {{/if}}
                <div class="author-meta">
                    {{#if location}}<span class="author-location icon-location">{{location}}</span>{{/if}}
                    {{#if website}}<span class="author-link icon-link"><a href="{{website}}">{{website}}</a></span>{{/if}}
                </div>
            </section>

        {{/author}}


        </footer>

    </article>

</section>

{{/post}}