{{ define "main" }}
    {{ if .Params.Image }}
      <figure class="flex justify-center items-center">
          {{ partial "image" (dict "Src" .Params.Image "Alt" "Banner" "Class" "w-1/4 h-1/4" ) }}
      </figure>
    {{ end }}
    <br>
    <div>
    </div>
  <section class="mb-8">
    <div class="container flex flex-col gap-5">
      {{ $sections := slice . }}
      {{ if .Sections }}
        {{ $sections = .Sections.ByDate.Reverse }}
      {{ end }}
      {{ range $sections }}
        <div>
          <div>
            <h2 class="mb-6"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
          </div>
          <div class="row">
            {{ range .RegularPages.ByDate }}
              <div class="col-12 md:col-6 lg:col-4 mb-3">
                {{ $image := .Params.thumbnail }}
                {{ if $image }}
                  <a href="{{ .RelPermalink }}">
                    {{ partial "image" (dict "Src" $image "Context" .Page "Alt" .Title "Class" "mb-3 w-full rounded") }}
                  </a>
                {{ end }}
                <div class="mb-3">
                  <a href="{{ .RelPermalink }}">
                    <h4 class="mb-1">
                      {{ .Title }}
                    </h4>
                  </a>
                  <div class="flex">
                    {{ with .Params.mediatype }}
                      <div class="mr-4">
                        <i class="fa-regular fa-folder mr-1"></i>
                        {{ if eq . "talk" }}Talk{{ end }}
                        {{ if eq . "demo" }}Demo{{ end }}
                        {{ if eq . "podcast" }}Podcast{{ end }}
                        {{ if eq . "chat" }}Fireside Chat{{ end }}
                      </div>
                    {{ end }}

                    <div>
                      <i class="fa-regular fa-circle-user mr-1"></i>
                      {{ range $i, $s := .Params.speakers -}}
                        {{ if gt $i 0 }}, {{ end }}{{ $s.name }}
                      {{- end }}
                    </div>
                  </div>
                </div>
                <p class="mb-6">{{ .Params.description | markdownify }}</p>
              </div>
            {{ end }}
          </div>
          {{ range .Params.Notes }}
            {{ partial "components/bignote.html" . }}
          {{ end }}
        </div>
      {{ end }}
    </div>
  </section>
{{ end }}