{{ template "base" . }}

{{ define "content" }}

<main class="container my-5">
  <div class="px-4 pt-5 my-5 text-center border shadow-lg">
    <h1 class="display-4 fw-bold text-body-emphasis">Dela</h1>
    <div class="col-lg-6 mx-auto">
      <p class="lead mb-4">a dead simple and minimalistic web TODO list</p>
      <div class="d-grid gap-2 d-sm-flex justify-content-sm-center mb-5">
        <a href="/register" class="btn btn-primary btn-lg px-4 me-md-2 fw-bold">Register</a>
        <a href="/login" class="btn btn-outline-secondary btn-lg px-4">Log in</a>
      </div>
    </div>
    <div class="overflow-hidden" style="max-height: 30vh;">
      <div class="container px-5">
        <img src="/static/images/dela_main.png" class="img-fluid border rounded-3 shadow-lg mb-4" alt="Dela interface" width="980" height="700" loading="lazy">
      </div>
    </div>
  </div>
</main>

{{ end }}