-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
87 lines (83 loc) · 5.17 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CITIES OF BAIL</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v3.5.1/mapbox-gl.css' rel='stylesheet' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v3.5.1/mapbox-gl.js'></script>
<script src="https://d3js.org/d3.v6.min.js"></script>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="navbar">
<div class="navbar-left"><h2>CITIES OF BAIL</h2></div>
<div class="navbar-right">
<a href="#stories" id="stories-link">Stories</a>
<a href="#explore">Explore</a>
<a href="about.html">About</a>
</div>
</div>
<div id="popup_main" class="hidden_main">
<div class="popup-content_main">
<span id="close-btn_main" class="close_main">×</span>
<h3>Story Details</h3>
<p>
The six selected cities represent diverse American regions and social conditions. Albuquerque and Jersey City stand out for being in states that enacted significant bail reforms within the past five years. In 2016, New Mexico voters approved a constitutional amendment that prohibits pretrial detention solely because an arrestee is unable to post bail. In 2017, New Jersey’s Criminal Justice Reform Act largely eliminated money bail and established a presumption of release for most defendants unless deemed dangerous under strict standards. By examining these areas before and after reform, this project will highlight the community impact of bail reform and offer insights to support a fairer pretrial justice system.
</p>
</div>
</div>
<div id="container">
<div id="map_landing"></div>
<div id="sidebar_landing">
<h2>Introduction</h2>
<div class="intro">
<p>
Every year, the commercial bail industry underwrites billions of dollars in bonds promising to return criminal defendants to court, often securing those bonds with liens on real property. Relying on public real estate data, Cities of Bail visualizes the practice of mortgaging property to secure bail in six U.S. counties. Click below or on the map to explore the impact of bail bonding on urban communities and the connections between bail markets and marginalized populations.
</p>
<div class="location">
<a href="#">Albuquerque, New Mexico</a>
<span class="read-more"><a href="Albuquerque/albuquerque.html">read more></a></span>
<div class="location_description"><small>Includes Lien Signed, Released, Foreclosed Dates, Bail Amount, Duration, and Bond Company</small></div>
</div>
<!-- <div class="location">
<a href="#">Charlotte, North Carolina</a>
<span class="read-more"><a href="Charlotte/charlotte.html">read more></a></span>
<div class="location_description"><small>Signed/Released/Amount/Duration</small></div>
</div> -->
<div class="location">
<a href="#">Cleveland, Ohio</a>
<span class="read-more"><a href="Cleveland/cleveland.html">read more></a></span>
<div class="location_description"><small>Includes Lien Signed and Released Dates, Bail Amount and Duration</small></div>
</div>
<div class="location">
<a href="#">Newark & Jersey City, New Jersey</a>
<span class="read-more"><a href="Newark&Jersey_City/newark&jersey_city.html">read more></a></span>
<div class="location_description"><small>Includes Lien Signed and Released Dates</small></div>
</div>
<!--<div class="location">
<a href="#">New Orleans, Louisiana</a>
<span class="read-more"><a href="New_Orleans/new_orleans.html">read more></a></span>
<div class="location_description"><small>desrciption</small></div>
</div>-->
<div class="location">
<a href="#">Pittsburgh, Pennsylvania</a>
<span class="read-more"><a href="Pittsburgh/pittsburgh.html">read more></a></span>
<div class="location_description"><small>Includes Lien Signed and Released Dates and Bail Amount</small></div>
</div>
<div class="location">
<a href="#">San Francisco, California</a>
<span class="read-more"><a href="San_Francisco/san_francisco.html">read more></a></span>
<div class="location_description"><small>Includes Lien Signed and Released Dates and Bail Amount</small></div>
</div>
<div class="location">
<a href="#">Tucson, Arizona</a>
<span class="read-more"><a href="Tucson/tucson.html">read more></a></span>
<div class="location_description"><small>Includes Lien Signed and Released Dates and Bail Amount</small></div>
</div>
</div>
</div>
<script src="map_us.js"></script>
<script src="Albuquerque/script.js"></script>
</body>
</html>