You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
1.9 KiB
70 lines
1.9 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="refresh" content="3600" />
|
|
<link href="/icons/weather-icons.css" rel="stylesheet" type="text/css">
|
|
<style>
|
|
body {
|
|
font-size: 170%;
|
|
}
|
|
h4 {
|
|
margin: 0%;
|
|
}
|
|
.row {
|
|
}
|
|
.column {
|
|
display:inline-block;
|
|
padding: 10px;
|
|
}
|
|
.wi {
|
|
font-size: 200%;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="row">
|
|
<div class="column" style="border:1px solid;border-radius:5px;width:30;">
|
|
<h4>{{.Current.DateUnix}}</h4>
|
|
<div style="margin-top:10px; margin-bottom:10px;">
|
|
<!-- <i style="margin:10px;float:left;" class="wi wi-owm-{{(index .Current.Weather 0).Id}}"></i> -->
|
|
<!-- {{.Current.Temp}}°C, {{.Current.Humidity}}% -->
|
|
{{range $i, $e := .Daily}}{{if lt $i 1}}
|
|
<i style="margin:10px;float:left;" class="wi wi-owm-{{(index .Weather 0).Id}}"></i>
|
|
{{.Temp.Day}}°C, {{.Humidity}}%
|
|
<br>{{.Temp.Min}}/{{.Temp.Max}} °C
|
|
</div>
|
|
{{(index .Weather 0).Main}}
|
|
{{end}}{{end}}
|
|
<!-- {{(index .Current.Weather 0).Main}} -->
|
|
<br><i class="wi wi-sunrise" style="font-size:90%"></i> {{.Current.Sunrise}}
|
|
<br><i class="wi wi-sunset" style="font-size:90%"></i> {{.Current.Sunset}}
|
|
</div>
|
|
|
|
{{range $i, $e := .Daily}}{{if lt $i 6}}{{if gt $i 0}}
|
|
<div class="column" style="width:10%;">
|
|
<i class="wi wi-owm-{{(index .Weather 0).Id}}"></i>
|
|
<h4>{{.DateUnix}}</h4>
|
|
{{.Temp.Min}}/{{.Temp.Max}} °C
|
|
<!-- <p>{{(index .Weather 0).Main}}, {{(index .Weather 0).Description}}</p> -->
|
|
</div>
|
|
{{end}}{{end}}{{end}}
|
|
</div>
|
|
<br>
|
|
<div class="row">
|
|
{{range $i, $e := .Hourly}}{{if lt $i 9}}
|
|
<div class="column" style="font-size:90%;">
|
|
<i class="wi wi-owm-{{(index .Weather 0).Id}}"></i>
|
|
<h4>{{.DateUnix}}</h4>
|
|
{{.Temp}}°C
|
|
</div>
|
|
{{end}}{{end}}
|
|
</div>
|
|
<span style="float:right;font-size:70%;">
|
|
{{.Date}}
|
|
</span>
|
|
|
|
<p>
|
|
</p>
|
|
</body>
|
|
</html>
|