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/init.py
+++ b/weather/init.py
@@ -26,4 +26,8 @@ def create_app(test_config=None):
    from . import db
    db.init_app(app)

+    from . import weather
+    app.register_blueprint(weather.bp)
+    app.add_url_rule('/', endpoint='index')
+
    return app
--- a/weather/static/Abel-Regular.woff2
+++ b/weather/static/Abel-Regular.woff2
--- a/weather/static/reset.css
+++ b/weather/static/reset.css
@@ -0,0 +1,54 @@
+/* 1. Use a more-intuitive box-sizing model */
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+/* 2. Remove default margin */
+*:not(dialog) {
+  margin: 0;
+}
+
+/* 3. Enable keyword animations */
+@media (prefers-reduced-motion: no-preference) {
+  html {
+    interpolate-size: allow-keywords;
+  }
+}
+
+body {
+  /* 4. Add accessible line-height */
+  line-height: 1.5;
+  /* 5. Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/* 6. Improve media defaults */
+img, picture, video, canvas, svg {
+  display: block;
+  max-width: 100%;
+}
+
+/* 7. Inherit fonts for form controls */
+input, button, textarea, select {
+  font: inherit;
+}
+
+/* 8. Avoid text overflows */
+p, h1, h2, h3, h4, h5, h6 {
+  overflow-wrap: break-word;
+}
+
+/* 9. Improve line wrapping */
+p {
+  text-wrap: pretty;
+}
+h1, h2, h3, h4, h5, h6 {
+  text-wrap: balance;
+}
+
+/*
+  10. Create a root stacking context
+*/
+#root, #__next {
+  isolation: isolate;
+}
--- a/weather/static/style.css
+++ b/weather/static/style.css
@@ -0,0 +1,20 @@
+@font-face {
+    font-family: "Abel";
+    src: url(Abel-Regular.woff2) format("woff2");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+.font-abel {
+    font-family: "Abel", sans-serif;
+}
+
+.antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.min-h-screen {
+    min-height: 100vh;
+}
--- 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 %}
--- a/weather/weather.py
+++ b/weather/weather.py
@@ -0,0 +1,18 @@
+from flask import (
+    Blueprint, flash, g, render_template, request, url_for
+)
+from werkzeug.exceptions import abort
+
+from weather.db import get_db
+
+bp = Blueprint('weather', __name__)
+
+@bp.route('/')
+def index():
+    db = get_db()
+    periods = db.execute(
+        'SELECT *'
+        '  FROM `periods`'
+        '  ORDER BY `id` DESC'
+    ).fetchall()
+    return render_template('weather/index.html', periods=periods)