dtoro
2da9532709
Bundles the artifacto mascot as /static/logo.png (256×256), /static/favicon-32.png and /static/apple-touch-icon.png. Header shows the logo as a small rounded avatar; browser tabs get the favicon. Replaces the .keep placeholder. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
42 lines
1.5 KiB
HTML
42 lines
1.5 KiB
HTML
{{ define "head" }}<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{{ . }} · Artifacto</title>
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script src="https://unpkg.com/htmx.org@1.9.12"></script>
|
|
<style>
|
|
:root { color-scheme: dark; }
|
|
body { font-family: ui-sans-serif, system-ui, sans-serif; }
|
|
.spark { font-variant-numeric: tabular-nums; letter-spacing: 2px; }
|
|
textarea { font-family: ui-monospace, SF Mono, Menlo, monospace; }
|
|
</style>
|
|
</head>
|
|
<body class="min-h-screen bg-slate-950 text-slate-100">
|
|
{{ end }}
|
|
|
|
{{ define "header" }}
|
|
<header class="border-b border-slate-800">
|
|
<div class="max-w-6xl mx-auto px-6 py-4 flex items-center justify-between">
|
|
<a href="/" class="flex items-center gap-2.5 font-semibold text-lg">
|
|
<img src="/static/logo.png" alt="" class="w-8 h-8 rounded-full ring-1 ring-slate-700">
|
|
Artifacto
|
|
</a>
|
|
{{ if . }}
|
|
<form method="post" action="/logout"><button class="text-sm text-slate-400 hover:text-slate-100">Log out</button></form>
|
|
{{ end }}
|
|
</div>
|
|
</header>
|
|
{{ end }}
|
|
|
|
{{ define "footer" }}
|
|
<footer class="max-w-6xl mx-auto px-6 py-8 text-xs text-slate-500">
|
|
Artifacto · self-hosted · <a class="underline" href="/healthz">/healthz</a>
|
|
</footer>
|
|
</body>
|
|
</html>
|
|
{{ end }}
|