{{ define "title" }}Blog{{end}}
{{ define "description" }}Blog{{end}}
{{ define "keywords" }}blog{{end}}

{{ define "main" }}
    <div>
      <input type="checkbox" class="side-toggler">
      <span class="carrot">&gt;</span>
      <div class="in-page-nav-group">
        <h2 id="pgnv">Page Navigation</h2>
        <nav class="in-page-nav" aria-labelledby="pgnv">
          <a href="/blog#">Blog</a>
          <a href="/blog#archive">Archive</a>
          <a href="/blog#extended-archive">Extended Archive</a>
        </nav>
      </div>
    </div>
    <section>
      <div class="main-bg">
        <h1>Blog</h1>
        <p>A collection of thoughts, life updates, projects, and images.</p>
      </div>
      <div class="entries">
{{ range .Posts.Collection }}
        <p><a href="/blog/{{ .File }}"><b>{{ .Date }}</b> | {{ .Title }}</a></p>
{{ end }}
      </div>
      <hr style="margin-top: 2rem; border-top: 3em solid black;">
      <div class="main-bg" style="margin-top: 1.75rem;">
        <h2 class="article-h2" id="archive">Archive</h2>
        <p>Works from my last revision of scerba.org</p>
      </div>
      <div class="entries">
{{ range .Archive.Collection }}
        <p><a href="/archive/{{ .File }}"><b>{{ .Date }}</b> | {{ .Title }}</a></p>
{{ end }}
      </div>
      <hr style="margin-top: 2rem; border-top: 3em solid black;">
      <div class="main-bg" style="margin-top: 1.75rem;">
        <h2 class="article-h2" id="extended-archive">Extended Archive</h2>
        <p>See my original blog at <a href="https://old.scerba.org/html/blog.html" target="_blank" rel="noopener noreferrer">old.scerba.org</a></p>
      </div>
    </section>
{{ end }}