44 lines
1.8 KiB
HTML
44 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{{block "title" .}}Homelab{{end}}</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:opsz@14..32&display=swap" rel="stylesheet">
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
fontFamily: { sans: ["Inter", "system-ui", "sans-serif"] },
|
|
colors: {
|
|
surface: { 950: "#0a0a0f" },
|
|
text: { 100: "#f0f0f5", 300: "#b0b0c0", 400: "#808090" },
|
|
primary: { 300: "#a5b4fc", 400: "#818cf8", 500: "#6366f1", 600: "#4f46e5" },
|
|
error: { 400: "#f87171" },
|
|
},
|
|
animation: {
|
|
"fade-in": "fadeIn 0.5s ease-out",
|
|
"slide-up": "slideUp 0.5s ease-out",
|
|
shake: "shake 0.4s ease-in-out",
|
|
},
|
|
keyframes: {
|
|
fadeIn: { from: { opacity: "0" }, to: { opacity: "1" } },
|
|
slideUp: { from: { opacity: "0", transform: "translateY(10px)" }, to: { opacity: "1", transform: "translateY(0)" } },
|
|
shake: { "0%,100%": { transform: "translateX(0)" }, "25%": { transform: "translateX(-4px)" }, "75%": { transform: "translateX(4px)" } },
|
|
},
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
</head>
|
|
<body class="bg-surface-950 text-text-100 min-h-screen min-w-screen font-sans flex items-center justify-center">
|
|
<div class="fixed inset-0 -z-10">
|
|
<div class="absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-primary-600/20 via-surface-950 to-surface-950"></div>
|
|
</div>
|
|
{{block "content" .}}{{end}}
|
|
</body>
|
|
</html>
|