{{ define "header" }}
<title>/{{ .Board.Name }}/ - Archive</title>
<meta name="description" content="{{ (index .Posts 0).Content }}">
<meta property="og:url" content="{{ (index .Posts 0).Id }}">
<meta property="og:site_name" content="{{ .Instance.PreferredUsername }}" />

<meta property="og:title" content="{{ (index .Posts 0).Name }}">
<meta property="og:description" content="{{ (index .Posts 0).Content }}">

<meta name="twitter:title" content="{{ (index .Posts 0).Name }}">
<meta name="twitter:description" content="{{ (index .Posts 0).Content }}">
<meta name="twitter:card" content="summary_large_image">

{{ if (index .Posts 0).Preview }}
<meta property="og:image" content="{{ (index .Posts 0).Preview.Href }}" />
<meta name="twitter:image" content="{{ (index .Posts 0).Preview.Href }}" />
{{ end }}

<script src="/static/js/posts.js"></script>
{{ end }}

{{ define "top" }}
<h1 style="text-align: center;">/{{ .Board.Name }}/ - {{ .Board.PrefName }}</h1>
<p style="text-align: center;">{{ .Board.Summary }}</p>
<h1 style="text-align: center;">Archived Posts</h1>
{{ end }}

{{ define "content" }}
{{ $board := .Board }}

<hr>
<ul id="navlinks">
  <li>[<a href="/{{ $board.Name }}">Return</a>]</li>
  <li>[<a href="/{{ $board.Name }}/catalog">Catalog</a>]</li>
  <li>[<a href="#bottom">Bottom</a>]</li>
  <li>[<a href="javascript:location.reload()">Refresh</a>]</li>
</ul>
<hr>

<table align="center" style="table-layout:fixed; width:90%;">
  <tr>
    {{ if eq $board.ModCred $board.Domain $board.Actor.Id }}
    <th style="width: 45px;"></th>
    {{ end }}
    <th style="width: 110px">No.</th>
    <th>Excerpt</th>
    <th style="width: 60px;"></th>
  </tr>
  {{ range $i, $e := .Posts }}
  {{ if mod $i 2 }}
  <tr class="box-alt">
    {{ if eq $board.ModCred $board.Domain $board.Actor.Id }}
    <td>[<a href="/poparchive?id={{ $e.Id }}&board={{ $board.Name }}">Pop</a>]</td>
    {{ end }}
    <td>{{ short $board.Actor.Outbox $e.Id }}</td>
    <td style="overflow: hidden; word-wrap: break-word; text-overflow: ellipsis;">{{ shortExcerpt $e }}</td>
    <td style="text-align: center;">[<a href="/{{ $board.Actor.Name }}/{{ short $board.Actor.Outbox $e.Id }}">View</a>]</td>
  </tr>
  {{ else }}
  <tr class="box">
    {{ if eq $board.ModCred $board.Domain $board.Actor.Id }}
    <td>[<a href="/poparchive?id={{ $e.Id }}">Pop</a>]</td>
    {{ end }}
    <td>{{ short $board.Actor.Outbox $e.Id }}</td>
    <td style="overflow: hidden; word-wrap: break-word; text-overflow: ellipsis;">{{ shortExcerpt $e }}</td>
    <td style="text-align: center;">[<a href="/{{ $board.Actor.Name }}/{{ short $board.Actor.Outbox $e.Id }}">View</a>]</td>
  </tr>
  {{ end }}
  {{ end }}
</table>

<hr>

<ul id="navlinks">
  <li>[<a href="/{{ $board.Name }}">Return</a>]</li>
  <li>[<a href="/{{ $board.Name }}/catalog">Catalog</a>]</li>
  <li>[<a id="bottom" href="#top">Top</a>]</li>
  <li>[<a href="javascript:location.reload()">Refresh</a>]</li>
</ul>

<hr>

{{ end }}

{{ define "script" }}
<script src="/static/js/footerscript.js"></script>
<script>
  viewLink("{{ .Board.Name }}", "{{ .Board.Actor.Id }}")
</script>
{{ end }}