-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
223 lines (179 loc) · 10.5 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
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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<!doctype html>
<!--
HOW TO USE THIS TEMPLATE
- Update Facebook and Twitter meta tags in head
- Update Parsley meta tags in head
- Update info for social buttons in js/social-scripts.js
- Delete this!
-->
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Capital News Service</title>
<meta name="description" content="Climate-change driven temperature extremes pose a serious health risk for Baltimore residents. Help us tell this story." />
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<!--Font Awesome CSS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<!-- Google Fonts Poppins and PT Serif -->
<link href="https://fonts.googleapis.com/css?family=PT+Serif:400,700|Poppins:400,700" rel="stylesheet">
<!-- Our custom stylesheet -->
<link rel="stylesheet" href="styles/style.css">
<!--Twitter card information -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@cnsmaryland">
<meta name="twitter:title" content="Baltimore Climate and Health Project">
<meta name="twitter:description" content="Climate-change driven temperature extremes pose a serious health risk for Baltimore residents. Help us tell this story.">
<meta name="twitter:creator" content="@cnsmaryland">
<meta name="twitter:image" content="http://cnsmaryland.org/interactives/spring-2019/baltimore-climate-temperature-health/img/main-social.png" />
<!--Facebook OpenGraph-->
<meta property="og:title" content="Baltimore Climate and Health Project">
<meta property="og:type" content="article" />
<meta property="og:url" content="http://cnsmaryland.org/interactives/spring-2019/baltimore-climate-temperature-health/index.html">
<meta property="og:description" content="Climate-change driven temperature extremes pose a serious health risk for Baltimore residents. Help us tell this story.">
<meta property="og:image" content="http://cnsmaryland.org/interactives/spring-2019/baltimore-climate-temperature-health/img/main-social.png" />
<meta property="og:site_name" content="CNS Maryland">
<meta property="fb:app_id" content="209502139105366" />
<!-- METRICS -->
<meta name="parsely-title" content="Baltimore Climate and Health Project" />
<meta name="parsely-link" content="http://cnsmaryland.org/interactives/spring-2019/baltimore-climate-temperature-health/index.html" />
<meta name="parsely-type" content="post" />
<meta name="parsely-pub-date" content="01/01/2019" />
<meta name="parsely-section" content="Investigations" />
<meta name="parsely-author" content="CNS Maryland" />
<meta name="parsely-tags" content="climate change, health, investigative journalism, interactives" />
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div id="nav-logo">
<a class="navbar-brand" href="http://cnsmaryland.org/">
<img src="http://cnsmaryland.org/wp-content/uploads/2016/08/cns-logo-final-hr.png" id="logo">
</a>
</div>
</nav>
<div id="container">
<div class="row">
<div class="col-sm-11 offset-sm-1">
<div id="headline-container">
<h1 class="headline"><img src="img/baltimore-climate-icon.png" />Baltimore Climate and Health Project</h1>
<hr>
<div class="col-sm-12">
<h3 class="subhead"><span class="blue">Extreme temperatures pose a serious, long-term health threat for people with chronic medical conditions like asthma, respiratory diseases, obesity, diabetes, heart disease, cancer, mental illness and multiple sclerosis.</span>
<p>
</p>
Climate change is making the problem worse, particularly for those in low-income neighborhoods whose homes are too hot in the summer and too cold in the winter.
<p>
</p>
If you live in Baltimore, we want your help telling this important story.
</h3>
<div class="col text-center buttoncontainer">
<a href="#contactus"><button type="button" class="btn btn-primary btn-lg involved">Get Involved</button></a>
</div>
</div>
<hr>
<div class="col-sm-12 scrolling-box">
<h5>What is this project about?</h5>
<p><a href="https://cnsmaryland.org">Capital News Service</a>, a news organization in Maryland, is spending 2019 examining how climate change affects the health of people who live in Baltimore. We plan to publish several news stories about the issue, working in partnership with <a href="https://www.wideanglemedia.org/our-mission/">Wide Angle Youth Media</a>, a Baltimore non-profit that teaches digital media skills to young people ages 10-24 around the city.
</p>
<div class="jumbotron jumbotron-fluid" id="jumbo">
<p id="jumbo"><strong>Learn More</strong><br>
Discover trends and follow the reporting through the Baltimore Climate and Health Project blog.<br><br>
<a href="blog/index.html"><button type="button" class="btn btn-primary btn-lg involved">Blog</button></a>
</p>
</div>
<div class="jumbotron jumbotron-fluid" id="wjumbo">
<p id="wjumbo"><strong>Learn More</strong><br>
Discover trends and follow the reporting through the Baltimore Climate and Health Project blog.<br><br>
<a href="blog/index.html"><button type="button" class="btn btn-primary btn-lg involved">Blog</button></a>
</p>
</div>
<!--
<aside class="col-md-4 blog-sidebar" id="jumbo">
<div class="p-3 mb-3 bg-light rounded">
<h4 class="subhead>About</h4>
<p class="mb-0">Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
</div>
</aside>
--!>
<div id="section">
<p>
If you live in Baltimore, we want to talk to you about your experience.
</p>
<p>
We are trying to understand how climate change-driven temperature extremes -- hotter summers, more severe winter cold snaps -- affect the health of people in Baltimore. Every year, people die as a direct result of excessive exposure to heat and cold. Those deaths often make headlines, but they represent only a small fraction of the people whose long-term health and well-being are affected by extreme temperatures. We want to tell the rest of the story and bring attention to solutions to problems.
</p>
<p>
Our research tells us that these climate and health-related consequences are likely worse in low-income neighborhoods in Baltimore, which feature higher rates of chronic medical conditions exacerbated by heat and cold, housing conditions and environmental factors.
</p>
<hr>
<h5 id="contactus">I live in Baltimore. How can I get involved?</h5>
<p>
If you live in Baltimore, we want to learn about your experience in the winter and summer months.
You can reach us by filling out the form below and we'll get back to you quickly with more information. Or you can call or text project editor Sean Mussenden at 202-590-2190 or email [email protected].
</p>
<br>
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSd4gEjJwgi7DxPi7Fox6b1tEDG1-YIQ4jg76pvYex4qioMvGQ/viewform?embedded=true" width="100%" height="780" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
</div>
</div>
</div><!--END HEADLINE-CONTAINER -->
</div>
</div>
</div> <!--END CONTAINER-->
<footer class="text-muted">
<div id="container">
<div class="row">
<div class="col-md-3">
<span><a href="#"><img src="img/baltimore-climate-icon.png" id="cloud" height="45px" width="45px"></a></span>
</div>
<div class="col-md-3" id="sponsor">
<img src="img/onalogo.png" width="140px" height="60px">
</div>
<div class="col-md-3" id="sponsor">
<img src="img/park.png" width="140px" height="40px">
</div>
<div class="col-md-3" id="sponsor">
<img src="img/cns2.png" width="100px" height="60px">
</div>
<div class="col-md-3" id="sponsor">
<img src="">
</div>
<div class="col-md-3" id="sponsor">
<img src="img/jour.png" width="170px" height="40px">
</div>
<div class="col-md-3" id="sponsor">
<img src="img/wideangle.png" width="200px" height="25px">
</div>
<div class="col-md-3" id="sponsor">
<img src="img/npr.png" width="80px" height="25px">
</div>
</div>
</div>
</div>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-1.10.2.js"></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>
<!-- Our custom scripts -->
<script src="js/social-scripts.js"></script>
<!-- METRICS -->
<!-- START Parse.ly Include: Standard -->
<div id="parsely-root" style="display: none">
<span id="parsely-cfg" data-parsely-site="cnsmaryland.org"></span>
</div>
<script>
(function(s, p, d) {
var h=d.location.protocol, i=p+"-"+s,
e=d.getElementById(i), r=d.getElementById(p+"-root"),
u=h==="https:"?"d1z2jf7jlzjs58.cloudfront.net"
:"static."+p+".com";
if (e) return;
e = d.createElement(s); e.id = i; e.async = true;
e.src = h+"//"+u+"/p.js"; r.appendChild(e);
})("script", "parsely", document);
</script>
<!-- END Parse.ly Include: Standard -->
</body>
</html>