-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfuture.html
110 lines (102 loc) · 12.1 KB
/
future.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Possible Climate Futures</title>
<!-- Import Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<link rel="stylesheet" href="resources/css/style.css">
</head>
<body>
<!-- Navbar Section -->
<div class="sticky-top" id="pageHeader">
<h1 id="headerHeader">Climatology</h1>
<nav class="navbar navbar-expand-lg navbar-dark" id="navbar">
<!-- Navbar setup -->
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navbar links -->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto nav-justified w-100">
<li class="nav-item">
<a class="nav-link" href="index.html">Home </a>
</li>
<li class="nav-item">
<a class="nav-link" href="history.html">Global History</a>
</li>
<li class="nav-item">
<a class="nav-link" href="reality.html">Current Realities</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="future.html">Possible Futures <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="furtherreading.html">Further Reading</a>
</li>
<li class="nav-item">
<a class="nav-link" href="sources.html">Sources</a>
</li>
<li class="nav-item">
<a class="nav-link" href="team.html">About Project</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="container-fluid">
<div class="row">
<div class="col">
<h3 class="display-3" style='text-align: left'>Rising Global Emissions</h3>
</div>
</div>
<div class="row">
<div class="col">
<h4 class="display-4">Looking to the trends for a glimpse into the future</h4>
</div>
</div>
<div class="row">
<div class="col">
<blockquote class="blockquote">
<p class="mb-0">"Emissions from a number of growing economies have been increasing rapidly over the last few decades. Fast-forwarding to annual emissions in 2014, we can see that a number of low to middle income nations are now within the top global emitters. In fact, China is now the largest emitter, followed by (in order) the US, EU-28, India, Russia, Indonesia, Brazil, Japan, Canada and Mexico. Note that a number of nations that are already top emitters are likely to continue to increase emissions as they undergo development."
</p>
<br>
<p class="mb-0">"In contrast to CO2 emissions growth in low to middle income economies, trends across many high income nations have stabilized, and in several cases decreased in recent decades. Despite this downward trend across some nations, emissions growth in transitioning economies dominates the global trend—as such, global annual emissions have continued to increase over this period."</p>
<footer class="blockquote-footer">CO₂ and other Greenhouse Gas Emissions <cite title="Source Title"><a href="https://ourworldindata.org/co2-and-other-greenhouse-gas-emissions">Hannah Ritchie and Max Roser (2018)</a></cite></footer>
</blockquote>
<div class='tableauPlaceholder' id='viz1531109956004' style='position: relative'><noscript><a href='#'><img alt='CO2 Per Capital vs. Total Emissions Story ' src='https://public.tableau.com/static/images/Pe/PerCapitaEmissionsofCO2inMetricTons1900-2016/CO2PerCapitalvs_TotalEmissionsStory/1_rss.png' style='border: none' /></a></noscript><object class='tableauViz' style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='' /><param name='name' value='PerCapitaEmissionsofCO2inMetricTons1900-2016/CO2PerCapitalvs_TotalEmissionsStory' /><param name='tabs' value='no' /><param name='toolbar' value='yes' /><param name='static_image' value='https://public.tableau.com/static/images/Pe/PerCapitaEmissionsofCO2inMetricTons1900-2016/CO2PerCapitalvs_TotalEmissionsStory/1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' /><param name='display_count' value='yes' /></object></div> <script type='text/javascript'> var divElement = document.getElementById('viz1531109956004'); var vizElement = divElement.getElementsByTagName('object')[0]; vizElement.style.width='100%';vizElement.style.height=(divElement.offsetWidth*0.75)+'px'; var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>
<blockquote class="blockquote">
<p class="mb-0">The world will continue to industrialize, and economies will continue to transition and grow. It is likely that many nations will look to model their standard of living on countries with significantly higher per capita CO2 emission rates. The data above demonstrates the reality that much of the world's per capita carbon emission is still low and is set to rise. When more than 4 billion people (and this number is set to grow due to a rapidly rising population) become more financially capable, they will begin to consume, and it is a mystery whether or not the earth and the climate as we know it can survive the strain.
</p>
<br>
<p class="mb-0">With this in mind, it is important to gain an understanding of what contributes most to our carbon footprints so that we've got a chance at curbing its influence.</p>
</blockquote>
</div>
</div>
<div class="row">
<div class="col">
<h4 class="display-4">CO2 Emission Share</h4>
<div class='tableauPlaceholder' id='viz1531204924999' style='position: relative'><noscript><a href='#'><img alt='Share of CO2 by Country ' src='https://public.tableau.com/static/images/Sh/ShareofGlobalCO2EmissionbyRegion/ShareofCO2byCountry/1_rss.png' style='border: none' /></a></noscript><object class='tableauViz' style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='' /><param name='name' value='ShareofGlobalCO2EmissionbyRegion/ShareofCO2byCountry' /><param name='tabs' value='no' /><param name='toolbar' value='yes' /><param name='static_image' value='https://public.tableau.com/static/images/Sh/ShareofGlobalCO2EmissionbyRegion/ShareofCO2byCountry/1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' /><param name='display_count' value='yes' /><param name='filter' value='publish=yes' /></object></div> <script type='text/javascript'> var divElement = document.getElementById('viz1531204924999'); var vizElement = divElement.getElementsByTagName('object')[0]; vizElement.style.minWidth='420px';vizElement.style.maxWidth='1800px';vizElement.style.width='100%';vizElement.style.minHeight='587px';vizElement.style.maxHeight='927px';vizElement.style.height=(divElement.offsetWidth*0.75)+'px'; var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>
<footer class="blockquote-footer">CO2 per year by region 1751-2015 <cite title="Source Title"><a href="http://cdiac.ornl.gov/CO2_Emission/">CDIAC</a></cite></footer>
</div>
</div>
<div class="row">
<div class="col">
<h4 class="display-4">CO2 Emission Breakdown</h4>
<blockquote class="blockquote">
<br>
<div class='tableauPlaceholder' id='viz1531234168166' style='position: relative'><noscript><a href='#'><img alt='Emissions by Category Dash ' src='https://public.tableau.com/static/images/CO/CO2EmissionsbyProductionCategory/EmissionsbyCategoryDash/1_rss.png' style='border: none' /></a></noscript><object class='tableauViz' style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='' /><param name='name' value='CO2EmissionsbyProductionCategory/EmissionsbyCategoryDash' /><param name='tabs' value='no' /><param name='toolbar' value='yes' /><param name='static_image' value='https://public.tableau.com/static/images/CO/CO2EmissionsbyProductionCategory/EmissionsbyCategoryDash/1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' /><param name='display_count' value='yes' /><param name='filter' value='publish=yes' /></object></div> <script type='text/javascript'> var divElement = document.getElementById('viz1531234168166'); var vizElement = divElement.getElementsByTagName('object')[0]; vizElement.style.minWidth='420px';vizElement.style.maxWidth='1800px';vizElement.style.width='100%';vizElement.style.minHeight='327px';vizElement.style.maxHeight='527px';vizElement.style.height=(divElement.offsetWidth*0.75)+'px'; var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>
<footer class="blockquote-footer">Global CO2 Emissions from Fossil-Fuel Burning, Cement Manufacture, and Gas Flaring: 1751-2013 <cite title="Source Title"><a href="http://cdiac.ornl.gov/ftp/ndp030/global.1751_2013.ems">CDIAC</a></cite></footer>
</blockquote>
</div>
</div>
</div>
<!-- Import stuff that Bootstrap needs-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
</body>
</html>