forked from DOI-ONRR/doi-extractives-data
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
167 lines (111 loc) · 6.58 KB
/
index.html
File metadata and controls
167 lines (111 loc) · 6.58 KB
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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
---
layout: default
title: Home
selector: location
---
<section class="slab-delta">
<div class="container-page-wrapper ribbon">
<div class="container-left-8 ribbon-hero ribbon-hero-home ribbon-card-home">
<h2>The United States Extractive Industries Transparency Initiative</h2>
<h3 class="ribbon-hero-description-light">
USEITI is part of an international effort to promote open and accountable management of natural resources. This site provides data about {{ "extractive industries" | term:"extractive industry" }} across the United States.
</h3>
<a href="{{ site.baseurl }}/about/">Learn more about the initiative</a>
</div>
<div class="container-right-4 ribbon-card ribbon-card-home">
<a href="{{ site.baseurl }}/explore/" class="ribbon-card-button button-primary">Explore the data</a>
{% include svg/icon-ribbon-oil-rig.svg svg_title='small' vb_height=150 %}
{% include svg/icon-ribbon-oil-rig.svg %}
</div>
</div>
</section>
<section class="slab-alpha container-margin-separation explore_home-map">
<div class="container-page-wrapper">
<div class="container-left-4 explore_home-map-intro">
<h2 class="h3 explore_home-heading">Learn about extractive industries in each state</h2>
<p>
Explore production, revenue, and economic impact data for each state, as well as additional contextual information and data about three states that chose to participate in deeper USEITI reporting: <a href="{{ site.baseurl }}/explore/AK/">Alaska</a>, <a href="{{ site.baseurl }}/explore/MT/">Montana</a>, and <a href="{{ site.baseurl }}/explore/WY/">Wyoming</a>.
</p>
<figcaption class="state_pages-select">
<label for="location-selector">Explore data:</label>
{% include selector.html
nationwide = true
nationwide_url = '/explore/'
nationwide_title = 'Nationwide data'
default = 'Choose location'
%}
</figcaption>
</div>
<div class="container-right-8">
<figure is="data-map" color-scheme="Reds" steps="9">
{%
include state-map.html
href=':url'
ownership=true
no_outline=true
%}
</figure>
<aside class="wide">
{% include maps/federal_land_ownership_legend.html land=true %}
</aside>
</div>
</div>
</section>
<section class="slab-beta-dark container-padded">
<div class="container-page-wrapper">
<div class="container-left-3">
<h4>The U.S. ranks first in the world for production of oil and natural gas, and second in the world for production of coal and renewable energy.</h4>
</div>
<div class="container-left-9">
<article class="card">
<a href="{{ site.baseurl }}/how-it-works/ownership/" class="card-image_link"><img class="card-image" src="{{ site.baseurl }}/img/home-card-usa.png" alt="Partial map of the United States"></a>
<div class="card-content">
<p class="card-content-subhead">How it works</p>
<a href="{{ site.baseurl }}/how-it-works/ownership/"><h3 class="card-title">Who owns natural resources in the U.S.?</h3></a>
<p>Natural resources can be owned by citizens and corporations, the federal government, state and local governments, or Indian tribes and individuals.</p>
</div>
</article>
<article class="card">
<a class="card-image_link" href="{{ site.baseurl }}/explore/#federal-disbursements"><img class="card-image" src="{{ site.baseurl }}/img/home-card-disbursements.png" alt="Circles of various sizes and shapes"></a>
<div class="card-content">
<p class="card-content-subhead">Explore data</p>
<a href="{{ site.baseurl }}/explore/#federal-disbursements"><h3 class="card-title">Where does the money go?</h3></a>
<p>Revenue from natural resources goes to state governments, as well as several federal funds that support projects at the local and national levels.</p>
</div>
</article>
<article class="card">
<a class="card-image_link" href="{{ site.baseurl }}/case-studies/"><img class="card-image" src="{{ site.baseurl }}/img/home-card-placeholder.png" alt="Placeholder"></a>
<div class="card-content">
<p class="card-content-subhead">Case studies</p>
<a href="{{ site.baseurl }}/case-studies/"><h3 class="card-title">How do extractive industries affect communities?</h3></a>
<p>Learn about 12 communities that led the U.S. in production of iron, copper, gold, coal, oil, and natural gas over the last decade.</p>
</div>
</article>
<article class="card" class="card">
<a class="card-image_link" href="{{ site.baseurl }}/how-it-works/production/"><img class="card-image" src="{{ site.baseurl }}/img/home-card-nat_res.png" alt="U.S. natural resource sectors"></a>
<div class="card-content">
<p class="card-content-subhead">How it works</p>
<a href="{{ site.baseurl }}/how-it-works/production/"><h3 class="card-title">What natural resources are extracted?</h3></a>
<p>The U.S. is a top producer of oil, gas, and coal, as well as nonenergy minerals like gold, iron, and copper.</p>
</div>
</article>
<article class="card">
<a class="card-image_link" href="{{ site.baseurl }}/how-it-works/revenues/"><img class="card-image" src="{{ site.baseurl }}/img/home-card-oil.png" alt="Oil operation in the mountains"/></a>
<div class="card-content">
<p class="card-content-subhead">Explore data</p>
<a href="{{ site.baseurl }}/explore/#federal-revenue"><h3 class="card-title">How does resource extraction result in federal revenue?</h3></a>
<p>Companies that extract resources on federal land may pay bonuses, rents, royalties, fees, taxes, or other revenues to the federal government.</p>
</div>
</article>
<article class="card" class="card">
<a class="card-image_link" href="{{ site.baseurl }}/about/report/"><img class="card-image" src="{{ site.baseurl }}/img/home-card-exec_summary.png" alt="USEITI Executive Summary"></a>
<div class="card-content">
<p class="card-content-subhead">About</p>
<a href="{{ site.baseurl }}/about/report/"><h3 class="card-title">Download the USEITI 2016 Executive Summary</h3></a>
<p>This document includes an overview of contextual information and an account of the EITI Standard in the U.S.</p>
</div>
</article>
</div>
</div>
</section>
<script type="text/javascript" src="{{ site.baseurl }}/js/lib/homepage.min.js" charset="utf-8"></script>