{{ partial "header.html" . }}

<div class="header" style="background-color: whitesmoke">
  <h1>{{ .Title }}</h1>
</div>
<div class="content">

  {{ range .Data.Pages.GroupByParam "topic"}}
  <center><h2 id="#{{ .Key }}"><a href="#{{ .Key }}">#</a>{{ .Key }}</h2></center>
  <div class="row">
    <div class="micro-block"><b>&nbsp; &nbsp;</b></div>
    <div class="big-block" style="vertical-align: middle"><b>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Title</b></div>
    <div class="small-block"><b>&nbsp; &nbsp; &nbsp; Author</b></div>
    <div class="small-block"><b>&nbsp; &nbsp; Era</b></div>
  </div>
  <ul>
  {{ range .Pages.ByParam "era" }}
    {{ .Render "li" }}
  {{ end }}
  </ul>
  <hr/>
  {{ end }}
</div>

{{ partial "footer.html" . }}
