-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathespañol.html
76 lines (59 loc) · 5 KB
/
español.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
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="description" content="Dreamers"/>
<title>Team Dream Weavers</title>
<script src="scripts/jquery-2.1.0-min.js"></script>
<script type="text/javascript" src="scripts/html5lightbox/jquery.js"></script>
<script type="text/javascript" src="scripts/html5lightbox/html5lightbox.js"></script>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<!-- I got these buttons from simplesharebuttons.com -->
<div id="share-buttons">
<!-- Facebook -->
<a href="http://www.facebook.com/sharer.php?u=http://lowlydarkfuture.github.io/migrahack2015/español.html" target="images/DACA_Infographic_Spanish.jpg"><img src="images/sharebuttons/facebook.png" alt="Facebook" /></a>
<!-- Twitter -->
<a href="http://twitter.com/share?url=http://lowlydarkfuture.github.io/migrahack2015/español.html&text=Arizona Migrahack 2015&hashtags=instate4DACA" target="http://lowlydarkfuture.github.io/migrahack2015/images/DACA_Infographic_Spanish.jpg"><img src="images/sharebuttons/twitter.png" alt="Twitter" /></a>
<!-- Google+ -->
<a href="https://plus.google.com/share?url=http://lowlydarkfuture.github.io/migrahack2015/español.html" target="http://lowlydarkfuture.github.io/migrahack2015/images/DACA_Infographic_Spanish.jpg"><img src="images/sharebuttons/google.png" alt="Google" /></a>
<!-- Reddit -->
<a href="http://reddit.com/submit?url=http://lowlydarkfuture.github.io/migrahack2015/&title=Arizona Migrahack" target="http://lowlydarkfuture.github.io/migrahack2015/images/DACA_Infographic_Spanish.jpg"><img src="images/sharebuttons/reddit.png" alt="Reddit" /></a>
<!-- Email -->
<a href="mailto:?Subject=Simple Share Buttons&Body=
Me%20encontré%20esto%20y%20pensé%20en%20ti!%20 http://lowlydarkfuture.github.io/migrahack2015/español.html"><img src="images/sharebuttons/email.png" alt="Email" /></a>
</div>
<div>
<a class="español" href="index.html">In English!</a>
</div>
</header>
<div class="container">
<img id="infographic" src="images/DACA_Infographic_Spanish.jpg" alt="DACA infographic"/>
<!--This rollover technique was sourced at http://helplogger.blogspot.com/2012/05/create-rollover-image-effect-change.html-->
<div id="subContainer">
<!--This does the exposed video access-->
<a class="html5lightbox" title="Korina Iribe Romo" data-group="story" data-thumbnail="images/thumbnails/Korina.jpg" href="videos/Korina_Iribe.mp4"><img id="heart" src="images/thumbnails/heart.jpg" onmouseover="this.src='images/thumbnails/heartBW.jpg'" onmouseout="this.src='images/thumbnails/heart.jpg'"alt="The stories"/></a>
<!--The following aren't directly accessable. they must be accessed via the previous video-->
<a class="html5lightbox" title="Sofia Benitez" data-group="story" data-thumbnail="images/thumbnails/Sofia.jpg" href="videos/Sofia_Benitez.mp4"></a>
<a class="html5lightbox" title="Dulce Matuz" data-group="story" data-thumbnail="images/thumbnails/Dulce.jpg" href="videos/Dulce_Matuz.mp4"></a>
<a class="html5lightbox" title="Julio Zuniga" data-group="story" data-thumbnail="images/thumbnails/Julio.jpg" href="videos/Julio_Zuniga.mp4"></a>
<a class="html5lightbox" title="Maria Belen Sisa" data-group="story" data-thumbnail="images/thumbnails/Maria.jpg" href="videos/Maria_Belen_Sisa.mp4"></a>
<a class="html5lightbox" title="Dulce Matuz" data-group="story" data-thumbnail="images/thumbnails/Guadalupe.jpg" href="videos/Guadalupe_Arreola.mp4"></a>
<!--This is the end of the video section-->
<!--This is the insert of a picture on the site-->
<a href="https://storify.com/marijelmelo/daca-legislation-timeline"><img id="watch" src="images/thumbnails/watch.jpg" onmouseover="this.src='images/thumbnails/watchBW.jpg'" onmouseout="this.src='images/thumbnails/watch.jpg'"alt="The history"/></a>
<a href="videos/DACA_BACKGROUND.mp4" data-group="history" class="html5lightbox" data-thumbnail="none" title="The background"><img id="eye" src="images/thumbnails/eye.jpg" onmouseover="this.src='images/thumbnails/eyeBW.jpg'" onmouseout="this.src='images/thumbnails/eye.jpg'"alt="The history"/></a>
<a href="benefits.html"><img id="shoe" src="images/thumbnails/shoe.jpg" onmouseover="this.src='images/thumbnails/shoeBW.jpg'" onmouseout="this.src='images/thumbnails/shoe.jpg'"alt="The history"/></a>
</div>
</div>
<div id="key">
<h1>¡Este infográfico es interactivo! Dale click a los íconos:</h1>
<p>Ojos: Un vistazo sobre el programa de Acción Diferida para los Llegados en la Infancia (DACA)</p>
<p>Corazón: Los dreamers te cuentan por qué este tema es tan sensible para ellos</p>
<p>Reloj: Igualdad en la educación ha sido una lucha para los dreamers de Arizona. Encuentra aquí una cronología de eventos.</p>
<p>Zapatos: El camino de DACA en todo el país. ¿Cómo se comparan los dreamers en Arizona con los soñadores de otros estados donde hay una alta población de indocumentados?</p>
</div>
<a class="about" href="about_us.html">About us!</a>
</body>
</html>