<%- include('header') %>
<div id="main-content">
  <table id="posts-table">
  <!---
    <tr>
      <th id="title-header">Title</th>
      <th id="date-header">Last Edited</th>
    </tr>
  --->
  <% posts = posts.sort((a,b) => {return new Date(b.metadata.mtime) - new Date(a.metadata.mtime)}) %>
  <% for(const post of posts) { %>
    <tr>
      <td class="post-item"><a class="post" href="/post/<%= post.file %>"><%= post.title %></a></td>
      <td class="date-item"><%= new Date(post.metadata.mtime).toDateString() %></td>
    </tr>
  <% } %>
</div>
<style>
  #main-content {
    font-size: 15px;
  }
</style>
<%- include('global-style'); %>
<%- include('footer') %>
