-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
343 lines (308 loc) · 15.3 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
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index">
<meta name="google-site-verification" content="HvnTLH21RJlfam7ujoJ6_4jwuTp-1ZyHFv9dzoMG3yI" />
<title>Amazon Underworld</title>
<link rel="canonical" href="https://amazonunderworld.org/">
<meta name="description" content="Crime and corruption in the shadows of the world's largest rainforest">
<meta name="keywords" content="amazônia, underworld, infoamazonia">
<meta property="og:title" content="Amazon Underworld">
<meta property="og:description" content="Crime and corruption in the shadows of the world's largest rainforest">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Amazon Underworld">
<meta property="og:url" content="https://amazonunderworld.org/">
<meta property="og:image:type" content="image/jpg">
<meta property="og:image" content="https://amazonunderworld.org/assets/img/share.jpg">
<meta property="og:image:width" content="1600">
<meta property="og:image:height" content="900">
<meta property="og:image" content="https://amazonunderworld.org/assets/img/share400.jpg">
<meta property="og:image:width" content="400">
<meta property="og:image:height" content="400">
<meta name="twitter:site" content="@AmazonUworld">
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Amazon Underworld" />
<meta name="twitter:description" content="Crime and corruption in the shadows of the world's largest rainforest" />
<meta name="twitter:image" content="https://amazonunderworld.org/assets/img/share.jpg" />
<link rel="icon" type="image/png" href="./assets/img/favicon.png">
<link href="./assets/img/favicon.png" rel="shortcut icon">
<!-- Link CSS -->
<link href="./build/style.css" rel="stylesheet" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3KKH3S5EQN"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-3KKH3S5EQN');
</script>
</head>
<body class="amz" id="home">
<nav>
<div class="content-full menu-topo">
<div class="logo"><a href="./"><img src="./assets/img/logo.png"> </a>
<div class="btn-menu-responsivo">
<div class="btn-lang">EN</div>
<div class="lang-opt">
<ul class="lang">
<li><a href="./">EN</a></li>
<li><a href="./pt.html">PT</a></li>
<li><a href="./es.html">ES</a></li>
</ul>
</div>
<div class="btn-hamburguer" aria-label="Main Menu">
<svg width="100%" height="100%" viewBox="0 0 100 100">
<path class="line line1" d="M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058" />
<path class="line line2" d="M 20,50 H 80" />
<path class="line line3" d="M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669 94.543142,22.019327 90.966081,18.329754 85.259173,18.331003 79.552261,18.332249 75.000211,25.000058 75.000211,25.000058 L 25.000021,74.999942" />
</svg>
</div>
</div>
</div>
<div class="info">
<ul class="menu">
<li><a href="#link_mapa">MAP</a></li>
<li><a href="#link_stories">STORIES</a></li>
<li><a href="https://infoamazonia.org/en/2024/05/13/documentary-from-amazon-underworld-reveals-corruption-in-large-scale-dredging-in-the-amazon/" target="_blank">VIDEO</a></li>
</ul>
<ul class="lang">
<li><a href="./">EN</a></li>
<li><a href="./pt.html">PT</a></li>
<li><a href="./es.html">ES</a></li>
</ul>
<ul class="social">
<li><a href="https://www.instagram.com/amazonuworld/" target="_blank"><img src="./assets/img/icon-instagram.png" alt="Instagram"></a></li>
<li><a href="https://twitter.com/AmazonUworld" target="_blank"><img src="./assets/img/icon-twitter.png" alt="Twitter"></a></li>
</ul>
</div>
<div class="menu-responsivo ">
<div class="content animated-div">
<ul class="lang">
<li><a href="./">EN</a></li>
<li><a href="./pt.html">PT</a></li>
<li><a href="./es.html">ES</a></li>
</ul>
<ul class="menu">
<li><a href="./">Home</a></li>
<li><a href="./">Welcome to the <br/>Amazon Underworld</a></li>
<li><a href="#link_mapa">Map</a></li>
<li><a href="#link_stories">All stories</a></li>
<li><a href="https://infoamazonia.org/en/2024/05/13/documentary-from-amazon-underworld-reveals-corruption-in-large-scale-dredging-in-the-amazon/" target="_blank">Video</a></li>
</ul>
<ul class="social">
<li><a href="https://www.instagram.com/amazonuworld/" target="_blank"><img src="./assets/img/icon-instagram.png" alt="Instagram"></a></li>
<li><a href="https://twitter.com/AmazonUworld" target="_blank"><img src="./assets/img/icon-twitter.png" alt="Twitter"></a></li>
</ul>
</div>
</div>
</div>
</nav>
<header class="parallaxContainer">
<div class="centro">
<img class="logo" src="./assets/img/header-title.jpg" alt="Amazon Under World">
<p class="big">Crime and corruption in the shadows of<br/>the world's largest rainforest</p>
<img src="./assets/img/header-title-bottom.jpg" alt="Amazon Under World">
</div>
<div class="direita">
<img data-fly="-1" data-flyx="5" src="./assets/img/header/direita/folhagem1.png" style="top: -10%; left: 20%; height:60%; width: auto;">
<img data-fly="-1" data-flyx="8" src="./assets/img/header/direita/folhagem2.png" style="top: -60%; left: 20%; height:70%; width: auto;">
<img data-fly="-3" data-flyx="3" src="./assets/img/header/direita/soldado.png" style="top: -35%;left: 25%; height:100%; width: auto;">
</div>
<div class="esquerda">
<img data-fly="-2" data-flyx="-3" src="./assets/img/header/esquerda/folhagem2.png" style="top: -40%; right: 25%; height:70%; width: auto;">
<img data-fly="-2" data-flyx="-3" src="./assets/img/header/esquerda/coca.png" style="top: -30%; right: 35%; height:30%; width: auto;">
<img data-fly="-2" data-flyx="-3" src="./assets/img/header/esquerda/dinheiro2.png" style="top: 0%; right: 20%; height:25%; width: auto;">
<img data-fly="-1" data-flyx="-3" src="./assets/img/header/esquerda/tronco.png" style="top: -5%; right: 35%; height:30%; width: auto;">
<img data-fly="-5" data-flyx="-5" src="./assets/img/header/esquerda/faca.png" style="top: -5%; right: 40%; height:27%; width: auto;">
<img data-fly="-5" data-flyx="-5" src="./assets/img/header/esquerda/ouro.png" style="top: -40%; right: 25%; height:20%; width: auto;">
<img data-fly="-1" data-flyx="-5" src="./assets/img/header/esquerda/dinheiro1.png" style="top: 20%; right: 45%; height:25%; width: auto;">
</div>
</header>
<main>
<section class="folhagem">
<div class="content">
<p>Between May 2022 and July 2023, our team of 37 journalists and media professionals from 11 countries ventured into rarely explored corners of the Amazon to understand its criminal ecosystem.</p>
<p>We spent one year investigating this intricate scenario and gaining insights into the forces that drive the protagonists of the Amazon Underworld to engage in illicit activities that have a devastating impact on Amazonian communities and the environment.</p>
<p class="big">Amazon Underworld includes a database that enabled us to map the presence of armed groups on the countries’ Amazonian borders and a series of in-depth reports on various aspects of the region’s organized criminal enterprises, many of which have received little or no media coverage. </p>
<img src="./assets/img/icon-1.png">
<h1>PRESENCE OF ORGANIZED CRIME AND ARMED GROUPS</h1>
<p>To build this database, we consulted primary sources and documents in all the Amazonian border municipalities of Brazil, Colombia, Venezuela, Peru, Ecuador and Bolivia. </p>
</div>
<div id="link_mapa"></div>
</section>
<iframe src="https://infoamazonia.org/embed/?map_id=164051" width="90%" height="500" style="width: 90%;max-width: 1280px;height:80vh;margin: 0 auto;display: block;"></iframe>
<section >
<div class="content-full" style="text-align: right;">
<div class="btn" data-modal="modalmetodologia">Our Methodology</div>
</div>
</section>
<section >
<div class="content">
<img src="./assets/img/icon-2.png">
<h1>EXPLORE THE STORIES</h1>
<p>This route begins with an overview of the Amazon Underworld, then takes you to areas of illegal gold mining and cultivation of drug crops, following trafficking routes that cut through the heart of the jungle. Criminals take advantage of the region’s porous borders, countless rivers and myriad clandestine airstrips to transport drugs and gold that feed insatiable global markets.</p>
<div id="link_stories"></div>
</div>
</section>
<section class="tripa" id="mapa">
<div class="mapa-img">
<div class="centro" id="mapalinks"></div>
</div>
</section>
<section style="padding: 6rem 0 !important;">
<div class="content">
<img src="./assets/img/icon-3.png">
<h1>READ MORE ABOUT THE AMAZON UNDERWORLD</h1>
<p>The stories on this platform provide a comprehensive overview of cross-border organized crime, but there’s more to the Amazon Underworld.</p>
<a href="https://infoamazonia.org/en/tag/amazon-underworld-en/" class="btn">Click here for additional stories </a>
</div>
</section>
</main>
<div class="modalbase" id="modalmetodologia">
<div class="modal-content">
<button class="modalclose"> </button>
<img src="./assets/img/icon-engrenagem.png"/>
<h1>Methodology</h1>
<p>This visualization is a comprehensive attempt to map the presence of armed groups throughout the Amazon. Here, the most significant armed groups and criminal organizations are individually identified and represented, while smaller criminal outfits are grouped under the category 'others.' As we continue our research, we expect to identify trends over time and expand our research capacity.</p>
<p>To gather information about the presence of organized crime structures and armed groups throughout the Amazon, between April 2022 and July 2023, we conducted interviews with primary sources in the territory, researched documents from state agencies and civil society groups, and filed petitions for information. The interviewees mainly consist of people who have direct contact with armed actors and illicit economies. This diverse group includes Indigenous leaders, community members, church leaders, law enforcement officials, intelligence personnel, public prosecutors, local businesspeople, gang members and individuals involved in illicit economies. We have kept identities anonymous.</p>
<p>Our researchers used different methodologies depending on the country and access. Nonetheless, a combination of qualitative and quantitative methods was used for all countries. Because of the diversity of our sources, the level of detail in the information varies per municipality.</p>
</div>
</div>
<footer style="padding: 4rem 0 !important;">
<div class="content-full">
<h1 class="tbege">TEAM</h1>
<div class="teams">
<div class="team">
<ul>
<span class="title">Lead journalist <br>and research coordinator</span>
<li>Bram Ebus</li>
</ul>
<ul>
<span class="title">Project coordinator</span>
<li>Juan Torres</li>
</ul>
<ul>
<span class="title">Chief editor</span>
<li>Barbara Fraser</li>
</ul>
<ul>
<span class="title">Editors</span>
<li>Beatriz Jucá</li>
<li>Jeanneth Valdivieso</li>
<li>Mariana Rios</li>
</ul>
<ul>
<span class="title">Photo editor</span>
<li>Juliana Rezende</li>
</ul>
</div>
<div class="team">
<ul>
<span class="title">Journalists and photographers</span>
<li>Alex Rufino</li>
<li>Andrés Cardona</li>
<li>Diane Sampaio</li>
<li>Emily Costa</li>
<li>Ivan Brehaut</li>
<li>Jaap van 't Kruis</li>
<li>Jorge Benezra</li>
<li>María Ramírez Cabello</li>
<li>Pamela Huerta</li>
<li>Rodrigo Pedroso </li>
<li>Sam Cowie</li>
<li>Wagner Almeida</li>
</ul>
<ul>
<span class="title">Data Specialists</span>
<li>Luiz Fernando Toledo (Data Fixers)</li>
<li>Rafael Duran</li>
</ul>
<ul>
<span class="title">Security Consultant</span>
<li>Steve Hide</li>
</ul>
</div>
<div class="team">
<ul>
<span class="title">Database reporters</span>
<li>Jeanneth Valdivieso </li>
<li>Leandro Barbosa </li>
<li>Silvana Vincenti </li>
<li>Tatiana Escárraga</li>
</ul>
<ul>
<span class="title">Cartographer</span>
<li>Laura Kurtzberg</li>
</ul>
<ul>
<span class="title">Tech lead</span>
<li>Mathias Felipe</li>
</ul>
<ul>
<span class="title">Design</span>
<li><a href="https://disarmegrafico.com/" target="_blank">Disarme Gráfico</a></li>
</ul>
<ul>
<span class="title">Web development</span>
<li><a href="https://cafe.art.br" target="_blank">Café</a></li>
</ul>
<ul>
<span class="title">Logo maker</span>
<li>Juan Camilo Ruiz</li>
</ul>
</div>
<div class="team">
<ul>
<span class="title">Impact coordinators</span>
<li>Josefina Salomon </li>
<li>Ronna Rísquez</li>
</ul>
<ul>
<span class="title">Social media</span>
<li>Luiza Toledo</li>
<li>Mary Carmen Vieira</li>
<li>Nicoll Fonseca</li>
</ul>
<ul>
<span class="title">Translators</span>
<li>Dafnes Moneim D. Aly </li>
<li>Juan Bernardo Montoya-Mogollón</li>
</ul>
<ul>
<span class="title">Media representatives</span>
<li>Joseph Poliszuk (Armando.Info) </li>
<li>Sinar Alvarado and Alejandro Gómez Dugand (La Liga Contra el Silencio) </li>
<li>Stefano Wrobleski (InfoAmazonia)</li>
</ul>
</div>
</div>
<div class="empresas">
<div class="empresa">
<div class="title">An alliance of</div>
<ul>
<li><img src="./assets/img/logo-amz.png" height="35"></li>
<li><img src="./assets/img/logo-infoamazonia.png"></li>
<li><img src="./assets/img/logo-armandoinfo.png"></li>
<li><img src="./assets/img/logo-laliga.png"></li>
</ul>
</div>
<div class="empresa">
<div class="title">Support</div>
<ul>
<li><img src="./assets/img/logo-opensociety.png"></li>
<li><img src="./assets/img/UKGOV.png"></li>
<li><img src="./assets/img/logo-pulitzer.png"></li>
<li><img src="./assets/img/logo-rainforest.png"></li>
<li><img src="./assets/img/logo-iucn.png"></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Link javascript -->
<script type="text/javascript" src="./build/script.js"></script>
</body>
</html>