covid19-edmonton/templates/index.html

106 lines
3.7 KiB
HTML
Raw Normal View History

2020-04-25 07:09:15 +00:00
<!DOCTYPE html>
<html>
<head>
<!-- Standard Meta -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<!-- Site Properties -->
<title>Edmonton COVID-19 Statistics</title>
<link rel="stylesheet" href="/public/css/semantic.min.css">
<script src="/public/js/jquery-3.4.1.min.js"></script>
<script src="/public/js/semantic.min.js"></script>
<style type="text/css">
h2 {
margin: 2em 0em;
}
.ui.container {
padding-top: 5em;
padding-bottom: 5em;
}
</style>
2020-04-25 07:33:55 +00:00
<script>
$(document).ready(function () {
$('#sourceCodeButton').on("click", function() {
window.location = "https://deadbeef.codes/steven/covid19-edmonton"
});
});
</script>
2020-04-25 07:09:15 +00:00
</head>
<body>
2020-04-25 07:33:55 +00:00
<div id="sourceCodeButton" class="ui right floated button">
Source Code
</div>
<br />
2020-04-25 07:33:55 +00:00
<center>
<h1 class="ui header">
COVID-19 Dashboard
<div class="ui sub header">
Updated at {{ .UpdatedDate.Format "2006 Jan 02 15:04:05" }} Mountain Time (the real time)
</div>
</h1>
</center>
2020-04-25 07:33:55 +00:00
<div class="ui divider"></div>
2020-04-25 07:09:15 +00:00
<div class="ui fluid four column doubling stackable grid container">
<div class="column">
<div class="ui raised padded segment">
<center>
<div class="ui statistic">
<div class="value">
{{ .Data.ActiveCasesEdmonton }}
</div>
<div class="label">
Active Edmonton Cases
</div>
</div>
</center>
</div>
</div>
<div class="column">
<div class="ui raised padded segment">
<center>
<div class="ui statistic">
<div class="value">
{{ .Data.TotalCasesEdmonton }}
</div>
<div class="label">
Total Edmonton Cases
</div>
</div>
</center>
</div>
</div>
<div class="column">
<div class="ui raised padded segment">
<center>
<div class="ui statistic">
<div class="value">
{{ .Data.ActiveCasesAlberta }}
</div>
<div class="label">
Active Alberta Cases
</div>
</div>
</center>
</div>
</div>
<div class="column">
<div class="ui raised padded segment">
<center>
<div class="ui statistic">
<div class="value">
{{ .Data.TotalCasesAlberta }}
</div>
<div class="label">
Total Alberta Cases
</div>
</div>
</center>
</div>
</div>
</div>
</body>
</html>