This repository has been archived on 2023-12-29. You can view files and clone it, but cannot push or open issues or pull requests.
dogstats/web/templates/mainpage.html

47 lines
2.2 KiB
HTML
Raw Normal View History

2023-10-18 16:12:47 +02:00
<!DOCTYPE html>
<html lang="en">
2023-10-18 22:42:01 +02:00
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dogstats</title>
<link href="/css/output.css" rel="stylesheet">
<script src="/js/htmx.min.js"></script>
</head>
2023-10-21 20:47:11 +02:00
<body>
2023-10-18 22:42:01 +02:00
<div class="bg-white">
2023-10-21 20:47:11 +02:00
<header class="inset-x-0 top-0 z-50">
2023-10-18 22:42:01 +02:00
<nav class="flex items-center justify-between p-6 lg:px-8" aria-label="Global">
<div class="flex lg:flex-1">
<a href="#" hx-get="/home" hx-push-url="/home" hx-target="#main" class="-m-1.5 p-1.5">
2023-10-18 22:42:01 +02:00
<span class="sr-only">Dogstats</span>
<img class="h-8 w-auto" src="/imgs/dogstats-50.png" alt="">
</a>
</div>
<div class="flex lg:hidden">
2023-10-21 20:47:11 +02:00
<button type="button" class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700">
2023-10-18 22:42:01 +02:00
<span class="sr-only">Open main menu</span>
2023-10-21 20:47:11 +02:00
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
2023-10-18 22:42:01 +02:00
</svg>
</button>
</div>
<div class="hidden lg:flex lg:gap-x-12">
2023-10-20 20:41:49 +02:00
<a href="#" hx-get="/templates/product.html" hx-push-url="/product" hx-target="#main" class="text-sm font-semibold leading-6 text-gray-900">Product</a>
2023-10-21 20:47:11 +02:00
<a href="#" hx-get="/features" hx-push-url="/features" hx-target="#main" class="text-sm font-semibold leading-6 text-gray-900">Features</a>
2023-10-18 22:42:01 +02:00
</div>
<div class="hidden lg:flex lg:flex-1 lg:justify-end">
2023-10-21 20:47:11 +02:00
<a href="#" hx-get="/templates/login.html" hx-target="#main" hx-push-url="/login" class="text-sm font-semibold leading-6 text-gray-900">Log in <span aria-hidden="true">&rarr;</span></a>
2023-10-18 22:42:01 +02:00
</div>
</nav>
</header>
2023-10-21 20:47:11 +02:00
<div id="main" hx-get="/" hx-trigger="load">
2023-10-18 22:42:01 +02:00
</div>
</div>
2023-10-21 20:47:11 +02:00
</body>
2023-10-18 22:42:01 +02:00
</html>