-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
96 lines (82 loc) · 5.01 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
<!DOCTYPE html>
<html>
<head>
<title>Carbon Emissions and Access 2020</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/x-icon" href="docs/images/favicon.ico" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootswatch/4.5.2/lux/bootstrap.min.css" integrity="sha384-9+PGKSqjRdkeAU7Eu4nkJU8RFaH8ace8HGXnkiKMP9I9Te0GJ4/km3L1Z8tXigpG" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin=""/>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin=""></script>
<script src="data/2019-affiliations.json" charset="utf-8"></script>
<script src="data/2020-affiliations.json" charset="utf-8"></script>
<script src="scripts/map.js"></script>
<script src="scripts/calculations.js"></script>
</head>
<body>
<nav class="site-header bg-dark text-white py-1">
<div class="container d-flex flex-column flex-md-row justify-content-between">
<!--<a class="py-2" href="">
Access icon here
</a>-->
<a class="py-2 d-none d-md-inline-block text-white" href="https://accessconference.ca/">Access Conference Home</a>
<a class="py-2 d-none d-md-inline-block text-white" href="https://github.com/AccessLibCon/CarbonEmissions/">GitHub</a>
</div>
</nav>
<div class="row">
<div class="col-md-5 p-lg-5 mx-auto my-5">
<h1 class="display-4 font-weight-normal">Carbon Emissions and Access Conferences</h1>
</div>
<div class="col-md-5 p-lg-5 mx-auto my-5">
<p class="lead font-weight-normal">We're thinking critically about carbon emissions of national conferences.</p>
<p class="lead font-weight-normal">In 2019, Peter Binkley <a href="https://youtu.be/TRoqBGw3EMM?t=601">warned</a> "We have to stop meeting like this" citing <a href="https://pics.uvic.ca/sites/default/files/AirTravelWP_FINAL.pdf">evidence of greenhouse gas emissions resulting from business-related air travel</a>.</p>
<p class="lead font-weight-normal">He could not have foreseen a pandemic would move the conference online. <strong>We now have the opportunity to explore the impact</strong> of that change.</p>
</div>
</div>
<div class="row bg-dark text-white">
<div class="col-sm">
<div class="my-3 p-4">
<h3 class="display-5 text-white">2019 - Edmonton</h3>
<label for="map2019" class="lead">Speakers locations, with a red circle indicating average distance away from conference host location.</label>
<div id="map2019" style="width: 400px; height: 375px;"></div>
<p class="py-2"><span id="total2019" class="display-4"></span><br/>total km traveled by speakers alone</p>
<p class="py-2"><span id="average2019" class="display-4"></span><br/> average km from conference center</p>
</div>
</div>
<div class="col-sm">
<div class="my-3 p-4">
<h2 class="display-5 text-white">2020 - Vancouver (Virtual)</h2>
<label for="map2019" class="lead">Speakers locations, with a red circle indicating average distance away from conference host location.</label>
<div id="map2020" style="width: 400px; height: 375px;"></div>
<p class="py-2"><span id="total2020" class="display-4"></span><br/>total km spanned virtually by speakers alone</p>
<p class="py-2"><span id="average2020" class="display-4"></span><br/>average km from conference center</p>
</div>
</div>
</div>
<div class="row">
<div class="container">
<div class="col-sm p-4">
<h2 class="display-5">Were carbon emissions saved? How much?</h2>
<p class="py-2">We saved:</p>
<p class="py-2"><span class="display-4">76.68</span><br/>tonnes CO2e for our virtual conference<br/></p>
<p class="py-2">compared to a traditional single-site, in-person conference.</p>
<a class="btn btn-outline-secondary" href="https://github.com/AccessLibCon/CarbonEmissions/blob/napkin_calculations/Access%20Carbon%20Footprint.ipynb">See our napkin calculations</a>
</div>
</div>
</div>
<div class="row bg-dark text-white">
<div class="container">
<div class="col-sm p-4">
<h2 class="text-white">An Access Conference 2020 Hackfest Project</h2>
<p>Peter Binkley, Julia Caffrey-Hill, Rebecca Dickson, Eka Grguric, Tricia Jenkins, and Jordan Hale</p>
</div>
</div>
</div>
<script>
prepareMap('map2019', locations2019, "53.535411", "-113.507996")
prepareMap('map2020', locations2020, "49.2608724", "-123.1139529")
calculateDistance('2019', locations2019)
calculateDistance('2020', locations2020)
</script>
</body>
</html>