-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
56 lines (53 loc) · 2.88 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="./css/theme-covid.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-title" content="Lockdown Countdown">
<link rel="apple-touch-icon" href="img/CardImage.png" />
<title>Lockdown Countdown</title>
<meta name="theme-color" content="#F3C82D" />
<meta property="og:title" content="NZ COVID-19 Lockdown Countdown" />
<meta property="og:description"
content="Countdown the days until lockdown is finally over! We can all get through this together." />
<meta property="og:image" content="https://covid.danno.nz/img/CardImage.png" />
<meta name="keywords"
content="covid,new zealand,new zealand covid tracer,when does lockdown end,lockdown,alert level">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<meta name="revisit-after" content="3 days">
<meta name="author" content="danno.nz">
</head>
<body>
<noscript>Your browser does not support JavaScript! Why????? I get it if you're using tor browser or whatever but this
website isn't a security threat to your system (trust me, it's literally open source)</noscript>
<div class='countdown-card'>
<!-- TODO: I have no idea how to center this parent div (the one above this line) vertically on the page. I hate CSS and I wish we had better web standards but w3 messed up in the early days and we're stuck with this forever it seems. :( -->
<p class="hero">Level 2 reviewed in:</p>
<div id="demo" class='clock'>0d 0h 00m 00s</div>
<p class="subtitle" id="percentageThrough"></p>
</div>
<div class='countdown-card'>
<p class="hero small">Auckland Level 4 reviewed in in:</p>
<div id="auckland" class='clock small'>0d 0h 00m 00s</div>
<p class="subtitle small" id="aucklandPercentage"></p>
</div>
<div class="push"></div>
<div class="footer">
<p><a href="https://covid19.govt.nz/alert-levels-and-updates/current-alert-level/">Alert level source</a> - Data is
updated usually within a day or so. This site is not associated with the NZ Government in any way. <a
href="https://github.com/DanGamingTV/CovidCountdown">Source code</a> licensed under <a
href="https://opensource.org/licenses/GPL-3.0" a>GPL 3.0</a></p>
</div>
<script src="./js/script.min.js"></script>
<script>
var latestDate = Date.parse("13 Sep, 2021 16:00:00 +12:00")
var currentLockdownStart_ = Date.parse("17 Aug, 2021 23:59:00 +12:00")
setDateStuff(true, "#demo", "#percentageThrough", latestDate, currentLockdownStart_);
setDateStuff(false, "#auckland", "#aucklandPercentage", Date.parse("13 Sep, 2021 16:00:00 +12:00"), currentLockdownStart_);
</script>
</body>
</html>