-
Notifications
You must be signed in to change notification settings - Fork 0
/
behind-scenes.html
executable file
·724 lines (549 loc) · 39.5 KB
/
behind-scenes.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
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Code Red: A summer in Baltimore’s hottest neighborhoods | Howard Center for Investigative Journalism</title>
<meta name="description" content="Code Red: Baltimore’s Climate Divide. A summer in Baltimore’s hottest neighborhoods">
<meta name="author" content="Howard Center for Investigative Journalism and 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="Code Red: Baltimore’s Climate Divide">
<meta name="twitter:description" content="A summer in Baltimore’s hottest neighborhoods.">
<meta name="twitter:image" content="https://cnsmaryland.org/interactives/summer-2019/code-red/images/fb-thumb-bts.png">
<meta name="twitter:card" content="summary_large_image">
<!-- Open Graph data for Facebook -->
<meta property="og:title" content="Code Red: Baltimore’s Climate Divide" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://cnsmaryland.org/interactives/summer-2019/code-red/behind-scenes.html" />
<meta property="og:image" content="https://cnsmaryland.org/interactives/summer-2019/code-red/images/fb-thumb-bts.png" />
<meta property="og:image:width" content="1200px" />
<meta property="og:image:height" content="630px" />
<meta property="og:description" content="A summer in Baltimore’s hottest neighborhoods." />
<!-- 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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<!-- 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/behind-scenes.css">
<link rel="stylesheet" href="css/style1.css">
<link rel="stylesheet" href="css/common.css">
<!-- Fontawesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
<!-- google fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900&display=swap" rel="stylesheet">
<!-- METRICS -->
<meta name="parsely-title" content="Red Alert Behind the Scenes" />
<meta name="parsely-link" content="https://cnsmaryland.org/interactives/summer-2019/code-red/behind-scenes.html" />
<meta name="parsely-type" content="post" />
<meta name="parsely-image-url" content="https://cnsmaryland.org/interactives/summer-2019/code-red/images/toc-comp-bts.jpg" />
<meta name="parsely-pub-date" content="2019-08-15T12:00:00Z" />
<meta name="parsely-section" content="Red Alert" />
<meta name="parsely-author" content="CNS Maryland" />
<meta name="parsely-tags" content="climate, health, baltimore, journalism, interactives" />
</head>
<body>
<!-- START Hero Container -->
<div class="hero-container">
<div id="tophat">Howard Center for Investigative Journalism | CNS | NPR</div>
<div class="cover-img relative-img" style="background-image: url('images/bts2.jpg')"></div>
<div class="headline-container-slide">
<div class="chapter-header"><a href="index.html">CODE <span class="red">RED</a></div>
<div class="story-header">Behind The Scenes</div>
<div class="hero-text">A look at how and why we reported the series.</div>
<div class="fa-stack" style="vertical-align: top;">
<i class="fas fa-circle fa-stack-1x"></i>
<a href="#story"><i class="fas fa-chevron-circle-down fa-stack-1x fa-inverse" style="color:#F23030"></i></a>
</div>
</div>
</div> <!-- END Hero Container -->
<!-- START Main Story Container -->
<div class="story-container">
<a name="story"><div class="container"></a><br>
<p class="caption">(Top photo by Amina Lampkin | University of Maryland)</p><br>
<!-- Back button-->
<div class="back-button">
<a href="index.html"><i class="far fa-arrow-alt-circle-left"> Home</i></a>
</div><br><br>
<div id="social-icons-story">
<span class="icon-facebook"></span>
<span class="icon-twitter"></span><br><br>
</div><br><br><br>
<!-- Headline and Byline-->
<p class="text-title"><b>A summer in Baltimore’s hottest neighborhoods</b></p><br>
<p class="dateline-behind">September 3, 2019</p><br>
<!-- START Chapter -->
<p class="opening-letter"><b class="first-words">A year and a half ago,</b> journalists at the University of Maryland’s Philip Merrill College of Journalism and NPR started planning an ambitious reporting project to cover one of the most important challenges of the modern era — the accelerating climate crisis.</p><br>
<p>It’s a global topic, of course, and there are thousands of journalists reporting thousands of stories, including the rapid melting of Greenland’s ice sheets, the increase in wildfires in the American West, ocean acidification killing coral reefs, oil companies hiding climate change evidence, and rising temperatures that are quickly making some parts of the world unsuitable for human habitation.</p><br>
<p>For our part, we wanted to develop a deep understanding of how climate-change driven temperature increases were already affecting the health of people in our own community, in Baltimore, Maryland. We spent a year gathering and analyzing data and talking with climate and health experts. We built temperature and humidity sensors to help understand what it was like to live in rowhouses in Baltimore’s hottest neighborhoods. Our data analysis identified McElderry Park as the city’s hottest neighborhood, and we spent a summer reporting on the community and the people who live there.</p><br>
<p>Here’s how we did it.</p><br>
<!-- NEW CHAPTER -->
<p class="chapter-title-bts"><b>Monitoring heat and humidity in homes with data-collecting sensors</b></p><br>
<p>University of Maryland journalists built 80 sensors, with guidance from UMD’s A. James Clark School of Engineering, to monitor extreme summer heat and humidity in Baltimore homes.</p><br>
<p>The sensors’ structure was modeled after devices used for the <a class ="underline-effect" href="https://www.wnyc.org/series/harlem-heat-project?fbclid=IwAR1tM--LneKcQcdv2e70NdeCy2AL2uPRhLDqftSdnz0-TQCss2y9TRVpO2s" style="color: #F23030;"><b>Harlem Heat Project</b></a>, a 2016 investigation by WNYC and AdaptNY. That project found indoor spaces remained intolerably warm throughout the day in the Manhattan neighborhood as temperatures rose and fell outside.</p><br>
<!-- Image and caption --> <!-- Can be repeated -->
<div class="table-images">
<img src="images/sensors.jpg" class="image" alt="photo of sensors">
</div>
<div class="table-images">
<img src="images/sensor-home.jpg" class="image" alt="photo of a sensor inside a home">
</div>
<p class="photo-caption">Left: Heat and humidity sensors built by the University of Maryland Philip Merrill College of Journalism and students at Wide Angle Youth Media in Baltimore, using labs at the university’s A. James Clark School of Engineering. (Photo by Timothy Jacobsen | University of Maryland) Right: A sensor sits on a shelf in the rowhouse of a Broadway East resident. (Photo by Ian Round | University of Maryland)</p><br>
<p>John Keefe, a journalist who worked on the project, <a class ="underline-effect" href="https://github.com/datanews/harlem-heat" style="color: #F23030;"><b>published open-source code for the construction and use of the technology online</b></a>, which allowed University of Maryland journalists to build on the work in Baltimore. Each device includes a monitor that includes a small computer, a temperature sensor, a clock, batteries and an SD card, which allows it to record and store information. The sensors were housed in protective 3D-printed cases. They were tested and calibrated for accuracy before deployment.</p><br>
<hr>
<div class="embed-container">
<p class="chart-title"><b>Building Sensors Workshop</b></p>
<div class="chart-description">University of Maryland journalists Kaitlyn Hopkins, Bryan Gallion, Theresa Diffendal and the project’s photo editor Tim Jacobsen put together sensors under the guidance of Assistant Professor Krishnan Vasudevan. The sensors were placed inside homes and recorded temperatures about once a minute this summer. </div><br>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://player.vimeo.com/video/356297867"></iframe>
</div>
<p class="caption"> (Video by Maris Medina | University of Maryland)</p>
</div>
<hr><br>
<p>This summer, nine sensors in seven homes recorded data. Reporters placed one or two sensors in most homes in locations where residents spent significant time. They were installed between knee and shoulder height, away from heat-emitting appliances and windows, where direct sunlight would not artificially increase temperature readings.</p><br>
<p>The sensors recorded temperature, humidity, date and time about once every minute. University of Maryland journalists returned to the homes, with permission from residents, every few weeks to download information the devices documented and interview the residents about the data findings.</p><br>
<p>Those sensors recorded indoor temperatures as high as 97 degrees Fahrenheit and heat index values of 119 degrees. The heat index — a combination of temperature and humidity — describes what the air temperature feels like.</p><br>
<p>Data collected from the sensors showed that for many people who have no central air conditioning or only low-powered window units, their homes don’t cool off that much in the evening, even though the outdoor temperature has decreased. It also showed that for many people, it was frequently hotter indoors than it was outside. In one couple’s home during a heat wave in July, the heat index reached 116 F indoors at 10:30 p.m. — 22 degrees hotter than the heat index outside at the time.</p><br>
<!-- NEW CHAPTER -->
<p class="chapter-title-bts"><b>The data</b></p><br>
<p>The Howard Center for Investigative Journalism and Capital News Service also analyzed more than a dozen separate data sources for this project, including:</p><br>
<ul style="list-style-type:disc;" class="bullets">
<li><p>Detailed health records describing inpatient and emergency room hospital visits, as well as emergency medical services response records. </li><br>
<li><p>Detailed temperature data, including hour-by-hour historical temperatures at the Inner Harbor and block-by-block temperature data collected by researchers from Portland State University and the Science Museum of Virginia, describing geographic variations in Baltimore’s urban heat island and projections of future temperatures. </li><br>
<li><p>Detailed tree data, including a database of trees lining Baltimore’s streets, requests by police to remove or trim trees, a snapshot of Baltimore’s urban tree canopy in 2007 and 2015 created by researchers at the University of Vermont Spatial Analysis Lab and the U.S. Forest Service, and more recent canopy data created by researchers at Descartes Labs. </li><br>
<li><p>Detailed demographic and housing data from the U.S. Census and other sources detailing poverty, income, crime, historical mortgage lending patterns and vacant houses.</li>
</ul>
<br>
<!-- NEW CHAPTER -->
<p class="chapter-title-bts"><b>On-the-ground reporting</b></p><br>
<p>University of Maryland reporters and photographers spent 10 weeks in neighborhoods identified as some of the hottest in Baltimore. A team of 10 reporters interviewed residents of McElderry Park, Broadway East and other neighborhoods about their health conditions, their daily lives and what they do to combat high heat. The reporters also interviewed emergency room doctors, public health leaders, city and state officials, climate scientists, urban foresters, tree-planting crews, and church leaders.</p><br>
<p>Two University of Maryland photographers worked with photographers from Wide Angle Youth Media, a nonprofit based in Baltimore that teaches visual storytelling to young people. Together, they documented life on the streets and inside residents’ homes during the long, hot summer. A freelance journalist shot drone video to illustrate the tree canopy and the lack of reflective surfaces on roofs in the area.</p><br>
<p>Faculty and staff members with decades of professional journalism experience oversaw the work.</p><br>
<div class="embed-container">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="3000">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="5"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="6"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="images/bts_amina.jpg" alt="First slide">
<div class="carousel-caption">
<p>Photojournalist Amina Lampkin on assignment in Baltimore. (Photo by Timothy Jacobsen)</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/bts-maris.jpg" alt="Second slide">
<div class="carousel-caption">
<p>University of Maryland photojournalist Maris Medina on assignment in Baltimore. (Photo by Amina Lampkin)</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/bts-drone.jpg" alt="Third slide">
<div class="carousel-caption">
<p>University of Maryland journalists Theresa Diffendal and Maris Medina watch freelance drone photographer Nate Gregorio pilot his craft. (Photo by Timothy Jacobsen)</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/bts-streets.jpg" alt="Fourth slide">
<div class="carousel-caption">
<p>University of Maryland journalists Sean Mussenden, Amina Lampkin and Maris Medina interview McElderry Park resident Lorraine Diggs. (Photo by Timothy Jacobsen)</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/bts_ian.jpg" alt="Fifth slide">
<div class="carousel-caption">
<p>University of Maryland journalist Ian Round shows McElderry Park resident Audrey DeWitt how a sensor works. (Photo by Amina Lampkin)</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/bts-roxanne.jpg" alt="Sixth slide">
<div class="carousel-caption">
<p>University of Maryland data journalist Xander Ready participates in an exercise to name the project. (Photo by Krishnan Vasudevan)</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/bts_table.jpg" alt="Seventh slide">
<div class="carousel-caption">
<p>University of Maryland journalists and Wide Angle Youth Media students gather for a meeting in the Howard Center for Investigative Journalism at the Philip Merrill College of Journalism. (Photo by Krishnan Vasudevan)</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div><br><br>
<!-- NEW CHAPTER -->
<p class="chapter-title-bts"><b>The Howard Center, Capital News Service and partners</b></p><br>
<p>The Howard Center for Investigative Journalism launched this year through a grant from the Scripps Howard Foundation. The multidisciplinary program gives Merrill College students the opportunity to work with news organizations across the country to report stories of national or international importance to the public. </p><br>
<p>Capital News Service is a student-powered news organization run by the University of Maryland Philip Merrill College of Journalism. For almost 30 years, CNS has provided award-winning coverage of issues important to Marylanders. </p><br>
<p>Read the first installment of this investigation into the effects of climate change on public health in Baltimore, <a class ="underline-effect" href="https://cnsmaryland.org/interactives/spring-2019/bitter-cold/" style="color: #F23030;"><b>"Bitter Cold."</b></a></p><br>
<p>For this investigation, the Howard Center and CNS partnered with NPR, WMAR television and Wide Angle Youth Media, a Baltimore nonprofit that teaches digital media skills to young people ages 10 to 24.</p><br>
<p>Support for this project comes from generous grants from the Scripps Howard Foundation, the Park Foundation, the Online News Association, the Annie E. Casey Foundation and the Philip Merrill College of Journalism. </p><br>
<hr align="left" style="border: 2px solid #F23030;" width="50%" />
<p class="chapter-title-bts"><b>Credits</b></p><br>
<p class="credits-text"><strong>Reporting and writing:</strong><em> Jazmin Conner, Theresa Diffendal, Bryan Gallion, Kaitlyn Hopkins, Dan Novak, Xander Ready, Ian Round, Jermaine Rowley, Sandy Banisky, John Fairhall and Sean Mussenden</em></p>
<p class="credits-text"><strong>Photography:</strong><em> Amina Lampkin, Maris Medina, Timothy Jacobsen and Ian Round</em></p>
<p class="credits-text"><strong>Graphics:</strong><em> Amina Lampkin, Maris Medina, Xander Ready, Camila Velloso, Adam Marton, Sean Mussenden and Krishnan Vasudevan</em></p>
<p class="credits-text"><strong>Design and development:</strong><em> Camila Velloso and Adam Marton</em></p>
<p class="credits-text"><strong>Data analysis:</strong><em> Theresa Diffendal, Xander Ready, Jane Gerard, Jake Gluck, Adam Marton and Sean Mussenden</em></p>
<p class="credits-text"><strong>Video: </strong><em> Amina Lampkin, Maris Medina, Nate Gregorio and Timothy Jacobsen</em></p>
<p class="credits-text"><strong>Editing: </strong><em> Brooke Auxier, Sandy Banisky, Kathy Best, John Fairhall, Timothy Jacobsen, Martin Kaiser, Adam Marton, Sean Mussenden, Alex Pyles and Krishnan Vasudevan</em></p>
<p class="credits-text"><strong>Social Media:</strong><em>Brooke Auxier, Bryan Gallion, Brittany Goodman, Kaitlyn Hopkins and Alex Pyles</em></p>
<p class="credits-text"><strong>NPR:</strong><em> Meg Anderson, Nora Eckert, Sean McMinn and Robert Little</em></p>
<p class="credits-text"><strong>Wide Angle Youth Media:</strong><em> Emma Bergman (Editing), Katia Crawford, Justice Georgie, Sonia Hug, Justin Marine and Otto Blais-Nelson</em></p>
</div><!-- END 'Container' div-->
</div><br><!-- END 'Story Container' div to open wider container -->
<!-- START Table of Contents -->
<div class="table-of-contents">
<div class="more-stories">
<div class="container">
<!--Red Line-->
<hr style="border: 1px solid #F23030;" width="100%" /><br>
<!--Table of Contents title-->
<div class="small-head">
<a href="index.html"><b>CODE <span class="red">RED:</span></b> Baltimore's Climate Divide</a>
</div><br>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 table-contents-box">
<div class="hover-box" onclick="window.location='introduction.html';">
<div class="hover-img" style="background-image: url('images/toc-comp-lead-small.jpg');">
<div class="over-layer">
<h2><b>INTRODUCTION</b></h2>
<h3>CODE RED</h3>
<div class="hover-info">
<p class="hover-text">How the climate crisis affects Baltimore’s hottest neighborhoods. </p>
<div class="plus-sign">
<a href="introduction.html"><i class="fas fa-plus-circle fa-2x" style="color:#F23030"></i></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 table-contents-box">
<div class="hover-box" onclick="window.location='neighborhood-heat-inequality.html';">
<div class="hover-img" style="background-image: url('images/toc-comp-neighborhood-small.jpg');">
<div class="over-layer">
<h2><b>PART ONE</b></h2>
<h3>Heat & Inequality</h3>
<div class="hover-info">
<p class="hover-text">In Baltimore, the burden of rising temperatures isn’t shared.</p>
<div class="plus-sign">
<a href="neighborhood-heat-inequality.html"><i class="fas fa-plus-circle fa-2x" style="color:#F23030"></i></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 table-contents-box">
<div class="hover-box" onclick="window.location='heat-health.html';">
<div class="hover-img" style="background-image: url('images/toc-comp-health-small.jpg');">
<div class="over-layer">
<h2><b>PART TWO</b></h2>
<h3>Heat & Health</h3>
<div class="hover-info">
<p class="hover-text">For people with chronic health conditions, heat and humidity is more than a summer nuisance. </p>
<a href="heat-health.html"><div class="plus-sign"><i class="fas fa-plus-circle fa-2x" style="color:#F23030"></i></div></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 table-contents-box">
<div class="hover-box" onclick="window.location='role-of-trees.html';">
<div class="hover-img" style="background-image: url('images/toc-comp-trees-small.jpg');">
<div class="over-layer">
<h2><b>PART THREE</b></h2>
<h3>The Role of Trees</h3>
<div class="hover-info">
<p class="hover-text">Poor neighborhoods in Baltimore have far less tree canopy than wealthier neighborhoods.</p>
<a href="role-of-trees.html"><div class="plus-sign"><i class="fas fa-plus-circle fa-2x" style="color:#F23030"></i></div></a>
</div>
</div>
</div>
</div>
</div>
</div><!-- END 'row' div-->
</div><br><!-- END 'more-stories' div to open wider container -->
<!--END Table of Contents-->
<!-- START Table of Contents for Computer Screens -->
<div class="more-stories-bottom">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 table-contents-box">
<div class="hover-box" onclick="window.location='city-climate-future.html';">
<div class="hover-img" style="background-image: url('images/toc-comp-future-small.jpg');">
<div class="over-layer">
<h2><b>PART FOUR</b></h2>
<h3>Seeking solutions</h3>
<div class="hover-info">
<p class="hover-text">Are government leaders and residents ready to act?<a href="city-climate-future.html"><div class="plus-sign"><i class="fas fa-plus-circle fa-2x" style="color:#F23030"></i></div></a>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 table-contents-box">
<div class="hover-box" onclick="window.location='https://www.npr.org/2019/09/03/754044732/as-rising-heat-bakes-u-s-cities-the-poor-often-feel-it-most';">
<div class="hover-img" style="background-image: url('images/toc-comp-npr-small.jpg');">
<div class="over-layer">
<h2><b>NPR</b></h2>
<h3>Heat and Income</h3>
<div class="hover-info">
<p class="hover-text">As Rising Heat Bakes U.S. Cities, The Poor Often Feel It Most</p>
<a href="https://www.npr.org/2019/09/03/754044732/as-rising-heat-bakes-u-s-cities-the-poor-often-feel-it-most"><div class="plus-sign"><i class="fas fa-plus-circle fa-2x" style="color:#F23030"></i></div></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 table-contents-box">
<div class="hover-box" onclick="window.location='https://www.npr.org/2019/09/04/755349748/trees-are-key-to-fighting-urban-heat-but-cities-keep-losing-them';">
<div class="hover-img" style="background-image: url('images/toc-comp-npr2-small.jpg');">
<div class="over-layer">
<h2><b>NPR</b></h2>
<h3>Heat and Trees</h3>
<div class="hover-info">
<p class="hover-text">Trees Are Key To Fighting Urban Heat — But Cities Keep Losing Them</p>
<a href="https://www.npr.org/2019/09/04/755349748/trees-are-key-to-fighting-urban-heat-but-cities-keep-losing-them"><div class="plus-sign"><i class="fas fa-plus-circle fa-2x" style="color:#F23030"></i></div></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 table-contents-box">
<div class="hover-box" onclick="window.location='https://www.npr.org/2019/09/04/757034136/how-high-heat-can-impact-mental-health';">
<div class="hover-img" style="background-image: url('images/toc-comp-npr3-small.jpg');">
<div class="over-layer">
<h2><b>NPR</b></h2>
<h3>Heat and Mental Health</h3>
<div class="hover-info">
<p class="hover-text">How High Heat Can Impact Mental Health</p>
<a href="https://www.npr.org/2019/09/04/757034136/how-high-heat-can-impact-mental-health"><div class="plus-sign"><i class="fas fa-plus-circle fa-2x" style="color:#F23030"></i></div></a>
</div>
</div>
</div>
</div>
</div>
</div><!-- END 'row' div-->
<div class="container">
<hr style="border: 1px solid #F23030;" width="100%" /><br>
</div>
</div><br><br><!-- END 'more-stories' div to open wider container -->
</div><!--END Table of Contents-->
<!-- START Table of Contents for Tablet and Mobile -->
<div class="tablet-mobile">
<div class="container">
<hr style="border: 1px solid #F23030;" width="100%" /><br>
<div class="small-head">
<b>CODE <span class="red">RED:</span></b> Baltimore's Climate Divide
</div><br>
</div>
<div class="app">
<ul class="card-container">
<li>
<div class="card" style="width: 18rem;" onclick="window.location='introduction.html';">
<img class="card-img-top" src="images/toc-mobile-lead.jpg" alt="Introduction table of contents image">
<div class="card-body">
<h5 class="card-title"><b>INTRODUCTION</b></h5>
<h6 class="card-subtitle">CODE RED</h6>
<p class="card-text">How the climate crisis affects Baltimore’s hottest neighborhoods. </p>
<a href="introduction.html" class="btn btn-primary">Read more</a>
</div>
</div>
</li>
<li>
<div class="card" style="width: 18rem;" onclick="window.location='neighborhood-heat-inequality.html';">
<img class="card-img-top" src="images/toc-mobile-neighborhood.jpg" alt="Heat and Inequality table of contents image">
<div class="card-body">
<h5 class="card-title"><b>PART ONE</b></h5>
<h6 class="card-subtitle">HEAT & INEQUALITY</h6>
<p class="card-text">In Baltimore, the burden of rising temperatures isn’t shared.</p>
<a href="neighborhood-heat-inequality.html" class="btn btn-primary">Read more</a>
</div>
</div>
</li>
<li>
<div class="card" style="width: 18rem;" onclick="window.location='heat-health.html';">
<img class="card-img-top" src="images/toc-mobile-health.jpg" alt="Heat and Health table of contents image">
<div class="card-body">
<h5 class="card-title"><b>PART TWO</b></h5>
<h6 class="card-subtitle">HEAT & HEALTH</h6>
<p class="card-text">For people with chronic health conditions, heat and humidity is more than a summer nuisance.</p>
<a href="heat-health.html" class="btn btn-primary">Read more</a>
</div>
</div>
</li>
<li>
<div class="card" style="width: 18rem;" onclick="window.location='role-of-trees.html';">
<img class="card-img-top" src="images/toc-mobile-trees.jpg" alt="Role of Trees table of contents image">
<div class="card-body">
<h5 class="card-title"><b>PART THREE</b></h5>
<h6 class="card-subtitle">THE ROLE OF TREES</h6>
<p class="card-text">Poor neighborhoods in Baltimore have far less tree canopy than wealthier neighborhoods.</p>
<a href="role-of-trees.html" class="btn btn-primary">Read more</a>
</div>
</div>
</li>
<li>
<div class="card" style="width: 18rem;" onclick="window.location='city-climate-future.html';">
<img class="card-img-top" src="images/toc-mobile-future.jpg" alt="Looking Forward table of contents image">
<div class="card-body">
<h5 class="card-title"><b>PART FOUR</b></h5>
<h6 class="card-subtitle">Seeking solutions</h6>
<p class="card-text">Are government leaders and residents ready to act?</p>
<a href="city-climate-future.html" class="btn btn-primary">Read more</a>
</div>
</div>
</li>
<li>
<div class="card" style="width: 18rem;" onclick="window.location='https://www.npr.org/2019/09/03/754044732/as-rising-heat-bakes-u-s-cities-the-poor-often-feel-it-most';">
<img class="card-img-top" src="images/toc-mobile-npr.jpg" alt="NPR article table of contents image">
<div class="card-body">
<h5 class="card-title"><b>NPR</b></h5>
<h6 class="card-subtitle">Heat and income</h6>
<p class="card-text">As Rising Heat Bakes U.S. Cities, The Poor Often Feel It Most.</p>
<a href="https://www.npr.org/2019/09/03/754044732/as-rising-heat-bakes-u-s-cities-the-poor-often-feel-it-most" class="btn btn-primary">Read more</a>
</div>
</div>
</li>
<li>
<div class="card" style="width: 18rem;" onclick="window.location='https://www.npr.org/2019/09/04/755349748/trees-are-key-to-fighting-urban-heat-but-cities-keep-losing-them';">
<img class="card-img-top" src="images/toc-mobile-npr2.jpg" alt="NPR article table of contents image">
<div class="card-body">
<h5 class="card-title"><b>NPR</b></h5>
<h6 class="card-subtitle">Heat and Trees</h6>
<p class="card-text">Trees Are Key To Fighting Urban Heat — But Cities Keep Losing Them</p>
<a href="https://www.npr.org/2019/09/04/755349748/trees-are-key-to-fighting-urban-heat-but-cities-keep-losing-them" class="btn btn-primary">Read more</a>
</div>
</div>
</li>
<li>
<div class="card" style="width: 18rem;" onclick="window.location='https://www.npr.org/2019/09/04/757034136/how-high-heat-can-impact-mental-health';">
<img class="card-img-top" src="images/toc-mobile-npr3.jpg" alt="NPR article table of contents image">
<div class="card-body">
<h5 class="card-title"><b>NPR</b></h5>
<h6 class="card-subtitle">Heat and Mental Health</h6>
<p class="card-text">How High Heat Can Impact Mental Health</p>
<a href="https://www.npr.org/2019/09/04/757034136/how-high-heat-can-impact-mental-health" class="btn btn-primary">Read more</a>
</div>
</div>
</li>
</ul>
</div>
<div class="container">
<br><div class="scroll-more"> Swipe to see more stories <i class="fas fa-angle-double-right"></i></div>
<hr style="border: 1px solid #F23030;" width="100%" /><br>
</div>
</div><!--END Table of Contents-->
<!--START Partnerships message in main container-->
<div class="container">
<p id="credit"><b class="red">FURTHER REPORTING & AWARDS:</b>
The Howard Center for Investigative Journalism and Capital News Service have continued to report on these issues. Read more stories about Baltimore's climate divide <a class ="underline-effect" href="https://cnsmaryland.org/code-red/" style="color:black"><b>here.</b></a> In addition, this reporting has been the recipient of <a class ="underline-effect" href="awards.html" style="color:black"><b>several major journalism awards.</b></a>
<br><br>
<b class="red">FUNDING FOR THE PROJECT:</b> Support for this project comes from generous grants from the Scripps Howard Foundation, the Park Foundation, the Annie E. Casey Foundation, the University of Maryland’s Philip Merrill College of Journalism and the Online News Association’s Challenge Fund for Innovation in Journalism Education. The ONA grant is backed by the Ethics and Excellence in Journalism Foundation, the Robert R. McCormick Foundation, the John S. and James L. Knight Foundation, the Democracy Fund, the Rita Allen Foundation and the Scripps Howard Foundation.</p><br><br>
</div><br> <!--CLOSE Partnership message and main container-->
<!--START Sponsor Content-->
<div class="sponsor-container">
<div class="sponsor-container-inside">
<div class="row row-sponsor2">
<div class="col-12"><p class="sponsor-head">Partners</p></div>
</div>
<div class="row row-sponsor2">
<div class="col-md-4 row-sponsor"><img src="images/howard-center-logo.png" class="sponsor" id="howard" alt="The Howard Center for Investigative Journalism logo"></div>
<div class="col-md-4 row-sponsor"><a href="http://www.cnsmaryland.org"><img src="images/cns2.png" class="sponsor" id="cns" alt="Capital News Service logo"></a></div>
<div class="col-md-4 row-sponsor"><img src="images/npr2.png" class="sponsor" id="npr" alt="NPR logo"></div>
</div>
<div class="row row-sponsor2">
<div class="col-md-4 row-sponsor"><img src="images/merrill2.png" class="sponsor" id="merrill" alt="Philip Merrill College of Journalism logo"></div>
<div class="col-md-4 row-sponsor"><img src="images/way2.png" class="sponsor" id="way" alt="Wide Angle Youth Media logo"></div>
<div class="col-md-4 row-sponsor"><img src="images/wmar-logo.png" class="sponsor" id="wmar" alt="WMAR-Baltimore logo"></div>
</div>
<div class="row row-sponsor2">
<div class="col-12"><p class="sponsor-head" style="padding-top:50px;">Funders</p></div>
</div>
<div class="row row-sponsor2">
<div class="col-md-4 row-sponsor"><img src="images/scripps-howard-foundation.png" class="sponsor rmf" alt="Scripps Horward Foundation"></div>
<div class="col-md-4 row-sponsor"><img src="images/park2.png" class="sponsor" id="park" alt="Park Foundation logo"></div>
<div class="col-md-4 row-sponsor"><img src="images/acf.png" class="sponsor" id="acf" alt="Annie E. Casey Foundation logo"></div>
</div>
<div class="row row-sponsor2">
<div class="col-md-4 row-sponsor"><img src="images/ona2.png" class="sponsor" id="ona" alt="Online News Association logo"></div>
<div class="col-md-4 row-sponsor"><img src="images/journalism-foundation-200x50.jpg" class="sponsor rmf" alt="Journalism Foundation"></div>
<div class="col-md-4 row-sponsor"><img src="images/mccormick-foundation-logo.jpeg" class="sponsor rmf" alt="RMF"></div>
</div>
<div class="row row-sponsor2">
<div class="col-md-3 row-sponsor"><img src="images/knight-logo-300.jpg" class="sponsor rmf" alt="Knight Foundation"></div>
<div class="col-md-3 row-sponsor"><img src="images/democracy-fund.jpg" class="sponsor" alt="Democracy Fund"></div>
<div class="col-md-3 row-sponsor"><img src="images/rita-allen.jpg" class="sponsor" alt="Rita Allen"></div>
<div class="col-md-3 row-sponsor"><img src="images/umd-logo.png" class="sponsor" id="umd" alt="University of Maryland logo"></div>
</div>
</div>
</div> <!--END Sponsor Content-->
<!-- 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>
<!-- Our custom Javascript -->
<script src="js/javascript.js"></script>
<!-- Variables for social media icon popups -->
<script type="text/javascript">
//Twitter variables
var tweet = "Code Red: Baltimore’s Climate Divide. A summer in Baltimore’s hottest neighborhoods."; //Tweet text
var url = "https://cnsmaryland.org/interactives/summer-2019/code-red/behind-scenes.html"; //Interactive URL
//Facebook variables
var picture = "https://cnsmaryland.org/interactives/summer-2019/code-red/images/fb-thumb-bts.png"; //Picture URL
var title = "Code Red: Baltimore’s Climate Divide"; //Post title
var description = "A summer in Baltimore’s hottest neighborhoods."; //Post description
var url = "https://cnsmaryland.org/interactives/summer-2019/code-red/behind-scenes.html"; //Interactive URL
</script>
<!-- METRICS -->
<!-- START Parse.ly Include: Standard -->
<script id="parsely-cfg" src="//cdn.parsely.com/keys/cnsmaryland.org/p.js"></script>
<!-- END Parse.ly Include: Standard -->
<!-- BaltimoreSun METRICS -->
<script>
$(function() {
if(document.referrer.split('/')[2]=='www.baltimoresun.com'){
((((window.trb || (window.trb = {})).data || (trb.data = {})).metrics || (trb.data.metrics = {})).thirdparty = {
pageName: 'bs:dataproject:news:maryland:code-red-urban-heat-islands:dataproject.',
channel: 'news:maryland',
server: 'data.baltimoresun.com',
hier1: 'baltimoresun:news:maryland',
hier2: 'news:maryland',
prop1: 'D=pageName',
prop2: 'news',
prop38: 'dataproject',
prop57: 'D=c38',
eVar20: 'baltimoresun',
eVar21: 'D=c38',
eVar34: 'D=ch',
eVar35: 'D=pageName',
events:''
});
}
});
</script>
<script src="https://www.baltimoresun.com/thirdpartyservice?disablenav=true" async></script>
</body>
</html>