-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
278 lines (187 loc) · 14.4 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
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Bitter Cold: Climate change, public health and Baltimore | CNS Maryland</title>
<meta name="description" content="Bitter Cold: Climate change, public health and Baltimore">
<meta name="author" content="Capital News Service at Merrill College of Journalism, University of Maryland">
<!-- Favicon -->
<link rel="icon" type="image/png" href="https://cnsmaryland.org/wp-content/uploads/2017/02/cns_favion-1.png">
<!-- Twitter Card data -->
<meta name="twitter:title" content="Bitter Cold">
<meta name="twitter:description" content="Extreme temperatures pose a serious, long-term health threat for people with chronic medical conditions — and climate change is making the problem worse.">
<meta name="twitter:image" content="https://cnsmaryland.org/interactives/spring-2019/bitter-cold/images/twitter-thumb-splash.png">
<meta name="twitter:card" content="summary_large_image">
<!-- Open Graph data for Facebook -->
<meta property="og:title" content="Bitter Cold: Climate change, public health and Baltimore" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://cnsmaryland.org/interactives/spring-2019/bitter-cold/index.html" />
<meta property="og:image" content="https://cnsmaryland.org/interactives/spring-2019/bitter-cold/images/fb-thumb-splash.png" />
<meta property="og:description" content="Extreme temperatures pose a serious, long-term health threat for people with chronic medical conditions — and climate change is making the problem worse." />
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- c3.css -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.6.13/c3.min.css" rel="stylesheet">
<!-- d3.js and c3.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.9.1/d3.min.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.6.13/c3.min.js"></script>
<!-- our CSS -->
<link rel="stylesheet" href="css/style.css">
<!-- graphics CSS -->
<link rel="stylesheet" href="css/graphics-css.css">
<!-- google fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=PT+Serif:400,700" rel="stylesheet">
<!-- METRICS -->
<meta name="parsely-title" content="Bitter Cold Splash Page" />
<meta name="parsely-link" content="https://cnsmaryland.org/interactives/spring-2019/bitter-cold/index.html" />
<meta name="parsely-type" content="post" />
<meta name="parsely-image-url" content="https://cnsmaryland.org/interactives/spring-2019/bitter-cold/images/fb-thumb-splash.png" />
<meta name="parsely-pub-date" content="2019-04-15T13:00:00Z" />
<meta name="parsely-section" content="Climate" />
<meta name="parsely-author" content="CNS Maryland" />
<meta name="parsely-tags" content="climate, health, baltimore, journalism, interactives" />
<title>Bitter Cold</title>
</head>
<body>
<!-- Hero image -->
<!-- Can repeat for fullscreen image anywhere, just need to put outside container -->
<!-- Hero image -->
<!-- Can repeat for fullscreen image anywhere, just need to put outside container -->
<div class="hero-container">
<div class="cover-img fixed-img" style="background-image: url('images/splash-lead-image.png');"></div>
<a href="http://www.cnsmaryland.org"><img src="images/cns-logo.png" id="cns-logo"></a>
<p class="slide slide1">The world is getting hotter, but climate change doesn’t mean bitter cold weather will disappear. </p> <!-- This slideUp when scrolling down -->
<p class="slide slide2">Cold weather causes serious, life-altering problems for people with chronic health conditions.</p> <!-- This slideUp when scrolling down -->
<p class="slide slide3"> In Baltimore, low-income people struggling to pay heating bills in drafty homes are most at risk, and the government is struggling to protect them. </p> <!-- This slideUp when scrolling down -->
<p class="slide slide4">
BITTER COLD<br>
<span class="splash-top-head"> CLIMATE CHANGE, PUBLIC HEALTH AND BALTIMORE</span>
</p> <!-- This slideUp when scrolling down -->
</div>
<!-- Start container -->
<div class="splash-container">
<div class="container">
<br>
<!-- Social icons-->
<div id="social-icons">
<span class="icon-facebook"></span><span class="icon-twitter"></span>
</div>
<br>
<!-- Start chapter -->
<p class="intro-text-splash">Climate change has driven a steady increase in global average temperatures over the last century — and will continue to do so into the future. But that overall increase doesn’t mean extremely cold weather will disappear. </p>
<p> In fact, <a href="climate.html">multiday stretches of extreme cold</a> in places including Baltimore could become more common because of climate change’s effect on weather patterns that pull cold Arctic air into the United States.</p>
<p> <a href="health.html">Cold poses a great risk</a> not only to the homeless outdoors but also to a much larger population who suffer indoors with chronic health conditions such as asthma and chronic obstructive pulmonary disease (COPD), which are exacerbated by exposure to low temperatures and reduce life expectancy. In Baltimore, these conditions are more common in low-income neighborhoods, where residents may be struggling to pay heating bills. </p>
<p> <a href="safety-net.html">Several state and city programs</a> aim to help low-income people and those with chronic health conditions stay warm during the winter. But those efforts fall short of protecting many of the people most at risk in Baltimore, Capital News Service found. Adding to the problem: an increase in utility shutoffs to low-income households just before state-mandated protections kick in at the start of winter. </p>
<p> <a href="people.html">The cold affects Baltimoreans such as Delores Buchanan</a>, whose neuropathy is worse in the winter. The cost of maintaining her 99-year-old rowhouse and the city’s high fees for water mean she limits the hot baths that ease the numbness in her feet. </p>
<p> And the cold is a <a href="people.html">problem for Maraizu Onyenaka,</a> who has spent money insulating her northeast Baltimore home against the cold but still feels drafts. Sensors built and installed by Capital News Service reporters found her kitchen temperature fluctuated widely during the winter. The sensor data is part of a year-long reporting project examining the impact of climate change on the health of people in Baltimore. </p>
<p> This report, “Bitter Cold,” focuses on cold weather. Capital News Service — with partners including NPR, the Baltimore Sun and Wide Angle Youth Media — will spend the summer reporting on how the region’s notorious heat and humidity affects the health of Baltimore residents. </p>
<p><em class="caption">Top photo by Julianna Larsen, Capital News Service</em>
<br><br>
<!--Table of contents-->
<hr>
<div class="small-head">
<b class="bitter-blue"> BITTER COLD</b> : BALTIMORE HEALTH AND CLIMATE
</div><br><br>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-5"><a href="climate.html"><img src="images/climateedit2.png" class="toc-images"></a></div>
<div class="col-md-5"><a href="climate.html"><h3>Climate</h3></a><p class="toc-text">Climate change in Maryland is not just about hotter summers. Despite the overall warming trend, expect periods of severe cold in the winter. <a href="climate.html">Read the story.</a></p></div>
<div class="col-md-1"></div>
</div>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-5"><a href="health.html"><img src="images/toc-health.jpg" class="toc-images"></a></div>
<div class="col-md-5"> <a href="health.html"><h3>Health</h3></a><p class="toc-text">Cold weather has a profound effect on public health, worsening certain chronic conditions and disproportionately affecting some groups. <a href="health.html">Read the story.</a></p></div>
<div class="col-md-1"></div>
</div>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-5"><a href="people.html"><img src="images/toc-people.jpg" class="toc-images"></a></div>
<div class="col-md-5"> <a href="people.html"><h3>People</h3></a><p class="toc-text">At the heart of the issues of climate change and public health are residents trying to stay well in the cold. <a href="people.html">Read the story.</a></p></div>
<div class="col-md-1"></div>
</div>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-5"><a href="safety-net.html"><img src="images/BS-SafetyNet6.png" class="toc-images"></a></div>
<div class="col-md-5"> <a href="safety-net.html"><h3>Safety Net</h3></a><p class="toc-text">What are government agencies and institutions in Baltimore and Maryland doing to help people affected by the cold? <a href="safety-net.html">Read the story.</a></p></div>
<div class="col-md-1"></div>
</div>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-5"><a href="about.html"><img src="images/toc-about.jpg" class="toc-images"></a></div>
<div class="col-md-5"> <a href="about.html"><h3>Behind the Scenes</h3></a><p class="toc-text">Capital News Service and Wide Angle Youth Media built temperature sensors and installed them in homes, while listening to the stories of the people who live there. <a href="about.html">Read the story.</a></p></div>
<div class="col-md-1"></div>
</div>
<hr>
<!--End Table of contents-->
<!--Summer Message-->
<div class="container">
<p id="credit"><a href="https://cnsmaryland.org/interactives/spring-2019/baltimore-climate-temperature-health/"><b class="bitter-blue">Stay tuned.</b></a> During the summer, Capital News Service, NPR and Wide Angle Youth Media will be reporting on the public health effects of climate change during hot weather. Follow the Climate and <a href="https://cnsmaryland.org/interactives/spring-2019/baltimore-climate-temperature-health/blog/">Health Project blog</a> or sign up for our <a href="https://cnsmaryland.org/interactives/spring-2019/baltimore-climate-temperature-health/blog/signup.html">e-newsletter </a>for details.</p>
</div>
</div>
<!-- close container -->
<div class="sponsor-container">
<div class="sponsor-container-inside">
<div class="row row-sponsor2">
<div class="col-md-3 row-sponsor"><img src="images/merrill2.png" class="sponsor" id="merrill"></div>
<div class="col-md-3 row-sponsor"><img src="images/way2.png" class="sponsor" id="way"></div>
<div class="col-md-3 row-sponsor"><img src="images/ona2.png" class="sponsor" id="ona"></div>
<div class="col-md-3 row-sponsor"><img src="images/acf.png" class="sponsor" id="acf"></div>
</div>
<div class="row row-sponsor2">
<div class="col-md-4 row-sponsor"><img src="images/npr2.png" class="sponsor" id="npr"></div>
<div class="col-md-4 row-sponsor"><img src="images/park2.png" class="sponsor" id="park"></div>
<div class="col-md-4 row-sponsor"><a href="http://www.cnsmaryland.org"><img src="images/cns2.png" class="sponsor" id="cns"></a></div>
</div>
</div>
</div>
<!--open container-->
<div class="container">
<!-- Footer-->
<div class="footer">
<a href="index.html"><center><img src="images/footer2.png" class="footer-image"></a></center>
</div>
<!-- end footer-->
</div>
<!-- close splash container -->
<!-- JavaScript calls -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<!-- Variables for social media icon popups -->
<script type="text/javascript">
//Twitter variables
var tweet = "Bitter Cold: Climate change, public health and Baltimore. Extreme temperatures pose a serious, long-term health threat for people with chronic medical conditions — and climate change is making the problem worse."; //Tweet text
var url = "https://cnsmaryland.org/interactives/spring-2019/bitter-cold/index.html"; //Interactive URL
//Facebook variables
var picture = "https://cnsmaryland.org/interactives/spring-2019/bitter-cold/images/fb-thumb-splash.png"; //Picture URL
var title = "Bitter Cold: Climate change, public health and Baltimore"; //Post title
var description = "Extreme temperatures pose a serious, long-term health threat for people with chronic medical conditions — and climate change is making the problem worse."; //Post description
var url = "https://cnsmaryland.org/interactives/spring-2019/bitter-cold/index.html"; //Interactive URL
</script>
<!-- Our custom Javascript -->
<script src="js/javascript.js"></script>
<!--our c3 javascript-->
<script src="js/c3-charts.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>