-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
289 lines (261 loc) · 12.8 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
<!-- Tech Against Trafficking Clone -->
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>
<Tech Against Trafficking>
</title>
<!-- link to copy-cat.scss file -->
<link rel="stylesheet" href="copy-cat.css" type="text/css">
<!-- link to font file
received primary font from website's developer inspect element -->
<link href="https://fonts.cdnfonts.com/css/barlow" rel="stylesheet">
</head>
<body>
<!-- styling (in "copy-cat.html", "copy-cat.scss" and "_align-format.scss")
caters for display of form in Google Chrome and is most accurate at fullscreen size.
the form may appear differently in other browsers (such as Safari) -->
<header>
<!-- logo -->
<img class="logo" src="images/logo.png" alt="Tech Against Trafficking logo" width="175">
<!-- index -->
<nav id="index">
<!-- redirect to the webpages that the original website index item links would redirect a user to
referenced https://hea-www.harvard.edu/~fine/Tech/html-sentences.html
website referenced for guidance on spacing entities (namely " ") -->
<h4>  ABOUT   ACCELERATOR PROGRAM  
<b>
<a href="https://techagainsttrafficking.org/news-events/">NEWS & EVENTS</a>  
<a href="https://techagainsttrafficking.org/interactive-map/">INTERACTIVE MAP</a>  
<a href="https://techagainsttrafficking.org/contact-us/">CONTACT US</a>
</b>
</h4>
</nav>
</header>
<main>
<!-- top part of webpage background -->
<img id="background" src="images/background.jpg" alt="Tech Against Trafficking background">
<!-- brief description -->
<h1 id="description" class="underlineMain">
COMPANIES COLLABORATING<br>
WITH GLOBAL EXPERTS TO<br>
HELP ERADICATE HUMAN<br>
TRAFFICKING USING<br>
TECHNOLOGY
</h1>
<nav>
<!-- GET form -->
<form id="joinForm" action="/copy-cat.html" method="GET">
<a href="https://techagainsttrafficking.org/contact-us/" class="joinButton">JOIN US</a>
</form>
</nav>
<div class="transparentBackground">
<h2 id="announcement" class="underlineAnnouncement">
Tech Against Trafficking is now a workstream of GBCAT!
</h2>
<p id="announcementExplanation">
Tech Against Trafficking is now a workstream of the
<b>
<a href="https://www.gbcat.org">Global Business Coalition Against Trafficking (GBCAT)</a>
</b>
, which brings together companies across sectors to combat<br>
human trafficking in company operations and supply chains. In addition to the work done by Tech Against
Trafficking, GBCAT's other workstreams focus on Corporate Supplier<br>
Capacity Building and Survivor Empowerment & Employment.
</p>
</div>
<div class="lightMode">
<section class="secondaryHeading">
<h3>
Our Mission
</h3>
</section>
<p id="mission">
Our mission is to work with civil society, law enforcement,
academia, technologists, and survivors to advance and scale the
use of technology to prevent, disrupt, and reduce human
trafficking and increase and expand survivors' access to
resources.
</p>
<section class="secondaryHeading">
<h3>
Why Tech Against Trafficking?
</h3>
</section>
<article class="columnFormat">
<div class="columnParagraph1">
<p id="nextToNumber">
<b>Human trafficking is a complex, thriving crime that impacts every country:</b>
There are an estimated 50 million people worldwide subjected to some form of modern slavery.
Given
the
widespread nature of this
crime and the complexity of tackling it, increased engagement from all stakeholders, including
and
especially the private sector, is vital.
<br><br>
Through their expertise, capacity for innovation, and global reach, technology companies can
play a
major role in preventing and disrupting human trafficking and in empowering survivors. Digital
information and communication technologies offer opportunities for a step change in tackling
this
crime.
</p>
</div>
<div class="columnParagraph2">
<!-- in line -->
<h4 id="count">
49.6M
</h4>
<h6 id="numberExplanation">
PEOPLE IN MODERN SLAVERY
</h6>
</div>
</article>
<p id="lastParagraph">
Technological solutions to date include mobile apps that help identify victims of sex trafficking;
satellite imagery that tracks down fishing vessels carrying victims of forced labor; and web scraping
tools that aggregate child abuse images to help law enforcement track down children in need of help. But
there are many more tools out there in need of support. Tech Against Trafficking hopes to accelerate the
development, scale, and resulting impact of these tools.
</p>
</div>
<article id="quote">
<!-- quote image -->
<img class="quoteImage" src="images/quotationMarks.png" alt="Tech Against Trafficking Image Quote">
<br><br>
<!-- change text displayed when arrow is clicked (checked) -->
<input type="checkbox" id="arrow">
<label for="arrow">
<img class="arrowClick" src="images/arrow.png" alt="Arrow icon">
</label>
<div id="quotations">
<p id="quote1" class="hide">
<i>
ANNOUNCING A NEW COLLABORATION USING TECH TO COMBAT HUMAN TRAFFICKING - BSR
</i>
<br><br>
“Business engagement is essential in the global fight against modern slavery, and it's great to
see these organizations leading the way in their commitment to the issue. They bring a fantastic
amount of technical expertise, in addition to huge clout. Technology offers transformational
potential not just to disrupt and reduce modern slavery, but to support care and remedy
mechanisms for survivors. We look forward to working together in partnership in the fight to end
slavery for good.” - Andrew Wallis, OBE, CEO of anti-slavery charity Unseen
<br><br>
<b>
Article linked <a
href="https://www.bsr.org/en/blog/announcing-a-new-collaboration-using-tech-to-combat-human-trafficking">here.</a>
</b>
</p>
<p id="quote2" class="hide">
<i>
“TECH TOOLS CAN LEAD FIGHT AGAINST MODERN SLAVERY, SAYS U.N. EXPERT” - Reuters
</i>
<br><br>
“It (technology) definitely presents both a threat and an opportunity. But the opportunities for
using tech as a tool to identify people who are in modern slavery and to assist them are far greater
and they outweigh the threat." - Urmila Bhoola, UN Special Rapporteur on contemporary forms of
slavery
<br><br>
<b>
Article linked <a href="https://news.trust.org/item/20190903163445-c0xau">here.</a>
</b>
</p>
<!--
<p id="quote3" class="hide">
<i>
“SCALING IMPACT: TECH AGAINST TRAFFICKING LAUNCHES ACCELERATOR PROGRAM"- BSR
</i>
“A lack of good evidence has long hampered counter-trafficking efforts. The prospect of what can be
achieved by bringing together the capacity and expertise of the counter-trafficking community and
the private sector is exciting.” - Harry Cook, data management and research specialist at IOM and
lead of the CTDC
<br><br>
<b>
Article linked <a
href="https://www.bsr.org/en/blog/scaling-impact-tech-against-trafficking-launches-accelerator-program">here.</a>
</b>
</p>
-->
</div>
</article>
</main>
<!-- call function from "align-format" -->
<article class="lightMode">
<section class="secondaryHeading">
<h3>
Latest News & Insights
</h3>
</section>
<article class="columnFormat">
<div class="column">
<!-- article 1 -->
<img id="inlineImage1" src="images/image1.jpg" alt="Tech Against Trafficking Summit image">
<div class="articleContent">
<h4 class="articleHeading">
<b>
Tech Against Trafficking Summit: Leveraging Technology to Eradicate Forced Labor
</b>
</h4>
<p class="byline-date">
BY <a href="https://techagainsttrafficking.org/author/tech-against-trafficking/">TECH
AGAINST
TRAFFICKING</a> / DECEMBER 15, 2023
</p>
<p class="articleText">
Key Points The second Tech Against Trafficking (TAT) Summit brought together over 140 global
anti-trafficking leaders, including businesses, civil society,...
</p>
<a class="readMore"
href="https://techagainsttrafficking.org/tech-against-trafficking-summit-leveraging-technology-to-eradicate-forced-labor/">Read
More  ➔</a>
</div>
</div>
<div class="column">
<!-- article 2 -->
<img id="inlineImage2" src="images/image2.jpg" alt="Tech Against Trafficking Joins GBCAT image">
<div class="articleContent">
<h4 class="articleHeading">
<b>
Tech Against Trafficking Joins GBCAT for Expanded Impact and Scale.
</b>
</h4>
<p class="byline-date">
BY <a href="https://techagainsttrafficking.org/author/tech-against-trafficking/">TECH
AGAINST
TRAFFICKING</a> / AUGUST 10, 2023
</p>
<p class="articleText">
Just a few days prior to World Day Against Trafficking, Tech Against Trafficking announced
that it is officially a workstream...
</p>
<a class="readMore"
href="https://techagainsttrafficking.org/tech-against-trafficking-joins-gbcat-for-expanded-impact-and-scale/">Read
More  ➔</a>
</div>
</div>
</article>
</article>
<footer>
<br><br>
<div id="closing">
<!-- logo -->
<img class="logo" src="images/logo.png" alt="Tech Against Trafficking logo">
<h2 id="contactPrompt">
<a href="https://techagainsttrafficking.org/contact-us/">CONTACT US</a>
</h2>
<h5 id="copy">
Made by <a href="https://anniecannons.org">AnnieCannons</a>
<br>
© 2020
</h5>
</div>
<address>
<br>
Website recreated: <a href="https://techagainsttrafficking.org">Tech Against Trafficking</a><br>
<i>by Jediah Jireh Naicker</i>
</address>
</footer>
</body>
</html>