-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
325 lines (308 loc) · 11.2 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
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
<!DOCTYPE html>
<head>
<title>Justice for Jabir Pope</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="styles.css" type="text/css" charset="utf-8" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Merriweather"
/>
<link rel="shortcut icon" type="image/png" href="" />
<script src="https://unpkg.com/scrollama"></script>
<script src="https://unpkg.com/intersection-observer@0.5.1/intersection-observer.js"></script>
<script src="https://d3js.org/d3.v7.min.js"></script>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<!-- give search engines some background info on this page -->
<meta
name="og:title"
content="Justice for Jabir Pope: Resilience & Restoring Life After Wrongful Conviction"
/>
<meta
name="og:url"
content="https://dfarooq610.github.io/Jabir-Pope-Profile/"
/>
<meta
name="og:image"
content="https://dfarooq610.github.io/Jabir-Pope-Profile/assets/images/jabir_profile.jpg"
/>
<meta name="og:type" content="article" />
<meta
name="og:description"
content="A profile of the life of Joseph Jabir Pope after exoneration, highlighting the particular challenges he has faced acclimating back to the city he grew up in."
/>
<meta name="og:locale" content="en_US" />
<meta
name="keywords"
content="innocence, innocence project, wrongful conviction, incarceration, justice"
/>
<meta
name="author"
content="Danica Jefferies and Danish Farooq, Northeastern University"
/>
<!-- tell the browser to render differently on mobile devices than in browsers on desktop machines -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<nav>
<div id="logo">
<a
href="https://www.newenglandinnocence.org/"
target="blank"
rel="noopener noreferrer"
>
<img
src="./assets/images/NEIP_blue.png"
alt="NEIP logo"
height="100px"
/>
</a>
</div>
</nav>
<div id="banner">
<div id="title">
<h1>Justice for <span style="color: #dbcc74">Jabir Pope</span></h1>
<h2>Resilience & Restoring Life After Wrongful Conviction</h2>
<hr />
</div>
<div id="intro">
<article>
<p>
Joseph Jabir Pope is 70 years old. Born and raised in Boston, he lives
with his siblings on the street they grew up on. He's a father and
grandfather, and cares deeply about his community.
</p>
<p>
But an unexpected twist in his 30s highlights a disparaging reality
many people in the U.S. face - Jabir spent 38 years incarcerated for a
crime he did not commit.
</p>
</article>
</div>
<div id="scroll-down-indicator">
<p style="color: #dbcc74">Scroll down to learn more about his story.</p>
<i
class="fa fa-angle-double-down"
style="font-size: 48px; color: #dbcc74"
></i>
</div>
</div>
<main>
<section id="scrolly">
<figure>
<div class="wrapper">
<img id="backdrop-img" />
</div>
</figure>
<article>
<div class="step" data-step="1">
<p>
Jabir recently celebrated one year of freedom from serving a life
sentence without parole.
</p>
</div>
<div class="step" data-step="2">
<p>
During that time, he devoted himself to winning his freedom and
making a valuable contribution to his community from behind the
walls, as well as to his child's life.
</p>
</div>
<div class="step" data-step="3">
<p>
Music has been a staple for Jabir for most of his life – a passion
he is delving back into now that he's home. He grew up listening to
quintessential 60s soul, citing the likes of Sam Cooke, The
Temptations and The Dramatics as influences.
</p>
</div>
<div class="step" data-step="4">
<p>
Since then, Jabir has become a bassist and a choreographer, as well
as a vocalist in his group, The OGs. Members include a close friend
and co-defendent Albert Brown in addition to rapper Jason Jiles, who
is in the midst of fighting for his own freedom.
</p>
<div class="video" style="text-align: center">
<video width="560" height="auto" controls allowfullscreen>
<source src="./assets/Freedom.mp4" type="video/mp4" />
</video>
</div>
<p style="text-align: center; font-size: 0.8em">
"Freedom" performed by Jabir Pope, Albert Brown and other members of The OGs.
<cite
>Credit:
<a
href="https://twitter.com/BostonPSL/status/1603032173564809218/video/4?autoplay=0"
>PSL Boston</a
></cite
>
</p>
</div>
<div class="step" data-step="5">
<p>
While his taste favors old soul, Jabir appreciates the cerebral and
conscious side of hip-hop, particularly Tupac. The inspiration for
his own art is similarly inspired - his songs cover topics as
close-to-heart as his relationship with his daughter to celebratory
ones for Kwanzaa.
</p>
</div>
<div class="step" data-step="6">
<p>
But his talents also expand beyond music. In 1996, Jabir wrote "My
Father's World," a book dedicated to his daughter, who was born at
the start of his sentence. Since his release, they've been
inseparable.
</p>
</div>
</section>
<section>
<article class="in-between">
<div>
<h2>Release, and Life After</h2>
</div>
<div>
<p>
Jabir, like many, turned to faith as a guiding light through
difficult times to stay grounded and focused. After converting
to Islam while in prison, Jabir became an active member within the Muslim
community as an event coordinator. To him, studying Quran and going
to the Masjid to pray are some of the small jewels that helps him
navigate life. Faith provided him with guiding principles that he carried
to the very day he was released.
</p>
<p>
On the day he was released from prison, Jabir wanted to do three things:
go to the bank to cash a check, purchase a smartphone, and go to Masjid to pray. He committeed and was able to accomplish his goal that day, ending with offering Sunnat prayer. The latter was a very special moment for him – he was heeding a piece of advice he gave many fellow Muslims who were returning home after incarceration.
</p>
<p>
But life after release, in spite of freedom, has not been without
its challenges. As one of the older exonerees in the NEIP network,
Jabir faces unique obstacles post-release. Most of these are hidden
in the tasks and tools that have become commonplace: navigating cell
phones and his neighborhood, alike.
</p>
</div>
</article>
</section>
<section id="scrolly-2">
<div class="sticky-thing">
<figure class="nobackground">
<h1 style="background-color:#083C64;color: #fff; margin:0;padding:2vh 0;font-size: 2em;">What does Jabir think?</h1>
<img src="./assets/images/jabir_tech.jpg" id="stickyImg" />
</figure>
</div>
<article id="article2" style="margin:6vh 0;">
<div class="step-2" data-step="1">
<h3>From square one</h3>
<p>
The system doesn't currently offer much support to those it frees
from wrongful conviction, leading people including Jabir to
reconstruct everything they lost during incarceration by themselves.
</p>
<div class="audioWrapper">
<audio
controls="true"
id="audio3"
src="./assets/audio/Jabir_Challenge.mp3"
></audio>
</div>
</div>
<div class="step-2" data-step="2" id="longer">
<h3>Technology and employment</h3>
<p>
Jabir strives to be financially independent and wants to move into
his own place - but finding the right job is difficult at 70 years
old. <br /><br />
As he's gotten older, Jabir has also noticed his eyesight isn't as
sharp. This limits his choice of employment and makes it harder to
get his bearings with new technology.
</p>
<div class="audioWrapper">
<audio
controls="true"
id="audio1"
src="./assets/audio/Jabir_Tech.mp3"
></audio>
</div>
</div>
<div class="step-2" data-step="3">
<h3>Places and faces</h3>
<p>
Much of the area Jabir grew up in is now unfamiliar to him. This
winter, he ventured out to meet new friends and regain an awareness
of his community.
</p>
<div class="audioWrapper">
<audio
controls="true"
id="audio2"
src="./assets/audio/Jabir_Stranger.mp3"
></audio>
</div>
</div>
</article>
</section>
<div class="spacer"></div>
<div id="gallery">
<h4 id="gallery-title">Support Jabir Pope</h4>
<div id="button-list">
<a
href="https://www.gofundme.com/f/help-jabir-rebuild-his-life"
target="_blank"
rel="”noopener"
noreferrer”
>
<button class="gallery-button">Donate to GoFundMe</button></a
>
<a
href="https://www.amazon.com/stores/J.-Jabir-Pope/author/B00KUQRJWQ"
target="_blank"
rel="”noopener"
noreferrer”
><button class="gallery-button">
Buy "My Father's World" on Amazon
</button></a
>
<a
href="https://twitter.com/BostonPSL/status/1603032173564809218"
target="_blank"
rel="”noopener"
noreferrer”
><button class="gallery-button">
Listen to his song "Freedom"
</button></a
>
<a
href="https://www.newenglandinnocence.org/exoneree-network"
target="_blank"
rel="”noopener"
noreferrer”
><button class="gallery-button">
Learn more about the Exoneree Network
</button></a
>
</div>
</div>
<footer>
<p>
Made by students at Northeastern University in collaboration with the
<a
href="https://www.newenglandinnocence.org/"
target="blank"
rel="noopener noreferrer"
>New England Innocence Project</a
>.
</p>
<br />
<a href="#banner">Back to top</a>
</footer>
</main>
<script src="script.js"></script>
<script>
type = "text/javascript" > Project.scrolling.initialize();
</script>
</body>