-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfootprint_narrative_4.html
99 lines (96 loc) · 4.23 KB
/
footprint_narrative_4.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="footprint_narrative.css">
<title>digital carbon footprint inquiry</title>
</head>
<body>
<div class="wrapper">
<div class="container">
<section class="open-book">
<header>
<h1>Digital Carbon Footprint Inquiry</h1>
<h6>Digital Humanities Center</h6>
</header>
<article>
<p>
</br>
Video conferencing increase because of the pandemic?...
</br>
</br>
</p>
<form id="calc" oninput="updateOutput()">
<b>Digital Carbon Footprint:</b> <output name="carbon" for="Netflix Hulu">0</output> kg<br><br>
<b> Digital Water Footprint:</b> <output name="water" for="Netflix Hulu">0</output> l<br><br>
<b>Digital Land Footprint: </b><output name="land" for="Netflix Hulu">0</output> cm<sup>2</sup><br><br>
<table>
<tbody><tr>
<th>Platform</th>
<th>Data (GB/hr)</th>
<th>Hours/day</th>
<th>Carbon (g)</th>
<th>Water (l)</th>
<th>Land (cm<sup>2</sup>)</th>
</tr>
<tr>
<td><div class="platform_name">Skype: </div></td>
<td>1.86</td>
<td><input name="Skype" value="0" type="number" min="0" step="0.5"></td>
<td><output name="carbon_skype" for="Skype">0</output></td>
<td><output name="water_skype" for="Skype">0</output></td>
<td><output name="land_skype" for="Skype">0</output></td>
</tr>
<tr>
<td><div class="platform_name">Zoom: </div></td>
<td>2.5</td>
<td><input name="Zoom" value="0" type="number" min="0" step="0.5"></td>
<td><output name="carbon_zoom" for="Zoom">0</output></td>
<td><output name="water_zoom" for="Zoom">0</output></td>
<td><output name="land_zoom" for="Zoom">0</output></td>
</tr>
<tr>
<td><div class="platform_name">Webex: </div></td>
<td>2.58</td>
<td><input name="Webex" value="0" type="number" min="0" step="0.5"></td>
<td><output name="carbon_webex" for="Webex">0</output></td>
<td><output name="water_webex" for="Webex">0</output></td>
<td><output name="land_webex" for="Webex">0</output></td>
</tr>
<tr>
<td><div class="platform_name">FaceTime: </div></td>
<td>0.18</td>
<td><input name="FaceTime" value="0" type="number" min="0" step="0.5"></td>
<td><output name="carbon_facetime" for="FaceTime">0</output></td>
<td><output name="water_facetime" for="FaceTime">0</output></td>
<td><output name="land_facetime" for="FaceTime">0</output></td>
</tr>
<tr>
<td><div class="platform_name">Google Hangout: </div></td>
<td>3.24</td>
<td><input name="GoogleHangout" value="0" type="number" min="0" step="0.5"></td>
<td><output name="carbon_googlehangout" for="GoogleHangout">0</output></td>
<td><output name="water_googlehangout" for="GoogleHangout">0</output></td>
<td><output name="land_googlehangout" for="GoogleHangout">0</output></td>
</tr>
<tr>
<td><div class="platform_name">Google Duo: </div></td>
<td>0.48</td>
<td><input name="GoogleDuo" value="0" type="number" min="0" step="0.5"></td>
<td><output name="carbon_googleduo" for="GoogleDuo">0</output></td>
<td><output name="water_googleduo" for="GoogleDuo">0</output></td>
<td><output name="land_googleduo" for="GoogleDuo">0</output></td>
</tr>
</article>
<footer>
<ol id="page-numbers">
<li></li>
<li><a href="footprint_narrative_5.html">Next Page</a></li>
</ol>
</footer>
</section>
</div>
</div>
</body>
<script type="text/javascript" src="calculator_narrative_4.js" defer=""></script>
</html>