-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (135 loc) · 7.04 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE HTML>
<!--
Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>What Happened? COVID-19 in Canada</title>
<meta charset="utf-8"/>
<meta name="title" content="">
<meta name="description" content="A project to understand the COVID-19 pandemic in Canada.">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="landing is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>What happened?</h2>
<p style="color: white; font-size: 125%; font-weight: 600;"><br>COVID-19 in Canada</p>
<p style="font-size: 70%; font-weight: 600;">A project by the <a href="https://opencovid.ca/">COVID-19 Canada Open Data Working Group</a></p>
</div>
<a href="#one" class="more scrolly">Learn More</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>
The COVID-19 pandemic was the most significant event in a generation.
<br><br>
We need your help answering the question: what happened?
</h2>
</header>
</div>
</section>
<!-- Interlude -->
<section id="one-point-five" class="wrapper style4">
<div class="inner">
<p style="font-size:115%"><br>Since March 2020, the COVID-19 Canada Open Data Working Group has worked to bring pandemic data to Canadians. The time has come to think bigger: <b>What Happened?</b> is a project to establish a centralized source of COVID-19 data in Canada. Join us in developing a data standard, harmonizing disparate data sources into a single definitive dataset, preserving vital documents and information and telling the pandemic stories data alone cannot capture.</p>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/clock.jpg" alt="" /></div><div class="content">
<h2>A definitive timeline</h2>
<p>The time has come to publish a definitive dataset covering COVID-19 cases, deaths, vaccination and other relevant metrics in Canada, unifying disparate federal, provincial and regional datasets under a single data standard.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/books.jpg" alt="" /></div><div class="content">
<h2>A comprehensive archive</h2>
<p>People will be studying the COVID-19 pandemic for decades to come. We must preserve pandemic-related datasets, documents and websites so that future generations may learn from our endeavours.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/storybook.jpg" alt="" /></div><div class="content">
<h2>Your stories</h2>
<p>Behind every row of data is a human experience. Help us preserve the pandemic's stories of suffering and resilience and build a platorm to share them.</p>
</div>
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>There are many ways to help</h2>
<p>No coding experience is required for most projects, <br>just a desire to understand how COVID-19 affected our lives.</p>
</header>
<ul class="features">
<li class="icon solid fa-chart-line">
<h3>A COVID-19 dataset</h3>
<p>Help us stitch together the best account of the COVID-19 pandemic in Canada. Collate data sources, identify what's missing and help fill in the gaps.</p>
</li>
<li class="icon solid fa-archive">
<h3>A complete archive</h3>
<p>Aid us in tracking down relevant datasets and documents related to the pandemic and preserving them in a single location.</p>
</li>
<li class="icon solid fa-list-ul">
<h3>A COVID-19 data standard</h3>
<p>Contribute to a standard for COVID-19 data, allowing us to harmonize disparate data sources.</p>
</li>
<li class="icon solid fa-tag">
<h3>A data index</h3>
<p>Every archive needs an index. Add metadata, tag data and help people make connections between the datasets.</p>
</li>
<li class="icon solid fa-project-diagram">
<h3>A COVID-19 data explorer</h3>
<p>Help build a front-end website for people to discover and work with COVID-19 data without technical experience.</p>
</li>
<li class="icon solid fa-book-open">
<h3>Storytelling</h3>
<p>Immortalize the human toll of the pandemic, beyond what numbers alone tell us. Help build a platform for Canadian pandemic storytelling.</p>
</li>
</ul>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style4">
<div class="inner">
<header>
<h2>Pick a project to learn more about</h2>
<p style="font-size:115%">GitHub will be used to coordinate our work. Just create an account and jump into the discussion on the "issues" board of the project that interests you. No coding knowledge is required! <br><br>You can also email us if you'd like to get involved or learn more: ccodwg@gmail.com</p>
</header>
<ul class="actions stacked">
<li><a href="/~https://github.com/ccodwg/CovidTimelineCanada" class="button fit primary">Dataset</a></li>
<li><a href="/~https://github.com/ccodwg/CovidDataStandard" class="button fit primary">Data standard</a></li>
<li><a href="/~https://github.com/ccodwg/Covid19CanadaArchive" class="button fit primary">Archive</a></li>
<li><a href="/~https://github.com/ccodwg/CovidStoriesCanada" class="button fit primary">Storytelling</a></li>
<li><a href="mailto:ccodwg@gmail.com" class="button fit">Email us</a></li>
</ul>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="copyright">
<li>© <a href="https://opencovid.ca/">COVID-19 Canada Open Data Working Group</a></li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>