{{ define "main" }}
{{ partial "greeter.html" .}}
<header id="homepage-header" class="homepage-header">
  <div class="container">
    <h1>{{.Title}}</h1> 
  </div>
</header>

<main>
  <div class="flex-wrap-container">
    <div class="container">
      <h2>Projects</h2>
      {{ range where .Site.RegularPages "Type" "projects" }} 
      <div class="index-article">
        <a class="index-article__link" href="{{ .Permalink }}">
          <h4>{{ .Title }}</h4>
        </a>
        <p>{{.Summary}}</p>
        <span class="index-article__date">
          {{.Params.date.Format "2 January 2006"}}
        </span>
        <hr>
      </div>
      {{ end }}
    </div>

    <div class="container">
      <h2>Blog</h2>
      {{ range where .Site.RegularPages "Type" "posts" }} 
      <div class="index-article">
        <a class="index-article__link" href="{{ .Permalink }}">
          <h4>{{ .Title }}</h4>
        </a>
        <p>{{.Summary}}</p>
        <span class="index-article__date">
          {{.Params.date.Format "2 January 2006"}}
        </span>
        <hr>
      </div>
      {{ end }}
    </div>

    <div class="container">
      <h2>Papers</h2>
      {{ range where .Site.RegularPages "Type" "papers" }} 
      <div class="index-article">
        <a class="index-article__link" href="{{ .Permalink }}">
          <h4>{{ .Title }}</h4>
        </a>
        <p>{{.Summary}}</p>
        <span class="index-article__date">
          {{.Params.date.Format "2 January 2006"}}
        </span>
        <hr>
      </div>
      {{ end }}
    </div>

    <div class="container">
      <h2>Articles</h2>
      {{ range where .Site.RegularPages "Type" "articles" }} 
      <div class="index-article">
        <a class="index-article__link" href="{{ .Permalink }}">
          <h4>{{ .Title }}</h4>
        </a>
        <p>{{.Summary}}</p>
        <span class="index-article__date">
          {{.Params.date.Format "2 January 2006"}}
        </span>
        <hr>
      </div>
      {{ end }}
    </div>

  </div>
</main>

{{ end }}