-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
333 lines (220 loc) · 16.9 KB
/
about.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
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
<!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>About Bitter Cold: Behind the scenes | CNS Maryland</title>
<meta name="description" content="About Bitter Cold: Behind the scenes">
<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="About 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-about.png">
<meta name="twitter:card" content="summary_large_image">
<!-- Open Graph data for Facebook -->
<meta property="og:title" content="About 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/about.html" />
<meta property="og:image" content="https://cnsmaryland.org/interactives/spring-2019/bitter-cold/images/fb-thumb-about.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: Behind the scenes" />
<meta name="parsely-link" content="https://cnsmaryland.org/interactives/spring-2019/bitter-cold/about.html" />
<meta name="parsely-type" content="post" />
<meta name="parsely-image-url" content="https://cnsmaryland.org/interactives/spring-2019/bitter-cold/images/fb-thumb-about.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 -->
<div class="headline-container-slide-nophoto">
<div class="top-head"><b> BITTER COLD</b> : CLIMATE CHANGE, PUBLIC HEALTH AND BALTIMORE</div>
<div class="hero-text">Behind the scenes</div>
</div> <!-- This slideUp when scrolling down -->
<!-- Start container -->
<div class="story-container">
<div class="container">
<br>
<!-- Social icons-->
<div id="social-icons">
<span class="icon-facebook"></span><span class="icon-twitter"></span>
</div>
<br>
<!-- Introduction paragraph-->
<p class="intro-text">“Bitter Cold” is an investigation by Capital News Service into how climate change is affecting public health and how those health effects are often felt most acutely by the people least prepared to deal with them.</p>
<!--
<div class="embed-container">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://player.vimeo.com/video/4214042" allowfullscreen></iframe>
</div>
<p id="table" class="caption">A glimplse behind the scenes in the reporting and production of Bitter Cold. <br>Video by Sydney Wess, Capital News Service video bureau</p>
</div>
-->
<!-- Close wider (headline) container -->
<p class="chapter-head"><a name="chapter">WITH SENSORS, RECORDING EXTREME TEMPERATURES INSIDE BALTIMOREANS’ HOMES</a></p>
<p>Over the last six months, journalists at Capital News Service have been building temperature monitors and placing those sensors in the homes of Baltimore residents participating in the project. These sensors record the temperatures that residents live with in winter and summer. The team has placed about 40 sensors so far and will install more in Baltimore homes over the coming months to measure temperatures in the summer. Learn more about the project from the <a href="https://cnsmaryland.org/interactives/spring-2019/baltimore-climate-temperature-health/blog/">Baltimore Climate and Health Project blog</a> and sign up to get updates with our <a href="https://cnsmaryland.org/interactives/spring-2019/baltimore-climate-temperature-health/blog/signup.html">weekly e-newsletter.</a>
</p>
<div class="embed-container">
<!-- Image block with caption -->
<img src="images/sensor-building1.jpg" class="image">
<div class="align">
<div class="table-images">
<img src="images/sensor-building2.jpg" class="image">
</div>
<div class="table-images">
<img src="images/sensor-building3.png" class="image">
</div>
</div>
<p id="table" class="caption">Top: Justin Marine, left, and Makayla Jefferson, of Wide Angle Youth Media, install batteries and memory cards to complete the sensors in January 2019. Left: CNS data journalists Jake Gluck, left, and Noah Johnson solder sensor components. Right: A completed sensor. Capital News Service photos.</p>
<!-- Close wider (headline) container -->
</div>
<p>The CNS use of sensors is modeled after WNYC’s and AdaptNY’s 2016 Harlem Heat Project, which found that though temperatures oscillated outside on the hottest days of the summer, indoor temperatures remained unbearably hot. John Keefe, formerly of WNYC and now with Quartz, published open-source code for the construction and use of the sensors, which allowed CNS to use the same technology for the Baltimore project. The seed funds to pay for sensor components and other aspects of this project came from the Online News Association’s Challenge Fund for Innovation in Journalism Education.</p>
<p>In January, CNS journalists soldered together the structural components of each sensor while members of Wide Angle Youth Media — a Baltimore-based youth program that provides media education and resources — helped install batteries, memory cards and temperature cases.</p>
<p>Each device includes a monitor — which is made up of a small computer, a temperature sensor, a clock, batteries and a memory card — that allows the device to record, track and store information. The sensors are designed to activate every 10 seconds and record temperature, humidity, date and time before becoming idle again.</p>
<p>CNS journalists placed each sensor in an unobtrusive, well-ventilated location that does not receive any direct sunlight and that is unlikely to be disturbed during the data-gathering period.</p>
<p>As a precaution, every device is housed in a 3D-printed case built to prevent damage while the sensors are in use.</p>
<p class="chapter-head"><a name="chapter">Capital News Service and partners</a></p>
<p>Capital News Service is a student-powered news organization run by the University of Maryland Philip Merrill College of Journalism. For 26 years, we have provided award-winning coverage of issues important to Marylanders. For this investigation, Capital News Service partnered with Wide Angle Youth Media, a Baltimore non-profit that teaches digital media skills to young people ages 10-24 around the city.</p>
<p>Financial support for this project was provided by the Online News Association, the Park Foundation, the Annie E. Casey Foundation and the Philip Merrill College of Journalism at the University of Maryland.</p>
<br><br>
<div class="credits">
<p class="chapter-head"><a name="chapter">Credits</a></p>
<p><strong>Reporting and writing:</strong>
<em>Abigail Bentz, Leah Brennan, Joe Catapano, Jake Gluck, Noah Johnson, Danielle Kiefer, Julianna Larsen, HaeMee Lee, Dan Novak, Ian Round and Aaron Wilson</em>
<p><strong>Photography:</strong>
<em>Abigail Bentz, Jerry Jackson (The Baltimore Sun), Julianna Larsen, HaeMee Lee, Dan Novak, Ian Round, Aaron Wilson, and Wide Angle Youth Media students Travis Stanley, Otto Blais-Nelson and Justin Marine </em>
<p><strong>Graphics:</strong>
<em>Abigail Bentz, Joe Catapano, Jake Gluck, Noah Johnson, Danielle Kiefer, Julianna Larsen and Aaron Wilson</em>
<p><strong>Design and development:</strong>
<em>Abigail Bentz and Julianna Larsen</em>
<p><strong>Data analysis:</strong>
<em>Joe Catapano, Theresa Diffendal, Jane Gerard, Jake Gluck, Samantha Hawkins, Noah Johnson, Mo Nguyen and Aaron Wilson</em>
<p><strong>Video:</strong>
<em>Sydney Wess</em>
<p><strong>Editing:</strong>
<em>Brooke Auxier, Sandy Banisky, Emma Bergman (Wide Angle Youth Media), Josh Davidsburg, John Fairhall, Martin Kaiser, Robert Little (NPR), Adam Marton, Sean Mussenden and Krishnan Vasudevan</em>
<p><strong>Social Media:</strong>
<em>Brittany Goodman</em>
<p><strong>Wide Angle Youth Media:</strong>
<em>Emma Bergman (Staff), Jennifer Hope Miller (Staff), Tia Price (Staff), Travis Stanley, Kyla James, Makayla Jefferson, Otto Blais-Nelson and Justin Marine</em>
</div>
<br><br>
<!--Table of contents-->
<hr>
<div class="small-head">
<a href="index.html"><b class="bitter-blue"> BITTER COLD</b></a> : 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>
<hr>
</div>
</div>
<!--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 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>
<!-- Footer-->
<div class="footer">
<a href="index.html"><center><img src="images/footer2.png" class="footer-image"></a></center>
</div>
<!-- end footer-->
</div>
<!-- close 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 = "About Bitter Cold: 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/about.html"; //Interactive URL
//Facebook variables
var picture = "https://cnsmaryland.org/interactives/spring-2019/bitter-cold/images/fb-thumb-about.png"; //Picture URL
var title = "About Bitter Cold"; //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/about.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>