{{ define "main" }}
<form>
  <input type="search" placeholder="Search" />
</form>

<aside>
  <nav>
    <ul>
      {{ range . }}
        <li>
          <article>
                  <div>
                      <a href="/app/{{ .Slug }}" class="logo">
                          {{ .Icon }}
                      </a>
                  </div>
                  <div>
                      <a href="/app/{{ .Slug }}">{{ .Name }}</a>
                      {{ .ShortDescription }}
                  </div>
          </article>
        </li>
      {{ end }}
    </ul>
  </nav>
</aside>

<style>
  article {
    margin: 0.3em;
    margin-bottom: 0.3em;

    display: flex;
    flex-direction: row;
  }

  .logo {
    display: table-cell;
    vertical-align: middle;
  }
  nav li {
    padding-top: 0;
    padding-bottom: 0;
  }

  input[type="search"] {
    margin-bottom: 0;
  }
</style>
{{ end }}
