-
Notifications
You must be signed in to change notification settings - Fork 0
/
testes.php
75 lines (66 loc) · 4.54 KB
/
testes.php
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
<?php $title = 'Story 1'; ?>
<?php include './blocks/header.php'; ?>
<!-- wp:code -->
<link rel="stylesheet" type="text/css" href="https://taprontodev.github.io/amzunderworld/build/style.css" />
<div class="amz" id="testes">
<!-- wp:code -->
<div class="scrollytelling">
<div class="stks">
<img class="bg" data-scrl='1' src="https://infoamazonia.org/wp-content/uploads/2023/08/story6-scrollytelling-2.jpeg"></img>
<video class="bg" data-scrl='2' src="https://css-tricks-post-videos.s3.us-east-1.amazonaws.com/708209935.mp4" playsinline muted></video>
<!-- <img class="bg" data-scrl='3' src="https://infoamazonia.org/wp-content/uploads/2023/08/story6_grafico_desktop_margem.jpg"></img> -->
<picture class="bg" data-scrl='3'>
<source srcset="https://infoamazonia.org/wp-content/uploads/2023/08/story6_grafico_mobile_margem-scaled.jpg" media="(max-width: 599px)" width="2560" height="1707">
<source srcset="https://infoamazonia.org/wp-content/uploads/2023/08/story6_grafico_desktop_margem.jpg"" media="(max-width: 991px)" width="1920" height="1280">
<img src="https://infoamazonia.org/wp-content/uploads/2023/08/story6_grafico_desktop_margem.jpg" width="1920" height="1280">
</picture>
<img class="bg" data-scrl='4' src="https://infoamazonia.org/wp-content/uploads/2023/08/story6-scrollytelling-1.jpeg"></img>
<img class="bg" data-scrl='5' src="https://infoamazonia.org/wp-content/uploads/2023/08/story6-scrollytelling-4.jpg"></img>
<img class="bg" data-scrl='6' src="https://infoamazonia.org/wp-content/uploads/2023/08/story6-scrollytelling-3.jpeg"></img>
</div>
<div class="scrllr">
<div data-scrl='1' class="scrollytelling-inner">
<div class="box">
<img src="https://infoamazonia.org/wp-content/uploads/2023/08/story6_icones_scrollytelling-e1691160128475.jpg" alt="" >
<p class="big">Sparsely populated and heavily forested, Venezuela's remote southwestern state of Amazonas borders Colombia along the voluminous Orinoco River.</p>
<p class="caption">Photo: Bram Ebus</p>
</div>
</div>
<div data-scrl='2' class="scrollytelling-inner">
<div class="box">
<p class="big">The Revolutionary Armed Forces of Colombia (FARC) and National Liberation Army (ELN)</p>
<p>have long used the area to rest, move troops, hide kidnapping victims and receive medical care. After the signing of a peace deal with the Colombian government in 2016, dissident guerrilla groups began to increase their presence in the Venezuelan Amazon.</p>
<p class="caption">Video</p>
</div>
</div>
<div data-scrl='3' class="scrollytelling-inner">
<div class="box">
<p>That movement coincided with rising insecurity and shortages of medicine and food that have led more than</p>
<p class="big">7 million Venezuelans, about 20% of the population, to leave the country. Colombia hosts more than any other nation.</p>
<p>have long used the area to rest, move troops, hide kidnapping victims and receive medical care. After the signing of a peace deal with the Colombian government in 2016, dissident guerrilla groups began to increase their presence in the Venezuelan Amazon.</p>
</div>
</div>
<div data-scrl='4' class="scrollytelling-inner">
<div class="box">
<p>On the Venezuelan side of the border,</p>
<p class="big">Colombian guerrillas lure recruits with offers of food, jobs and goods like cell phones.</p>
<p>They take advantage of the poverty and hunger that are driving many Venezuelan families to despair.</p>
<p class="caption">Photo: Andrés Cardona</p>
</div>
</div>
<div data-scrl='5' class="scrollytelling-inner">
<div class="box">
<p class="big">With their multimillion-dollar trade in illicit drugs and illegal gold, the armed groups are changing the economy of the Venezuelan state of Amazonas.</p>
<p class="caption">Photo: Bram Ebus</p>
</div>
</div>
<div data-scrl='6' class="scrollytelling-inner">
<div class="box">
<p class="big">Indigenous communities are often caught in the middle.</p>
<p class="caption">Photo: Bram Ebus</p>
</div>
</div>
</div>
</div>
<!-- /wp:code -->
<?php include './blocks/footer.php'; ?>