doing updating UI, adding jinja filters

weather/static/style.css

@@ -46,8 +46,7 @@
     grid-template-areas:
         "shortDescription"
         "longDescription"
-        "currentTemp"
-        "waterConditions";
+        "currentTemp";
     grid-area: forecast;
 }
 
@@ -62,10 +61,9 @@
 }
 
 .currentTemp { grid-area: currentTemp; }
-.currentTemp > .temperature { font-size: 6em; }
+.currentTemp > .temperature { font-size: 6em; line-height: 1; }
 .currentTemp > .unit { font-size: 2em; }
 
-.waterConditions { grid-area: waterConditions; }
 
 .secondaryInfo {
     display: grid;
@@ -75,23 +73,16 @@
     grid-auto-flow: row;
     grid-template-areas:
         "windContainer"
-        "solarClock";
+        "waterConditions";
     grid-area: secondaryInfo;
 }
 
 .windContainer { grid-area: windContainer; }
+.windContainer > div { font-size: 2em; }
 
-.solarClock { grid-area: solarClock; }
+.waterConditions { grid-area: waterConditions; }
+.waterConditions > div { font-size: 2em; }
 
 .hourlyReport { grid-area: hourlyReport; }
 
-.weeklyReport {
-    display: grid;
-    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
-    grid-template-rows: 1fr;
-    gap: 0px 0px;
-    grid-auto-flow: row;
-    grid-template-areas:
-        ". . . . . .";
-    grid-area: weeklyReport;
-}
+.weeklyReport { grid-area: weeklyReport; }

weather/static/tailwind.css

@@ -13,6 +13,14 @@
     -moz-osx-font-smoothing: grayscale;
 }
 
+.text-white {
+    color: white;
+}
+
+.text-shadow {
+    text-shadow: 0 2px 8px #0009,0 4px 16px #0006,0 8px 32px #0003;
+}
+
 .min-h-screen { min-height: 100vh; }
 
 .grid { display: grid; }
@@ -25,12 +33,14 @@
 
 .flex { display: flex; }
 
+.items-start { align-items: start; }
+
 .items-center { align-items: center; }
 
 .justify-between { justify-content: space-between; }
 
 .justify-center { justify-content: center; }
 
-.p-4 { padding: 1rem; }
+.p-4 { padding: 1em; }
 
-.my-6 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
+.font-lg { font-size: 1.25em; }