{{ define "main" }}
  {{ partial "minimal-navbar.html" }}
  {{ $colors := slice "cyan" "yellow" "pink"}}
  {{ $opts   := len $colors }}
  {{ range $i, $page := .Pages.ByDate.Reverse }}
  {{ $opt := mod $i $opts }}
  <div class="card" style="border-color: {{ index $colors $opt }}">
    <a href="{{ anchorize .Page.Name }}">
      <h5 class="card-header postcard card-title">{{ .Title }}</h5>
    </a>
    <div class="card-body postcard">
      {{  if .Page.Params.Article }}
        <p class="card-text">{{ .Description }}</p>
      {{ else }}
        <p class="card-text">{{ .Content }}</p>
      {{ end }}
    </div>
    <div class="card-footer text-muted postcard">
      {{ .Date | time.Format ":date_short" }} {{ .Date | time.Format ":time_long"}}
    </div>
  </div>
  {{ end }}
{{ end }}