81 lines
3.0 KiB
HTML
81 lines
3.0 KiB
HTML
{{define "base"}}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="robots" content="noindex, nofollow">
|
|
<title>{{block "title" .}}µPaaS{{end}}</title>
|
|
<link rel="stylesheet" href="/s/css/tailwind.css">
|
|
</head>
|
|
<body class="bg-gray-50 min-h-screen flex flex-col">
|
|
<div class="flex-grow">
|
|
{{block "content" .}}{{end}}
|
|
</div>
|
|
{{template "footer" .}}
|
|
<script src="/s/js/app.js"></script>
|
|
</body>
|
|
</html>
|
|
{{end}}
|
|
|
|
{{define "nav"}}
|
|
<nav class="app-bar">
|
|
<div class="max-w-6xl mx-auto flex justify-between items-center">
|
|
<div class="flex items-center gap-3">
|
|
<a href="/" class="text-xl font-medium text-gray-900 hover:text-primary-600 transition-colors">µPaaS</a>
|
|
<span class="text-sm text-gray-500">by <a href="https://sneak.berlin" class="text-primary-600 hover:text-primary-800">@sneak</a></span>
|
|
</div>
|
|
<div class="flex items-center gap-4">
|
|
<a href="/apps/new" class="btn-primary">
|
|
New App
|
|
</a>
|
|
<form method="POST" action="/logout" class="inline">
|
|
<button type="submit" class="btn-text">Logout</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
{{end}}
|
|
|
|
{{define "footer"}}
|
|
<footer class="bg-gray-100 border-t border-gray-200 shadow-[0_-4px_6px_-1px_rgba(0,0,0,0.1)] mt-8">
|
|
<div class="max-w-6xl mx-auto px-8 py-6">
|
|
<div class="text-center text-sm text-gray-500 font-mono font-light">
|
|
<a href="https://git.eeqj.de/sneak/upaas" class="hover:text-gray-700">µPaaS</a>
|
|
<span class="mx-1">by</span>
|
|
<a href="https://sneak.berlin" class="hover:text-gray-700">@sneak</a>
|
|
<span class="mx-3">|</span>
|
|
<span>WTFPL</span>
|
|
<span class="mx-3">|</span>
|
|
<span>{{if .Version}}{{.Version}}{{else}}dev{{end}}</span>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
{{end}}
|
|
|
|
{{define "alert-error"}}
|
|
{{if .Error}}
|
|
<div class="alert-error" data-auto-dismiss="8000">
|
|
<div class="flex items-center">
|
|
<svg class="w-5 h-5 mr-2 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/>
|
|
</svg>
|
|
<span>{{.Error}}</span>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
{{end}}
|
|
|
|
{{define "alert-success"}}
|
|
{{if .Success}}
|
|
<div class="alert-success" data-auto-dismiss="5000">
|
|
<div class="flex items-center">
|
|
<svg class="w-5 h-5 mr-2 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
|
|
</svg>
|
|
<span>{{.Success}}</span>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
{{end}}
|