<% if (page.hero_image){ %>
  <%- partial('_partial/hero', { image : `/${page.slug}/hero.jpg` }) %>
<% } %>
<div class="container up-spacer bottom-spacer-lg">
  <div class="row bottom-spacer">
    <div class="col-12">
      <h1><%= page.title %></h1>
      <i>
        By James Peret – 
        <%= timeAgo(new Date(page.date)) %> in 
        <% for (let i = 0; i < page.categories.data.length; i++) { %>
          <span class="badge badge-secondary"><%= page.categories.data[i].name %></span> 
        <% } %>
      </i>
      <hr>
      <div class="article-content" itemprop="articleBody">
        <%- page.content %>
      </div>
    </div>
  </div>
</div>
<%- partial('_partial/about-author') %>
<%- partial('_partial/next-post', { post : next_post(page, site.posts) }) %>