layout.html
| 1 | {{define "layout"}} |
| 2 | <!DOCTYPE html> |
| 3 | <html lang="en" {{if ne .Theme "auto"}}data-theme="{{.Theme}}"{{end}}> |
| 4 | <head> |
| 5 | <meta charset="UTF-8"> |
| 6 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 7 | <title>{{.Title}} - VidArchive</title> |
| 8 | <link rel="icon" type="image/svg+xml" href="/static/icons/logo.svg"> |
| 9 | <link rel="stylesheet" href="/static/pico.min.css"> |
| 10 | <link rel="stylesheet" href="/static/style.css"> |
| 11 | {{if .AutoRefresh}} |
| 12 | <meta http-equiv="refresh" content="{{.RefreshSec}}"> |
| 13 | {{end}} |
| 14 | </head> |
| 15 | <body> |
| 16 | <header> |
| 17 | <h1 class="brand"> |
| 18 | <svg class="brand-logo" viewBox="0 0 32 32" width="30" height="30" aria-hidden="true" focusable="false"> |
| 19 | <path fill="var(--pico-primary)" d="M6.5 6 H12 L15 9.5 H25 a3 3 0 0 1 3 3 V23.5 a3 3 0 0 1 -3 3 H7.5 a3 3 0 0 1 -3 -3 V8 a2 2 0 0 1 2 -2 Z"/> |
| 20 | <path fill="var(--pico-card-background-color)" d="M12.5 13.5 L21 18 L12.5 22.5 Z"/> |
| 21 | </svg> |
| 22 | <span>VidArchive</span> |
| 23 | </h1> |
| 24 | <nav> |
| 25 | <a href="/library" class="{{if eq .ActiveTab "library"}}active{{end}}">Library</a> |
| 26 | <a href="/queue" class="{{if eq .ActiveTab "queue"}}active{{end}}">Queue</a> |
| 27 | <a href="/download" class="{{if eq .ActiveTab "download"}}active{{end}}">Download</a> |
| 28 | <a href="/subscriptions" class="{{if eq .ActiveTab "subscriptions"}}active{{end}}">Subscriptions</a> |
| 29 | <a href="/settings" class="{{if eq .ActiveTab "settings"}}active{{end}}">Settings</a> |
| 30 | </nav> |
| 31 | </header> |
| 32 | |
| 33 | <main> |
| 34 | {{.Content}} |
| 35 | </main> |
| 36 | |
| 37 | <footer> |
| 38 | <p>VidArchive - Video Archive Manager</p> |
| 39 | </footer> |
| 40 | </body> |
| 41 | </html> |
| 42 | {{end}} |
| 43 |