summaryrefslogtreecommitdiffstats
path: root/html
diff options
context:
space:
mode:
authorsiddharth <s@ricketyspace.net>2022-05-21 20:58:34 -0400
committersiddharth <s@ricketyspace.net>2022-05-21 20:58:34 -0400
commit5559bf37e05244e97020c4fbe77646e17ae42085 (patch)
tree1c50c2043fc0884077efd4dac7f8eead78492222 /html
parent7afe0925dbd6905cb3b64b72181c9f04c8ff7be1 (diff)
peach: flesh out bare bones
Diffstat (limited to 'html')
-rw-r--r--html/weather.html42
1 files changed, 42 insertions, 0 deletions
diff --git a/html/weather.html b/html/weather.html
new file mode 100644
index 0000000..520c284
--- /dev/null
+++ b/html/weather.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>peach</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <meta name="author" content="siddharth">
+ <link rel="preload" href="/static/peach.css" as="style" />
+ <style>@import url("/static/peach.css");</style>
+</head>
+<body>
+ <div class="peach-container">
+ <div class="location block">
+ <p>{{.Location}}</p>
+ </div>
+
+ <div class="summary">
+ <div class="now">
+ <p class="forecast">{{.Now.Forecast}}</p>
+ <p class="tempature">{{.Now.Temperature}}{{.Now.TemperatureUnit}}</p>
+ <p class="wind">{{.Now.WindSpeed}} {{.Now.WindDirection}}</p>
+ </div>
+ <div class="current-period">
+ <p class="forecast">{{.Period.Forecast}}</p>
+ </div>
+ </div>
+
+ {{ if .Timeline }}
+ <div class="timeline">
+ <div class="container">
+ {{ range .Timeline.Periods }}
+ <div class="period">
+ <p class="temperature">{{.Temperature}}{{.TemperatureUnit}}</p>
+ <p class="hour">{{printf "%d" .Hour}}hrs</p>
+ </div>
+ {{ end }}
+ </div>
+ </div>
+ {{ end }}
+
+ </div>
+</body>