{{template "head" .}}
{{template "topbar" .}}
<div class="page">
  <div class="head-row">
    <h1>Public pastes</h1>
    <span class="count" id="count"></span>
  </div>
  <div class="search"><input id="filter" placeholder="Search…"><span class="search-spinner" id="search-spinner"></span></div>
  <div class="float">
    <table>
      <colgroup><col class="col-a"><col class="col-b"><col class="col-c"><col class="col-d"><col class="col-e"><col class="col-url"><col class="col-g"></colgroup>
      <thead><tr>
        <th data-sort="title" class="sortable">Paste<span class="sort-ind"></span></th>
        <th data-sort="type" class="sortable">Type<span class="sort-ind"></span></th>
        <th data-sort="size" class="sortable">Size<span class="sort-ind"></span></th>
        <th data-sort="view_count" class="sortable">Views<span class="sort-ind"></span></th>
        <th data-sort="created_at" class="sortable">Created<span class="sort-ind"></span></th>
        <th data-sort="custom_slug" class="sortable">URL<span class="sort-ind"></span></th>
        <th data-sort="id" class="sortable">ID<span class="sort-ind"></span></th>
      </tr></thead>
      <tbody id="rows"></tbody>
    </table>
    <div class="empty hidden" id="empty">No pastes yet. Create the first one.</div>
  </div>
  <div class="pager float">
    <span id="showing"></span>
    <div class="pg" id="pg"></div>
  </div>
</div>
<script src="/static/table.js"></script>
<script src="/static/history.js" defer></script>
{{template "foot" .}}