internal/web/templates/base.html

 1<!doctype html>
 2<html lang="en">
 3<head>
 4<meta charset="utf-8">
 5<meta name="viewport" content="width=device-width, initial-scale=1">
 6<title>{{block "title" .}}{{.Title}}{{end}}</title>
 7<link rel="stylesheet" href="/_/theme.css">
 8<script src="/_/gallery.js" defer></script>
 9</head>
10<body class="{{block "bodyclass" .}}{{end}}">
11<nav class="site">
12  <a class="brand" href="/">{{.Title}}</a>
13  {{- range .Lib.Albums}}
14  <a href="{{albumURL .}}"{{if eq .Slug $.Current}} class="on"{{end}}>{{.Title}}</a>
15  {{- end}}
16  <a href="/timeline/"{{if eq .Current "timeline"}} class="on"{{end}}>Timeline</a>
17  {{- if .Lib.About}}
18  <a href="/info/"{{if eq .Current "info"}} class="on"{{end}}>Info</a>
19  {{- end}}
20</nav>
21<main>{{template "content" .}}</main>
22</body>
23</html>
24{{define "tile"}}<a class="tile" href="{{photoURL .}}" data-ar="{{ar .}}" style="--ar:{{ar .}}">
25    <img src="{{imgURL . 960}}" srcset="{{srcset .}}" sizes="(max-width: 600px) 100vw, 33vw" width="{{.Meta.Width}}" height="{{.Meta.Height}}" loading="lazy" alt="{{.Name}}">
26  </a>{{end}}