{{ define "canvas-mode" }}hero{{ end }}

{{ define "main" }}
  {{ partial "hero.html" . }}

  <section id="articles" class="section-container reveal-group"
           style="background: var(--bg2); padding: 6rem 2rem;">

    <div class="section-header">
      <p class="section-eyebrow">// latest posts</p>
      <h2 class="section-title">Recent Articles</h2>
    </div>

    {{ $articlesSection := .Site.GetPage "/articles" }}
    {{ if $articlesSection }}
      {{ $articles := $articlesSection.Pages }}
      {{ $articles = sort $articles "Date" "desc" }}
      <div class="articles-grid">
        {{ range first 6 $articles }}
          {{ $type := .Params.type }}
          {{ if not $type }}{{ $type = "article" }}{{ end }}

          {{ $excerpt := .Params.excerpt }}
          {{ if not $excerpt }}
            {{ $excerpt = .Summary | plainify | truncate 150 }}
          {{ end }}

          {{ $data := dict
              "title"       .Title
              "type"        $type
              "description" $excerpt
              "date"        .Date
              "url"         .RelPermalink
              "image"       .Params.image
              "featured"    .Params.featured
              "context"     "home"
          }}
          {{ partial "post-card.html" $data }}
        {{ end }}
      </div>
    {{ end }}

    <div style="text-align: center; margin-top: 3rem;">
      <a href="/articles/" class="btn btn-outline">View All Articles</a>
    </div>

  </section>
{{ end }}