Add basic ui that displays live/history cadence data

2023-01-22 19:37:19 +11:00
parent 1a7bec42c7
commit aa82db6678
4 changed files with 81 additions and 14 deletions
--- a/templates/base.html
+++ b/templates/base.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>Cardio</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://cdn.plot.ly/plotly-2.14.0.min.js"></script>
+    <script src="https://unpkg.com/htmx.org"></script>
+    <script src="https://unpkg.com/hyperscript.org"></script>
+</head>
+
+<body>
+    <div class="flex overflow-hidden bg-white pt-16">
+
+        <div class="h-full w-full bg-gray-50 relative overflow-y-auto">
+            <main>
+                <div class="pt-6 px-4" id="container">
+                    <div hx-get="{{ url_for('overview') }}" hx-trigger="load, every 2s">
+                    </div>
+                </div>
+
+            </main>
+
+        </div>
+    </div>
+
+</body>
+
+</html>