59 lines
1.4 KiB
HTML
59 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>datetime.link</title>
|
|
<meta name="viewport" content="width=device-width">
|
|
|
|
{{template "resources.html"}}
|
|
</head>
|
|
<body>
|
|
{{template "resources-body.html"}}
|
|
|
|
<main id="app">
|
|
{{$app := .App}}
|
|
{{$t := .Req.Time}}
|
|
{{range .Req.Zones}}
|
|
<d-zone zone="{{.}}">
|
|
{{$zoneName := .}}
|
|
{{with resolveZone $app .}}
|
|
{{if .Error}}
|
|
<d-zoneerror>
|
|
Unable to load zone "{{$zoneName}}". The zone could be invalid
|
|
</d-zoneerror>
|
|
{{else}}
|
|
{{$zt := $t.In .Location}}
|
|
<d-zoneinfo>
|
|
{{if not .IsOffset}}
|
|
<d-zonename>
|
|
<d-zonearea>{{.FirstName}},</d-zonearea>
|
|
<d-zonecountry> {{.City.Country.Ref}}</d-zonecountry>
|
|
</d-zonename>
|
|
{{else}}
|
|
<d-zonename>
|
|
{{.Name}}
|
|
</d-zonename>
|
|
{{end}}
|
|
{{if not .IsOffset}}
|
|
<d-zoneoffset>{{.TimeOffset $t | formatOffset}}</d-zoneoffset>
|
|
{{end}}
|
|
<d-date date="{{$zt.Format "2006-01-02"}}">{{$zt.Format "2006-01-02"}}</d-date>
|
|
</d-zoneinfo>
|
|
<d-zonefigure>
|
|
<d-time time="{{$zt.Format "15:04"}}">{{$zt.Format "15:04"}}</d-time>
|
|
</d-zonefigure>
|
|
{{end}}
|
|
{{end}}
|
|
</d-zone>
|
|
{{end}}
|
|
</main>
|
|
|
|
{{template "footer.html"}}
|
|
|
|
<!-- Work in progress...
|
|
<script src="/js/third-party/luxon.min.js"></script>
|
|
<script src="/js/interactive.js" async></script>
|
|
-->
|
|
</body>
|
|
</html>
|