{{ define "main"}}
  <div id="writing-page" class="section writing">
    <div>
      {{ partial "essay-section" . }}
      <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 }}