{{ define "main" }}
{{ partial "greeter.html" .}}
<header id="homepage-header" class="homepage-header">
  <div class="flex-wrap-container" style="align-items:center">
    {{ $logo := (resources.Get "/img/logo.png").Resize "100x100" }}
    <a href="/">
      <img style="padding-right: 1%" src="{{ $logo.RelPermalink }}" alt="logo">
    </a>
    <a style="text-decoration: none" href="/">
      <h1 style="display:inline; color:var(--primary)">{{.Title}}</h1> 
    </a>
  </div>
</header>

<main>
  <div class="flex-wrap-container">
    <div class="container">
      <h2>Projects</h2>
      <hr>
      {{- $pageLen := len (where .Site.RegularPages "Type" "projects") -}}
      {{- range $i, $element := (where .Site.RegularPages "Type" "projects") }}
      {{ .Render "summary" }}
      {{- if lt $i (sub $pageLen 1) }} <hr> {{ end -}}
      {{- end }}
    </div>

    <div class="container">
      <h2>Blog</h2>
      <hr>
      {{- $pageLen := len (where .Site.RegularPages "Type" "posts") -}}
      {{- range $i, $element := (where .Site.RegularPages "Type" "posts") }}
      {{ .Render "summary" }}
      {{- if lt $i (sub $pageLen 1) }} <hr> {{ end -}}
      {{- end }}
    </div>

    <div class="container">
      <h2>Research Papers</h2>
      <hr>
      {{- $pageLen := len (where .Site.RegularPages "Type" "papers") -}}
      {{- range $i, $element := (where .Site.RegularPages "Type" "papers") }}
      {{ .Render "summary" }}
      {{- if lt $i (sub $pageLen 1) }} <hr> {{ end -}}
      {{- end }}
    </div>

    <div class="container">
      <h2>Articles</h2>
      {{- $pageLen := len (where .Site.RegularPages "Type" "articles") -}}
      {{- range $i, $element := (where .Site.RegularPages "Type" "articles") }}
      {{ .Render "summary" }}
      {{- if lt $i (sub $pageLen 1) }} <hr> {{ end -}}
      {{- end }}
    </div>

  </div>
</main>

{{ end }}