Files
speech.capital/index.html

62 lines
2.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/lucide@latest"></script>
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
</head>
<body>
<div class="min-h-screen bg-black text-white px-4 py-8 md:py-16">
<div class="max-w-2xl mx-auto space-y-2">
<div class="flex justify-end pr-2" x-data="{user:null}" x-init="fetch('/api/user').then(r=>r.json()).then(d=>user=d.user)">
<a x-show="!user" href="/signup" class="text-yellow-200/80 hover:text-yellow-200">
<i data-lucide="user-plus" class="w-4 h-4"></i>
</a>
<div x-show="user" class="flex items-center gap-2 text-xs" style="display:none">
<span class="text-gray-300">as
<strong x-text="user?.username" class="text-yellow-200/80"></strong>
(<span x-text="user?.role"></span>)
</span>
<a href="/api/logout" class="text-yellow-200/80 hover:text-yellow-200">
<i data-lucide="log-out" class="w-4 h-4"></i>
</a>
</div>
</div>
<!-- Subs Container -->
<div class="border border-yellow-200/30 min-h-[60vh] p-4 md:p-6 space-y-2">
<a
href="https://free.speech.capital"
class="inline-block text-yellow-200/80 hover:text-yellow-200 text-xs transition-colors"
>
free.speech.capital
</a>
<br>
<a
href="https://artificial.speech.capital"
class="inline-block text-yellow-200/80 hover:text-yellow-200 text-xs transition-colors"
>
artificial.speech.capital
</a>
<br>
<a
href="https://dev.speech.capital"
class="inline-block text-yellow-200/80 hover:text-yellow-200 text-xs transition-colors"
>
dev.speech.capital
</a>
</div>
</div>
</div>
<script>
lucide.createIcons();
</script>
</body>
</html>