layout: default current: post class: post-template disqus: false
<!– default –>
<!– The tag above means: insert everything in this file into the {body} of the default.hbs template –>
<header class=“site-header outer”>
<div class="inner"> {% include site-nav.html %} </div>
</header>
<!– Everything inside the post tags pulls data from the post –> <!– post –>
<main id=“site-main” class=“site-main outer” role=“main”>
<div class="inner"> <article class="post-full {% if page.tags.size > 0 %}{% for tag in page.tags %} tag-{{ tag | slugify: "latin" }}{% endfor %}{% endif %} {{ page.subclass }} {% unless page.cover %}no-image{% endunless %}"> <header class="post-full-header"> <section class="post-full-meta"> <time class="post-full-meta-date" datetime="{{ page.date | date:'%e %B %Y' }}">{{ page.date | date:'%e %B %Y' }}</time> {% if page.tags.size > 0 %} <span class="date-divider">/</span> {% for tag in page.tags %} {% if forloop.index == page.tags.size %} <a href='{{ site.baseurl }}tag/{{ tag | slugify: "latin" }}/'>{{ tag | upcase }}</a> {% else %} <a href='{{ site.baseurl }}tag/{{ tag | slugify: "latin" }}/'>{{ tag | upcase }}</a>, {% endif %} {% endfor %} {% endif %} </section> <h1 class="post-full-title">{{ page.title }}</h1> </header> {% if page.cover %} <figure class="post-full-image" style="background-image: url({{ site.baseurl }}{{ page.cover }})"> </figure> {% endif %} <section class="post-full-content"> <div class="kg-card-markdown"> {{ content }} </div> </section> <!-- Email subscribe form at the bottom of the page --> {% if site.subscribers %} <section class="subscribe-form"> <h3 class="subscribe-form-title">Subscribe to {{ site.title }}</h3> <p>Get the latest posts delivered right to your inbox</p> {% include subscribe-form.html placeholder="youremail@example.com" %} </section> {% endif %} <footer class="post-full-footer"> <!-- Everything inside the #author tags pulls data from the author --> <!-- #author--> {% for author in site.data.authors %} {% if author[1].username == page.author %} <section class="author-card"> {% if author[1].picture %} <img class="author-profile-image" src="{{ site.baseurl }}{{ author[1].picture }}" alt="{{ page.author }}" /> {% endif %} <section class="author-card-content"> <h4 class="author-card-name"><a href="{{ site.baseurl }}author/{{ page.author }}">{{ author[1].name }}</a></h4> {% if author[1].bio %} <p>{{ author[1].bio }}</p> {% else %} <p>Read <a href="{{ site.baseurl }}author/{{ page.author }}">more posts</a> by this author.</p> {% endif %} </section> </section> <div class="post-full-footer-right"> <a class="author-card-button" href="{{ site.baseurl }}author/{{ page.author }}">Read More</a> </div> {% endif %} {% endfor %} <!-- /author --> </footer> <!-- If you use Disqus comments, just uncomment this block. The only thing you need to change is "test-apkdzgmqhj" - which should be replaced with your own Disqus site-id. --> {% if site.disqus or page.disqus %} <section class="post-full-comments"> <div id="disqus_thread"></div> <script> var disqus_config = function () { this.page.url = '{{ site.url }}{{ page.url }}'; this.page.identifier = '{{ page.id }}'; this.page.title = '{{ page.title }}'; }; (function() { var d = document, s = d.createElement('script'); s.src = 'https://{{ site.disqus_shortname }}.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); })(); </script> </section> {% endif %} </article> </div>
</main>
<!– Links to Previous/Next posts –> <aside class=“read-next outer”>
<div class="inner"> <div class="read-next-feed"> {% if page.tags.size > 0 %} {% assign primary = page.tags | first %} {% assign related_posts = 0 %} {% for post in site.posts %} {% if post.tags.size > 0 %} {% if post.tags contains primary %} {% assign related_posts = related_posts | plus: 1 %} {% endif %} {% endif %} {% endfor %} {% if related_posts > 1 %} <article class="read-next-card" {% if site.cover %} style="background-image: url({{ site.baseurl }}{{ site.cover }})" {% else %} {% if page.cover %} style="background-image: url(url({{ site.baseurl }}{{ page.cover }})"{% endif %} {% endif %} > <header class="read-next-card-header"> <small class="read-next-card-header-sitetitle">— {{ site.title }} —</small> {% if primary %} <h3 class="read-next-card-header-title"><a href="{{ site.baseurl }}tag/{{ primary | slugify: "latin" }}/">{{ primary | capitalize }}</a></h3> {% endif %} </header> <div class="read-next-divider">{% include infinity.html %}</div> <div class="read-next-card-content"> <ul> {% assign count = 0 %} {% for post in site.posts %} {% if post.tags contains primary %} {% if post.title != page.title %} {% assign count = count | plus: 1 %} {% if count <= 3 %} <li><a href="{{ site.baseurl }}{{ post.url | remove_first: '/' }}">{{ post.title }}</a></li> {% endif %} {% endif %} {% endif %} {% endfor %} </ul> </div> <footer class="read-next-card-footer"> <a href="{{ site.baseurl }}tag/{{ primary | slugify: "latin" }}/"> {% if related_posts > 1 %} See all {{ related_posts | minus: 1 }} posts → {% elsif related_posts == 1 %} {{ related_posts }} post → {% else %} No posts. {% endif %} </a> </footer> </article> {% endif %} {% endif %} <!-- If there's a next post, display it using the same markup included from - partials/post-card.hbs --> {% if page.next %} {% include post-card-next.html %} {% endif %} <!-- If there's a previous post, display it using the same markup included from - partials/post-card.hbs --> {% if page.previous %} {% include post-card-previous.html %} {% endif %} </div> </div>
</aside>
<!– Floating header which appears on-scroll, included from includes/floating-header.hbs –> {% include floating-header.html %}
<!– /post –>
<!– The contentFor helper here will send everything inside it up to the matching block helper found in default.hbs –>