This repository has been archived by the owner on Dec 14, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathfj.html
409 lines (378 loc) · 14.5 KB
/
fj.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta
name="description"
content="Support the Right to Rescue. Sign your name onto this open letter to support the whistleblowers facing prison time for exposing factory farm abuses and rescuing suffering animals."
/>
<meta property="og:image" content="img/og-image.png" />
<title>Right to Rescue</title>
<!-- Google Tag Manager -->
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != "dataLayer" ? "&l=" + l : "";
j.async = true;
j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, "script", "dataLayer", "GTM-NCX3NJC");
</script>
<!-- End Google Tag Manager -->
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" />
<link
href="https://fonts.googleapis.com/css?family=Varela+Round"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
rel="stylesheet"
/>
<!-- Custom styles for this template -->
<link href="css/grayscale.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Google Tag Manager (noscript) -->
<noscript
><iframe
src="https://www.googletagmanager.com/ns.html?id=GTM-NCX3NJC"
height="0"
width="0"
style="display: none; visibility: hidden"
></iframe
></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="index.html"
><img id="logo" src="img/logo.png"
/></a>
<button
class="navbar-toggler navbar-toggler-right"
type="button"
data-toggle="collapse"
data-target="#navbarResponsive"
aria-controls="navbarResponsive"
aria-expanded="false"
aria-label="Toggle navigation"
>
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="index.html#sign"
>Sign</a
>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="index.html#cases"
>Cases</a
>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="index.html#support"
>Support</a
>
</li>
</ul>
</div>
</div>
</nav>
<!-- Letter Section -->
<section id="sign" class="about-section text-center">
<div class="container">
<br />
<h1 class="text-white">Farmer John</h1>
<h5 class="text-white-50 mb-5">Vernon, California</h5>
<div class="row">
<div class="col-lg-7 mb-5">
<div
class="embed-responsive embed-responsive-1by1"
style="border-radius: 10px"
>
<iframe
class="embed-responsive-item"
src="https://www.youtube.com/embed/EY0iU-LuLwE"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
</div>
</div>
<div class="col-lg-5 my-auto">
<h3 class="text-white mb-3">Take Action</h3>
<p class="text-white">
Share the video with #RightToRescue and stay tuned for more ways
you can help.
</p>
</div>
</div>
</div>
</section>
<section id="description" class="projects-section bg-light">
<div class="container">
<div class="row">
<div class="col-lg-5 order-lg-2 mx-auto">
<img class="img-fluid mb-3" src="img/fj.png" />
</div>
<div class="col-lg-7 order-lg-1 my-auto mx-auto">
<p>
Seven activists were arrested while attempting to rescue a pig
they named Greta from inside Farmer John slaughterhouse in Los
Angeles. Farmer John is Smithfield’s largest West Coast
slaughterhouse where more than 7,000 pigs are killed every day. It
is also the site of a massive COVID outbreak. 1 in 2 workers at
the facility have been infected. A few days after the attempted
rescue, around 200 people united at the slaughterhouse to protest
Smithfield’s abuse of animals and workers. Dozens more people were
arrested during a lockdown at the facility. Most have had no
charges filed against them, but some are still awaiting charging
decisions. The seven people who tried to save Greta are also
waiting to receive their charges.
</p>
</div>
</div>
</div>
</section>
<!-- Cases Section -->
<section
id="cases"
class="projects-section bg-light"
style="padding-top: 0 !important"
>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-center" style="padding-bottom: 2rem">
<h2>Meet the Defendants</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3">
<img class="img-fluid mb-3 mb-lg-0" src="img/ap.jpg" alt="" />
<div class="featured-text pt-3 text-center text-lg-left">
<h4>Alexandra Paul</h4>
<p class="text-black-50 mb-0">
Alexandra is a longtime actress who lives in Los Angeles with
her human partner of 25 years and their two felines. With other
DxE activists, she has rescued pigs, chickens and calves from
factory farms and has been arrested 5 times at DxE actions
peacefully advocating for animals.
</p>
</div>
</div>
<div class="col-lg-3">
<img class="img-fluid mb-3 mb-lg-0" src="img/as.jpg" alt="" />
<div class="featured-text pt-3 text-center text-lg-left">
<h4>Alicia Santurio</h4>
<p class="text-black-50 mb-0">
Alicia is a factory farm investigator and experienced animal
caretaker who lives in the Bay Area. She and her parents have
been taking action with DxE since 2015.
</p>
</div>
</div>
<div class="col-lg-3">
<img class="img-fluid mb-3 mb-lg-0" src="img/ee.jpg" alt="" />
<div class="featured-text pt-3 text-center text-lg-left">
<h4>Emek Echo</h4>
<p class="text-black-50 mb-0">
Emek is an audio engineer who finished school as valedictorian.
She became an animal rights activist after learning about the
suffering animals go through in animal exploiting industries.
</p>
</div>
</div>
<div class="col-lg-3">
<img class="img-fluid mb-3 mb-lg-0" src="img/lb.jpg" alt="" />
<div class="featured-text pt-3 text-center text-lg-left">
<h4>Lewis Bernier</h4>
<p class="text-black-50 mb-0">
Lewis is an outdoorsman and bodybuilder who works to investigate
cruelty in animal agriculture. Since moving to the Bay Area,
they have exposed horrific conditions inside dozens of farms and
slaughterhouses across the United States.
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3">
<img class="img-fluid mb-3 mb-lg-0" src="img/rh.jpg" alt="" />
<div class="featured-text pt-3 text-center text-lg-left">
<h4>Rachel Hosler</h4>
<p class="text-black-50 mb-0">
Rachel is a mother, sanctuary volunteer, artist, and yoga
teacher, on top of which she has operated a mobile dog grooming
business for 16 years.
</p>
</div>
</div>
<div class="col-lg-3">
<img class="img-fluid mb-3 mb-lg-0" src="img/rf.jpg" alt="" />
<div class="featured-text pt-3 text-center text-lg-left">
<h4>Robert Franklin</h4>
<p class="text-black-50 mb-0">
Reverend Robert Ryugen Doshin Yamada is the resident Soto Zen
Buddhist monk at Dobutsu Kaihoji, the Animal Liberation Temple,
and an activist for our dear animal friends.
</p>
</div>
</div>
<div class="col-lg-3">
<img class="img-fluid mb-3 mb-lg-0" src="img/zr.jpg" alt="" />
<div class="featured-text pt-3 text-center text-lg-left">
<h4>Zoe Rosenberg</h4>
<p class="text-black-50 mb-0">
Zoe is a UC Berkeley student, TEDx speaker, activist, and animal
rescuer. She is the founder of Happy Hen Animal Sanctuary, a
nonprofit organization that has saved over 1,000 animals from
factory farms and slaughterhouses, and she leads the social
media team for Direct Action Everywhere.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Support Section -->
<section id="support" class="signup-section">
<div class="container">
<div class="row">
<div class="col-md-10 col-lg-8 mx-auto text-center">
<i class="far fa-heart fa-2x mb-2 text-white"></i>
<h2 class="text-white mb-5">
Your support allows us to stand up to legal repression and
continue our groundbreaking work
</h2>
<!-- Funraise embed code -->
<script>
(function (f, u, n, r, a, i, s, e) {
var data = {
window: window,
document: document,
tag: "script",
data: "funraise",
orgId: f,
uri: u,
common: n,
client: r,
script: a,
};
var scripts;
var funraiseScript;
data.window[data.data] = data.window[data.data] || [];
if (
data.window[data.data].scriptIsLoading ||
data.window[data.data].scriptIsLoaded
)
return;
data.window[data.data].loading = true;
data.window[data.data].push("init", data);
scripts = data.document.getElementsByTagName(data.tag)[0];
funraiseScript = data.document.createElement(data.tag);
funraiseScript.async = true;
funraiseScript.src =
data.uri + data.common + data.script + "?orgId=" + data.orgId;
scripts.parentNode.insertBefore(funraiseScript, scripts);
})(
"472c107b-a760-4be2-b990-81c429da14d5",
"https://assets.funraise.io",
"/widget/common/2.0",
"/widget/client",
"/inject-form.js"
);
</script>
<!-- Funraise form configuration code -->
<script>
window.funraise.push("create", { form: 8475 });
window.funraise.push(
"onSuccess",
{ form: 8475 },
function (donor, donation) {
if (donation.recurring === true) {
dataLayer.push({ event: "donate-monthly-completed" });
} else {
dataLayer.push({ event: "donate-once-completed" });
}
}
);
</script>
<!-- Funraise button code -->
<a
id="donateButton"
href="#donate"
class="btn btn-primary mx-auto"
aria-label="Donate"
data-formId="8475"
>Donate</a
>
</div>
</div>
</div>
</section>
<!-- Social Section -->
<section id="social" class="contact-section bg-black">
<div class="container">
<div class="social d-flex justify-content-center">
<a
href="http://twitter.com/dxeverywhere"
class="mx-2"
target="_blank"
>
<i class="fab fa-twitter"></i>
</a>
<a
href="http://facebook.com/directactioneverywhere"
class="mx-2"
target="_blank"
>
<i class="fab fa-facebook-f"></i>
</a>
<a
href="http://instagram.com/directactioneverywhere"
class="mx-2"
target="_blank"
>
<i class="fab fa-instagram"></i>
</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-black small text-center text-white-50">
<div class="container">
Copyright © Direct Action Everywhere
<script>
document.write(new Date().getFullYear());
</script>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/grayscale.js"></script>
<!-- Listener for donate button clicks -->
<script>
$("#donateButton").click(function () {
dataLayer.push({ event: "donate-button-clicked" });
});
</script>
</body>
</html>