| Giorgi Lekveishvili | 4257b90 | 2023-07-07 17:08:42 +0400 | [diff] [blame^] | 1 | {{ define "main" }} |
| 2 | <form> | ||||
| 3 | <input type="search" placeholder="Search" /> | ||||
| 4 | </form> | ||||
| 5 | |||||
| 6 | <aside> | ||||
| 7 | <nav> | ||||
| 8 | <ul> | ||||
| 9 | {{ range . }} | ||||
| 10 | <li> | ||||
| 11 | <article> | ||||
| 12 | <div> | ||||
| 13 | <a href="/app/{{ .Slug }}" class="logo"> | ||||
| 14 | {{ .Icon }} | ||||
| 15 | </a> | ||||
| 16 | </div> | ||||
| 17 | <div> | ||||
| 18 | <a href="/app/{{ .Slug }}">{{ .Name }}</a> | ||||
| 19 | {{ .ShortDescription }} | ||||
| 20 | </div> | ||||
| 21 | </article> | ||||
| 22 | </li> | ||||
| 23 | {{ end }} | ||||
| 24 | </ul> | ||||
| 25 | </nav> | ||||
| 26 | </aside> | ||||
| 27 | |||||
| 28 | <style> | ||||
| 29 | article { | ||||
| 30 | margin: 0.3em; | ||||
| 31 | margin-bottom: 0.3em; | ||||
| 32 | |||||
| 33 | display: flex; | ||||
| 34 | flex-direction: row; | ||||
| 35 | } | ||||
| 36 | |||||
| 37 | .logo { | ||||
| 38 | display: table-cell; | ||||
| 39 | vertical-align: middle; | ||||
| 40 | } | ||||
| 41 | nav li { | ||||
| 42 | padding-top: 0; | ||||
| 43 | padding-bottom: 0; | ||||
| 44 | } | ||||
| 45 | |||||
| 46 | input[type="search"] { | ||||
| 47 | margin-bottom: 0; | ||||
| 48 | } | ||||
| 49 | </style> | ||||
| 50 | {{ end }} | ||||