{{ define "main"}}
  <div id="writing-page" class="section writing">
    <div>
      <div class="writing-section">
        <div class="columns">
          <div class="column is-one-fifth" >
            <div class="thead">ESSAYS</div>
          </div>
          <div class="column">
            {{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2022)}}
            {{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2021)}}
            {{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2020)}}
            {{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2019)}}
            {{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2018)}}
            {{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2017)}}
            {{ partial "accordion-script"}}
          </div>
        </div>
      </div>
      <div class="flex-row-books">
        <div class="thead">BOOKS</div>
        {{ range .Params.Books }}
        <div class="book-cell">
            <h6>{{ .title }}</h6>
            <div class="book-cover">
                <a href={{ .path }}>
                  <img src={{ .imgsrc }} alt={{ .title }}>
                </a>
            </div>
            <p class="book-stats"><i><a href={{ .path }}>Details</a></i></p>
            <p class="book-stats"><b>{{ .body }}</b></p>
        </div>
        {{ end}}
      </div>
      <div class="writing-section">
        <div class="thead">COLLECTIVE WRITING</div>
        {{ range .Params.Collective }}
        <div class="writing-item">
            <p><strong><a href={{ .url }}>{{ .title}}</a></strong>, {{ .blurb }} <em><a
                        href={{ .puburl}}>{{ .publication }}</a></em>.</p>
            <p><i>Published in {{ .year }}</i></p>
        </div>
        {{ end }}
    </div>
    </div>
  </div>
{{ end }}