49 lines
2 KiB
HTML
49 lines
2 KiB
HTML
<html lang="en">
|
|
<head>
|
|
<link href="/static/css/main.css" rel="stylesheet"/>
|
|
<script src="/static/feather.min.js"></script>
|
|
<script src="/static/htmx@2.0.min.js"></script>
|
|
<script src="/static/index.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<nav class="bg-cyan-500">
|
|
<div class="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8">
|
|
<div class="relative flex h-16 items-center justify-between">
|
|
<div class="flex flex-1 items-center justify-center sm:items-stretch sm:justify-start">
|
|
<div class="hidden sm:ml-6 sm:block">
|
|
<div class="flex space-x-4">
|
|
<!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
|
|
<a href="#" class="rounded-md bg-slate-800 px-3 py-2 text-sm font-medium text-white" aria-current="page">Dashboard</a>
|
|
</div>
|
|
</div>
|
|
<div class="me-0 ms-auto py-2">
|
|
<button class="rounded-full p-2 hover:bg-cyan-700 transition-colors">
|
|
<i data-feather="menu"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
<div class="flex flex-row h-dvh w-100">
|
|
|
|
<div class="flex flex-col bg-neutral-300 h-dvh w-1/8">
|
|
<button class="rounded-full font-semibold mx-3 mt-2 px-4 py-2 text-white bg-cyan-600">Connect to Camera</button>
|
|
|
|
<button class="rounded-full font-semibold mx-3 mt-2 px-4 py-2 text-white bg-cyan-600">Connect to Computer</button>
|
|
|
|
</div>
|
|
<div class="bg-emerald-700 h-dvh w-7/8">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<script>
|
|
feather.replace();
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|