issue.hbs

{{!< default}}

{{! The main content area on the homepage }}
<main id="content" class="content issues" role="main">

    <div class="row">
        <div class="col-sm-2 col-md-2 col-lg-2">
          <div class="row">
            {{#issue}}
            <a href="{{pdf}}">Download issue as PDF</a>
            <div class="table-contents">
                <div class="table-contents-title">Table of Contents</div>
                <ol>
                    {{#foreach articles}}
                    <li>
                        <a class="article-title" href="{{page_url article_num}}">{{title}}</a><br>
                    </li>
                    {{/foreach}}
                </ol>
                <a class="back-issues" href="{{@blur.url}}/issues/">Back To Issue List</a>
            </div>
            {{/issue}}
          </div>
        </div>
        <div class="col-sm-8 col-md-8 col-lg-8">
    <div class="row">
        <article class="{{post_class}}">

            {{#current_article}}
            <header class="post-header hb-post-header">
                <h1 class="post-title hb-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}}
                <div class="blue-line"></div>
            </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}}"><img src="{{image}}" alt="{{name}}'s Picture" /></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}}

                <section class="share">
                    <h4>Share this post</h4>
                    <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>
                    <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>
                    <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>
                </section>
            {{/current_article}}

            </footer>
        </article>
    </div>
        </div>
    </div>

</main>