tclip/cmd/web/tmpl/base.html

44 lines
2.5 KiB
HTML
Raw Normal View History

2023-08-22 17:43:17 +01:00
{{define "header"}}
<!DOCTYPE html>
<html>
<head>
<title>{{.Title}}</title>
<link rel="stylesheet" href="/static/css/font-files/inter.css" />
<link rel="stylesheet" href="/static/css/base.css" />
<link rel="stylesheet" href="/static/css/prism.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body id="top" class="flex flex-col min-h-screen p-4">
<div class="container mx-auto min-h-screen">
<nav class="mt-4">
<a class="font-semibold underline text-gray-900 hover:text-gray-500" href="/">tclip</a>{{if .UserInfo}} - <a class="font-semibold underline text-gray-900 hover:text-gray-500" href="/paste/list">List</a> - <a class="font-semibold underline text-gray-900 hover:text-gray-500" href="/help">Help</a>{{end}}
{{if .UserInfo}}<div class="float-right">{{.UserInfo.DisplayName}} <img class="w-8 p-8 rounded-xl" src="{{.UserInfo.ProfilePicURL}}" /></div>{{end}}
</nav>
<h1 class="mt-6 text-2xl font-bold pb-1">{{.Title}}</h1>
{{end}}
{{define "footer"}}
<footer class="bg-gray-100 border-t border-gray-200 py-2 my-6">
<div class="container mx-auto px-4 leading-6 text-right flex flex-row items-center">
From the nerds at
<a class="inline-block align-text-top px-1" href="https://tailscale.dev">Tailscale.</a>
<svg width="18" height="18" viewBox="0 0 22 22" fill="none" role="img" aria-labelledby="tsTitle" xmlns="http://www.w3.org/2000/svg">
<title id="tsTitle">Tailscale</title>
<circle opacity="0.2" cx="3.4" cy="3.25" r="2.7" fill="currentColor" />
<circle cx="3.4" cy="11.3" r="2.7" fill="currentColor" />
<circle opacity="0.2" cx="3.4" cy="19.5" r="2.7" fill="currentColor" />
<circle cx="11.5" cy="11.3" r="2.7" fill="currentColor" />
<circle cx="11.5" cy="19.5" r="2.7" fill="currentColor" />
<circle opacity="0.2" cx="11.5" cy="3.25" r="2.7" fill="currentColor" />
<circle opacity="0.2" cx="19.5" cy="3.25" r="2.7" fill="currentColor" />
<circle cx="19.5" cy="11.3" r="2.7" fill="currentColor" />
<circle opacity="0.2" cx="19.5" cy="19.5" r="2.7" fill="currentColor" />
</svg>
</div>
</footer>
</div>
</body>
</html>
{{end}}