{{define "base"}}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<title>{{if not .HeadTitle}}Recipes App{{else}}{{.HeadTitle}}{{end}}</title>
<script src="/htmx.min.js"></script>
<link rel="stylesheet" href="/index.css"></link>
</head>
<body>
<nav>
<details>
<summary>Navigate</summary>
{{range .NavItems}}<a href={{.Link}}>{{.Text}}</a>{{end}}
</details>
</nav>
<div id="main">
{{template "body" .}}
</div>
</body>
</html>{{end}}