50 lines
2.1 KiB
HTML
50 lines
2.1 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en" class="h-full">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
|
<title>{% block title %}K8s Image Dashboard{% endblock %}</title>
|
||
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
|
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
||
|
|
<style>
|
||
|
|
[x-cloak] { display: none !important; }
|
||
|
|
body { background-color: #0a0f1e; }
|
||
|
|
.status-outdated { @apply bg-red-950 text-red-300 ring-1 ring-red-700; }
|
||
|
|
.status-current { @apply bg-green-950 text-green-300 ring-1 ring-green-800; }
|
||
|
|
.status-floating { @apply bg-yellow-950 text-yellow-300 ring-1 ring-yellow-800; }
|
||
|
|
.status-local { @apply bg-gray-800 text-gray-400 ring-1 ring-gray-700; }
|
||
|
|
.status-skipped { @apply bg-gray-800 text-gray-500 ring-1 ring-gray-700; }
|
||
|
|
.status-pending { @apply bg-blue-950 text-blue-400 ring-1 ring-blue-800; }
|
||
|
|
.status-unknown { @apply bg-gray-800 text-gray-500 ring-1 ring-gray-700; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body class="h-full text-gray-100 min-h-screen">
|
||
|
|
|
||
|
|
<nav class="bg-gray-900 border-b border-gray-800 sticky top-0 z-50">
|
||
|
|
<div class="max-w-screen-2xl mx-auto px-6 py-3 flex items-center gap-8">
|
||
|
|
<a href="/" class="flex items-center gap-2 text-blue-400 font-bold text-lg tracking-wide hover:text-blue-300">
|
||
|
|
<span class="text-xl">⎈</span>
|
||
|
|
<span>K8s Image Dashboard</span>
|
||
|
|
</a>
|
||
|
|
<div class="flex gap-1">
|
||
|
|
<a href="/"
|
||
|
|
class="px-3 py-1.5 rounded text-sm transition-colors
|
||
|
|
{% if request.url.path == '/' %}bg-gray-700 text-white font-medium{% else %}text-gray-400 hover:text-white hover:bg-gray-800{% endif %}">
|
||
|
|
Images
|
||
|
|
</a>
|
||
|
|
<a href="/upgrade"
|
||
|
|
class="px-3 py-1.5 rounded text-sm transition-colors
|
||
|
|
{% if request.url.path == '/upgrade' %}bg-gray-700 text-white font-medium{% else %}text-gray-400 hover:text-white hover:bg-gray-800{% endif %}">
|
||
|
|
Upgrade
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<main class="max-w-screen-2xl mx-auto px-6 py-6">
|
||
|
|
{% block content %}{% endblock %}
|
||
|
|
</main>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|