{{ define "main" }}

{{ partial "navigation-bar.html"  ( dict "context" . "items"  (slice "/" ) )}}

<article class="measure-wide center pa3 pa4-ns nested-copy-line-height nested-img">
  <section class="cf   pv3 pv4-l f4 tc-l  measure-wide lh-copy mid-gray">
    <div class="cf   pv3 pv4-l f4 tc-l  measure-wide lh-copy mid-gray">
    <p>Events nach Jahren. Die Pulsbar zeigt die relative Anzahl pro Monat. Navigiere weiter in die Posts eines Jahres.</p>
  </div>
  </section>

  <div class="w-100">    
    {{ range .Data.Terms.Alphabetical.Reverse }}
      <section class="mt1">
        <div class="flex flex-column bg-white ba b--white bw2 ">

          <div class="flex bg-white">
  
            <div class="flex">
              <div class="f1 w4 tr pr4 pt1  bg-blue white">
                {{ len .Pages }}
              </div>    
            </div>    
            
              <div class="flex flex-column pl2">
                <div class=" pl2 ">
                  {{ humanize .Page.Section }}
                </div>
              
                <a href="{{ .Page.Permalink }}" class="f3 b near-black link black dim pr4 pt2 pb2">
                  {{ .Page.Title }}
                </a>
              </div>
            </div>
            
            <div class="flex pt1">
              {{ partial "years-summary.html" (dict "page" .Page "param_title" .Page.Title "pages" .Pages) }}
            </div>
            <div id="{{ .Page.Title }}" class="flex justify-center pt1">
              <div style="color:transparent">:</div>
            </div>
            
        </div>
      </section>
    {{ end }}
  </div>
</article>
{{ end }}