getting some ui and index route going

2026-01-10 19:04:48 -07:00
parent 8e7512965c
commit 196873aac9
7 changed files with 133 additions and 0 deletions
--- a/weather/templates/base.html
+++ b/weather/templates/base.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en-US">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <title>{% block title %}{% endblock %}</title>
+
+        <!-- Font preloads (should be done for each font file) -->
+        <link href="{{ url_for('static', filename='Abel-Regular.woff2') }}" rel="preload" as="font" type="font/woff2" crossorigin="anonymous">
+
+        <!-- CSS -->
+        <link href="{{ url_for('static', filename='reset.css') }}" rel="stylesheet" media="screen">
+        <link href="{{ url_for('static', filename='style.css') }}" rel="stylesheet" media="screen">
+
+        <!-- JS that must be executed before the document is loaded -->
+
+    </head>
+    <body class="font-abel antialiased">
+        <div id="app" class="min-h-screen">
+            {% for message in get_flashed_messages() %}
+                <div class="flash">{{ message }}</div>
+            {% endfor %}
+
+            {% block content %}{% endblock %}
+        </div>
+    </body>
+</html>
--- a/weather/templates/weather/index.html
+++ b/weather/templates/weather/index.html
@@ -0,0 +1,9 @@
+{% extends 'base.html' %}
+
+{% block content %}
+Hey what's going on on this side?
+
+{% for period in periods %}
+    <p>{{ period['start_time'] }} - {{ period['end_time'] }} | {{ period['temperature'] }}{{ period['temperature_unit'] }}</p>
+{% endfor %}
+{% endblock %}