{{ define "main" }}
<div class="margin-bottom-20">
  {{ .Content }}
</div>

{{ $categories := .Params.category_order }}
{{ $pages := .RegularPagesRecursive }}

{{ range $category := $categories }}
  {{ $catPages := where $pages "Params.category" $category }}
  {{ with $catPages }}
    <h2 id="{{ $category | urlize }}">{{ $category | title }}</h2>
    <div class="home-tile-grid">
      {{ range sort . "Weight" }}
        {{ $icon := .Params.icon | default "fa-solid fa-flask" }}
        <a class="tile tile-secondary-light block rounded-md" href="{{ .RelPermalink }}">
          <div class="tile-icon">
            <i class="{{ $icon }}" aria-hidden="true"></i>
          </div>
          <h3>{{ .Title }}</h3>
          <p>{{ .Description | markdownify }}</p>
        </a>
      {{ end }}
    </div>
  {{ end }}
{{ end }}
{{ end }}