{{ define "main" }}
<main aria-role="main">
  <!-- Note that the content for index.html, as a sort of list page, will pull from content/_index.md -->
  <div class="container">
    <h1 class="display-6">{{ .Content }}</h1>
  </div>

  <!-- TODO: Find a way that the content of these boxes can be specified in front matter. -->
  <div class="container">
    <div class="container py-4 text-center overflow-hidden">
      <div class="row row-cols-2">
        <a
          href="projects/fsfw"
          class="col d-flex flex-column justify-content-center text-decoration-none"
        >
          <div
            class="bg-body-tertiary rounded d-flex flex-column flex-wrap justify-content-center my-2"
          >
            <h2 class="display-6 py-5 mx-2">
              Flight Software Framework (FSFW)
            </h2>
          </div>
        </a>
        <a
          href="projects/sat-rs"
          class="col d-flex flex-column justify-content-center text-decoration-none"
        >
          <div
            class="bg-body-tertiary rounded d-flex flex-column flex-wrap justify-content-center my-2 h-100"
          >
            <h2 class="display-6 py-5 mx-2">sat-rs</h2>
          </div>
        </a>
      </div>
    </div>
  </div>
</main>
{{ end }}