73 lines
3.2 KiB
HTML
73 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Cardio Tracker</title>
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap" rel="stylesheet" />
|
|
<link href="/static/css/tw-elements.min.css" rel="stylesheet">
|
|
<script src="/static/js/tailwindcss@3.2.4.js"></script>
|
|
<script src="/static/js/tw-elements.min.js"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
darkMode: "class",
|
|
theme: {
|
|
fontFamily: {
|
|
sans: ["Roboto", "sans-serif"],
|
|
body: ["Roboto", "sans-serif"],
|
|
mono: ["ui-monospace", "monospace"],
|
|
},
|
|
},
|
|
corePlugins: {
|
|
preflight: false,
|
|
},
|
|
};
|
|
</script>
|
|
<script src="/static/js/htmx.min.js"></script>
|
|
</head>
|
|
|
|
<body class="bg-gray-100 font-sans leading-normal tracking-normal">
|
|
<nav class="bg-white shadow-lg">
|
|
<div class="container mx-auto px-4">
|
|
<div class="flex justify-between">
|
|
<div class="flex items-center">
|
|
<a class="text-gray-800 text-xl font-bold" href="/">
|
|
<div class="flex py-3">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
|
|
stroke="currentColor" class="w-8 h-8 mr-2">
|
|
<path stroke-linecap="round" stroke-linejoin="round"
|
|
d="M16.5 18.75h-9m9 0a3 3 0 013 3h-15a3 3 0 013-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.454 7.454 0 01-.982-3.172M9.497 14.25a7.454 7.454 0 00.981-3.172M5.25 4.236c-.982.143-1.954.317-2.916.52A6.003 6.003 0 007.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25c2.291 0 4.545.16 6.75.47v1.516M7.73 9.728a6.726 6.726 0 002.748 1.35m8.272-6.842V4.5c0 2.108-.966 3.99-2.48 5.228m2.48-5.492a46.32 46.32 0 012.916.52 6.003 6.003 0 01-5.395 4.972m0 0a6.726 6.726 0 01-2.749 1.35m0 0a6.772 6.772 0 01-3.044 0" />
|
|
</svg>
|
|
<div>
|
|
Cardio Tracker
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="flex items-center">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="max-w-4xl mx-auto mt-8">
|
|
<div class="flex flex-col justify-between">
|
|
<div class="w-full px-4 mb-8">
|
|
|
|
<div class="shadow-md rounded-lg overflow-hidden" id="users-container">
|
|
{% with users=users, bikes=bikes %}
|
|
{% include 'users_and_workouts_wrapper.html' %}
|
|
{% endwith %}
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div class="w-full px-4 mb-8" id="container">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |