{{ define "main" }}
    {{ if .Params.Image }}
      <figure class="flex justify-center items-center w-full">
          {{ partial "image" (dict "Src" .Params.Image "Alt" "Banner" "Class" "w-1/4 h-1/4 mx-auto" ) }}
      </figure>
    {{ end }}
    <br>
    <div class="flex justify-center items-center">
    <h1>{{ .Params.Title }}</h1>
    </div>
    <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 }}" class="hover:underline">{{ .Title }}</a></h2>
          </div>
            <div class="content">
                {{ .Content }}
            </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 }}" class="underline hover:text-purple-600">
                    <h4 class="mb-1">
                      {{ .Title }}
                    </h4>
                  </a>
                  <div class="flex">
                    {{ with .Params.mediatype }}
                      <div class="mr-4">
                        {{ if eq . "intro" }}
                        <i class="fa-regular fa-info-circle mr-1"></i>
                            Intro
                        {{ end }}

                        {{ if eq . "philo" }}
                        <i class="fa-regular fa-book mr-1"></i>
                            Policy
                        {{ end }}

                        {{ if eq . "struct" }}
                        <i class="fa-regular fa-users mr-1"></i>
                            Logistics
                        {{ end }}

                        {{ if eq . "rev" }}
                        <i class="fa-regular fa-credit-card mr-1"></i>
                            Business
                        {{ end }}

                        {{ if eq . "key" }}
                        <i class="fa-regular fa-gavel mr-1"></i>
                            Directive
                        {{ end }}

                        {{ if eq . "extra" }}
                        <i class="fa-regular fa-plus mr-1"></i>
                            Bonus Section
                        {{ end }}
                      </div>
                    {{ end }}
                  </div>
                </div>
                <p class="mb-6">{{ .Params.description | markdownify }}</p>
              </div>
            {{ end }}
          </div>
          {{ range .Params.Notes }}
            {{ partial "components/bignote.html" . }}
          {{ end }}
        </div>
      {{ end }}
      <hr>
      <div>
          <p><strong>Changelog</strong></p>
          <p>- v0.5.0, Copyright © April 2, 2025</p>
      </div>
    </div>
  </section>
{{ end }}