brian/flask-weather
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

a terrible but somewhat functional state

Browse Source
This commit is contained in:
Brian
2026-01-11 17:50:32 -07:00
parent 9dbd72f4ee
commit 7b5a49979e
12 changed files with 9814 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
weather/templates/base.html
View File

@@ -11,18 +11,24 @@
<!-- CSS -->
<link href="{{ url_for('static', filename='reset.css') }}" rel="stylesheet" media="screen">
<link href="{{ url_for('static', filename='tailwind.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 %}
<div id="app" class="min-h-screen" style="background-image: url({{ url_for('static', filename=condition_image) }}); background-size: cover; background-position: center;">
<div id="clock">0:00:00 AM</div>
{% block content %}{% endblock %}
</div>
<script>
let clock = document.getElementById('clock');
setInterval(() => {
clock.innerText = new Date().toLocaleTimeString();
}, 1000)
</script>
</body>
</html>

55
weather/templates/weather/index.html
View File

@@ -1,7 +1,56 @@
{% extends 'base.html' %}
{% block content %}
{% for period in periods %}
<p>{{ period['start_time'] }} - {{ period['end_time'] }} | {{ period['temperature'] }}{{ period['temperature_unit'] }}</p>
{% endfor %}
<div class="page-container">
<div class="currentForecast">
<div class="forecast">
<div class="shortDescription">{{ current_conditions['short_forecast'] }}</div>
<div class="longDescription">{{ current_conditions['detailed_forecast'] }}</div>
<div class="currentTemp">
<span class="temperature">{{ current_conditions['temperature'] }}</span><span class="unit">°{{ current_conditions['temperature_unit'] }}</span>
</div>
<div class="waterConditions">{{ current_conditions['precipitation_probability'] }}% percip | {{ current_conditions['relative_humidity'] }}% humidity (relative)</div>
</div>
<div class="secondaryInfo">
<div class="windContainer frosted">
<div class="flex items-center justify-between">
<div class="flex items-center">Wind Status</div>
<div class="flex items-center">{{ current_conditions['wind_speed'] }}</div>
</div>
<div class="flex items-center justify-center">
</div>
<div class="flex items-center justify-center">
Direction: {{ current_conditions['wind_direction'] }}
</div>
</div>
<div class="solarClock frosted">
<div class="flex items-center justify-between">
<div class="flex items-center">Sunrise</div>
<div class="flex items-center">Sunset</div>
</div>
<div class="flex items-center justify-center">
</div>
<div class="flex items-center justify-between">
<div class="flex items-center">Time AM</div>
<div class="flex items-center">Time PM</div>
</div>
</div>
</div>
</div>
<div class="hourlyForecast frosted my-6">
<h3>Hourly Forecast</h3>
<div class="grid grid-cols-6 gap-x-4">
{{ current_conditions | tojson(2) }}
</div>
</div>
<div class="weeklyReport frosted">
<h3>Weekly Forecast</h3>
<div class="grid grid-cols-7 gap-x-4">
{% for period in periods %}
<div>{{ period['start_time'] }} - {{ period['end_time'] }} | {{ period['temperature'] }}{{ period['temperature_unit'] }}</div>
{% endfor %}
</div>
</div>
</div>
{% endblock %}