-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
52 lines (47 loc) · 2.86 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-2320532-13"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-2320532-13');
</script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Those we've lost are more than just a number." />
<link rel="stylesheet" type="text/css" href="styles.css?v=1.3">
<title>535,000 Faces</title>
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@mkorostoff">
<meta name="twitter:creator" content="@mkorostoff">
<meta name="twitter:title" content="Comprehending the Death Toll of Covid-19">
<meta name="twitter:description" content="Those we've lost are more than just a number.">
<meta name="twitter:image" content="https://mkorostoff.github.io/hundred-thousand-faces/img/misc/og_image_500.jpg">
<meta property="og:title" content="Comprehending the Death Toll of Covid-19" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Those we've lost are more than just a number." />
<meta property="og:image" content="https://mkorostoff.github.io/hundred-thousand-faces/img/misc/og_image_500.jpg" />
</head>
<body>
<h1 class="site-title">535,000 faces</h1>
<div class="banner">
<picture>
<source srcset="img/misc/banner_m.jpg" media="(max-width: 599px)">
<source srcset="img/misc/banner_d.jpg" media="(min-width: 600px) and (max-width: 1599px)">
<source srcset="img/misc/banner_xl.jpg" media="(min-width: 1600px)">
<img alt="Twenty faces of covid victims" src="img/misc/banner_d.jpg">
</picture>
</div>
<div class="intro">
<p>In the first year of the global pandemic, COVID-19 killed around 535,000 Americans, a number that defies comprehension. This website is intended to help visitors understand the massive scale of this event by putting a human face on each person lost. It is my hope that this will allow visitors to understand the death toll as more than just a number.</p>
<p><span class="highlight">The faces on this page do not and have never existed. They were generated by a computer.</span> They have been curated to provide a demographically accurate view of the actual covid-19 victims, accounting for age, race, and gender. You can read more about the making of this page <a href="about.html">here</a>.</p>
<p>As you scroll, try to suspend your disbelief of these virtual images and consider the real person symbolized by each one—the life they lived, the way they died, and the family they left behind.</p>
</div>
<div id="main"></div>
<div id="counter">
<div id="counter-inner"></div>
</div>
<script type="text/javascript" src="script.js?v=1.3"></script>
</body>
</html>