zdravko/web/templates/components/base.tmpl

55 lines
1.7 KiB
Cheetah
Raw Normal View History

2024-02-29 11:15:15 +00:00
{{ define "base" }}
{{ $title := "" }}
{{ $path := "" }}
{{ if ne nil .NavbarActive }}
{{ $title = .NavbarActive.Title }}
{{ $path = .NavbarActive.Path }}
{{ end }}
2024-02-29 11:15:15 +00:00
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Zdravko - {{ $title }}</title>
<link rel="stylesheet" href="/static/css/tailwind.css" />
</head>
<body class="bg-gray-100 flex flex-col">
2024-05-28 20:22:29 +00:00
<header class="flex flex-col sm:flex-row items-center sm:justify-evenly p-4 gap-2">
<a href="/" class="text-2xl font-bold">zdravko.mnts.dev</a>
<nav class="navbar flex sm:flex-row flex-col flex-wrap space-x-2 gap-1">
{{ range .Navbar }}
<a
{{ $active := eq .Path $path }}
{{ if $active }}aria-current="true"{{ end }}
href="{{ .Path }}"
class="{{ if $active }}active{{ end }}"
>
{{ .Title }}
</a>
{{ end }}
</nav>
<img
src="https://avatars.githubusercontent.com/u/1910649?v=4"
alt="Profile Image"
class="rounded-full w-12 h-12"
></img>
</header>
2024-02-29 11:15:15 +00:00
{{ template "main" . }}
<div class="container mx-auto">
2024-05-28 20:22:29 +00:00
<footer class="text-center text-gray-600 text-xs mt-8 mb-4">
2024-02-29 14:12:20 +00:00
&copy; {{ Now.UTC.Year }} Zdravko -
2024-02-29 11:15:15 +00:00
<a
class="hover:underline"
href="https://github.com/mentos1386/zdravko"
>Open Source</a
>
</footer>
</div>
<script src="/static/js/htmx.min.js"></script>
</body>
</html>
{{ end }}