52 lines
2.1 KiB
HTML
52 lines
2.1 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://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
|
|
<script src="https://unpkg.com/htmx.org"></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="/">Cardio Tracker</a>
|
|
</div>
|
|
<div class="flex items-center">
|
|
<form class="flex py-1" hx-post="{{ url_for('users') }}" hx-target="#users-container">
|
|
<input
|
|
class="rounded-l-lg p-2 border-t mr-0 border-b border-l text-gray-800 border-gray-200 bg-white"
|
|
name="name" placeholder="New user name" required />
|
|
<button
|
|
class="px-4 rounded-r-lg bg-green-500 text-white font-bold p-2 uppercase border-green-600 border-t border-b border-r"
|
|
type="submit">
|
|
Add User
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="container mx-auto mt-8">
|
|
<div class="flex flex-col sm:flex-row justify-between">
|
|
<div class="w-full sm:w-1/2 px-4 mb-8">
|
|
<h1 class="text-gray-800 font-bold text-2xl mb-4">Users</h1>
|
|
<div class="bg-white shadow-md rounded-lg overflow-hidden" id="users-container">
|
|
|
|
{% with users=users %}
|
|
{% include 'users.html' %}
|
|
{% endwith %}
|
|
|
|
</div>
|
|
</div>
|
|
<div class="w-full sm:w-1/2 px-4 mb-8" id="container">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |