1
0
Fork 0
datetime.link/templates/index.html

81 lines
1.9 KiB
HTML
Raw Normal View History

2020-09-28 09:11:07 +08:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>datetime.link</title>
<meta name="viewport" content="width=device-width">
{{template "resources.html"}}
2020-09-28 09:11:07 +08:00
</head>
<body>
{{template "resources-body.html"}}
2020-09-28 09:11:07 +08:00
<main id="app">
{{$app := .App}}
{{$t := .Req.Time}}
{{range .Req.Zones}}
<d-zone zone="{{.}}">
{{with resolveZone $app .}}
{{if .Error}}
<d-zoneerror>
Unable to load zone. The URL path might not be valid
</d-zoneerror>
{{else}}
{{$zt := $t.In .Location}}
<d-zoneinfo>
<d-zonename>{{.Name}}</d-zonename>
{{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}}
2020-11-08 02:40:25 +08:00
<!--
<d-zone>
<d-zoneinfo>
<d-zonename>India Standard Time</d-zonename>
2020-10-30 23:02:39 +08:00
<d-zoneoffset>+5:30</d-zoneoffset>
<d-date date="2020-06-02">2020-06-02</d-date>
</d-zoneinfo>
<d-zonefigure>
<d-time time="14:00">14:00</d-time>
</d-zonefigure>
</d-zone>
<d-zone>
<d-zoneinfo>
<d-zonename>Singapore Time</d-zonename>
2020-10-30 23:02:39 +08:00
<d-zoneoffset>+8:00</d-zoneoffset>
<d-date date="2020-06-02">2020-06-02</d-date>
</d-zoneinfo>
<d-zonefigure>
<d-time time="16:30">16:30</d-time>
</d-zonefigure>
</d-zone>
<d-zone>
<d-zoneinfo>
<d-zonename>New York, USA</d-zonename>
2020-10-30 23:02:39 +08:00
<d-zoneoffset>-4:00</d-zoneoffset>
<d-date date="2020-06-02">2020-06-02</d-date>
</d-zoneinfo>
<d-zonefigure>
<d-time time="04:30">04:30</d-time>
</d-zonefigure>
</d-zone>
2020-11-08 02:40:25 +08:00
-->
2020-09-28 09:11:07 +08:00
</main>
{{template "footer.html"}}
2020-09-28 09:11:07 +08:00
2020-10-31 00:32:05 +08:00
<!-- Work in progress...
2020-09-28 09:11:07 +08:00
<script src="/js/third-party/luxon.min.js"></script>
<script src="/js/interactive.js" async></script>
2020-10-31 00:32:05 +08:00
-->
2020-09-28 09:11:07 +08:00
</body>
</html>