-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
225 lines (188 loc) · 10.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
<!-- saved from url=(0030)http://volteck.net/candidatos/ -->
<!DOCTYPE html lang="es" xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<script async src="http://www.google-analytics.com/analytics.js"></script>
<script type="text/javascript">
window["_gaUserPrefs"] = { ioo : function() { return true; } }
</script><head>
<title>Y VOS, A QUIEN VOTASTE?</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Votá ideas, no personas, votá al Partido de la Red. @partidodelared">
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Tinos:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="http://volteck.net/candidatos/favicon.ico">
<script type="text/javascript" src="js/jquery.min.js"> </script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript" src="js/script.js"> </script>
<script type="text/javascript">var switchTo5x=true;</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-44819939-1', 'aquienvotaste.com.ar');
ga('send', 'pageview');
</script>
</head>
<body>
<div id="about" class="transition">?</div>
<div id="foot" class="transition">
Idea por <a href="https://twitter.com/gvilarino">Guido Vilariño</a>, realizado por <a href="https://twitter.com/martinvol">Martín Volpe</a> y <a href="https://twitter.com/fvilledary">Federico Villedary</a> para <a href="http://partidodelared.org">El Partido de la Red</a>. Esta aplicación no registra ni almacena tu interacción, podés ver el código <a href="https://github.com/martinvol/aquienvotaste">acá</a>.
</div>
<div id="wrap">
<div class="container" id="content">
<h1 id="titulo">Y VOS, A QUIEN VOTASTE?</h1>
<h2 id="subtitulo">Repasemos las elecciones pasadas</h2>
<div class="seccionesContainer">
<div class="transition seccionIcon highlight">1</div>
<div class="transition seccionIcon">2</div>
<div class="transition seccionIcon">3</div>
</div>
<div class="seccionesResultados">
<div style="display:none">
<div class="transition seccionIcon">1</div><div class="mensajeSeccion"></div>
</div>
<div style="display:none">
<div class="transition seccionIcon">2</div><div class="mensajeSeccion"></div>
</div>
<div style="display:none">
<div class="transition seccionIcon">3</div><div class="mensajeSeccion"></div>
</div>
</div>
<div class="candidatos">
<div style="height:313px;">
<div id="c1">
<div class="tituloSeccionCandidatos">¿A quien votaste en las últimas PASO para diputado?</div>
<ul class="horizontal-style">
<li class="color transition" ver="1">
<div style="background-image:url(images/candidatos/Bergman.jpg)" class="img-cand"></div>
<div class="box_related">
<span class="black_text">Sergio Bergman</span>
</div>
</li>
<li class="color transition" ver="1">
<div style="background-image:url(images/candidatos/caban.jpg)" class="img-cand" alt="Juan Cabandié"></div>
<div class="box_related">
<span class="black_text">Juan Cabandié</span>
</div>
</li>
<li class="color transition" ver="1">
<div style="background-image:url(images/candidatos/Elisa.jpg)" class="img-cand"></div>
<div class="box_related">
<span class="black_text">Elisa Carrió</span>
</div>
</li>
<li class="color transition" ver="1">
<div style="background-image:url(images/candidatos/lousteau.jpg)" class="img-cand"></div>
<div class="box_related">
<span class="black_text">Martín Lousteau</span>
</div>
</li>
</ul>
</div>
<div id="c2" ahor="¿Y para diputados en el 2011?">
<div class="tituloSeccionCandidatos">¿Y para senador en el 2011?</div>
<ul class="horizontal-style">
<li class="color transition" ver="0">
<div style="background-image:url(images/candidatos/Gabriela-Michetti.jpg)" class="img-cand" explic="Era candidata a diputada, no a senadora." nm="Gabriela Michetti"></div>
<div class="box_related">
<span class="black_text">Gabriela Michetti</span>
</div>
</li>
<li class="color transition" ver="1">
<div style="background-image:url(images/candidatos/rfeletti.jpg)" class="img-cand" alt="Roberto Feletti" explic="Era candidato a diputado, no a senador." nm="Roberto Feletti"></div>
<div class="box_related">
<span class="black_text">Roberto Feletti</span>
</div>
</li>
<li class="color transition" ver="1">
<div style="background-image:url(images/candidatos/redrado.jpeg)" class="img-cand" alt="Martín Redrado" explic="Era candidato a diputado, no a senador." nm="Martín Redrado"></div>
<div class="box_related">
<span class="black_text">Martín Redrado</span>
</div>
</li>
<li class="color transition" ver="1">
<div style="background-image:url(images/candidatos/lozano.jpg)" class="img-cand" alt="Claudio Lozano" explic="Era candidato a diputado, no a senador." nm="Claudio Lozano"></div>
<div class="box_related">
<span class="black_text">Claudio Lozano</span>
</div>
</li>
</ul>
</div>
<div id="c3" ahor="¿Y para senadores en el 2007? ¿Te acordás?">
<div class="tituloSeccionCandidatos">¿Y para diputados en el 2007? ¿Recordás?</div>
<ul class="horizontal-style">
<li class="color transition" ver="1">
<div style="background-image:url(images/candidatos/estenssoro_390.JPG)" class="img-cand" alt="María Eugenia Estenssoro" explic="Era candidata a senadora, no a diputada." nm="María E. Estenssoro"></div>
<div class="box_related">
<span class="black_text" style="font-size: 14px; line-height: 16px;">María E. Estenssoro</span>
</div>
</li>
<li class="color transition" ver="0">
<div style="background-image:url(images/candidatos/nestor_kirchner_.jpg)" class="img-cand" alt="Néstor Kirchner" explic="No era candidato!" nm="Néstor Kirchner"></div>
<div class="box_related">
<span class="black_text">Néstor Kirchner</span>
</div>
</li>
<li class="color transition" ver="0">
<div style="background-image:url(images/candidatos/pino_solanas.jpg)" alt="Fernando \"Pino\" Solanas" class="img-cand" explic="Era candidato a presidente, no a diputado." nm="Pino Solanas"></div>
<div class="box_related">
<span class="black_text">Pino Solanas</span>
</div>
</li>
<li class="color transition" ver="0">
<div style="background-image:url(images/candidatos/jorge_altamira.jpg)" class="img-cand" alt="Jorge Altamira" explic="No era candidato!" nm="Jorge Altamira"></div>
<div class="box_related">
<span class="black_text">Jorge Altamira</span>
</div>
</li>
</ul>
</div>
</div>
<div id="boton">
<button id="botonOtro" class="btn del">Voté a otro</button>
<button id="botonNoMeAcuerdo" class="btn del">No me acuerdo</button>
</div>
</div>
<div id="c4">
<div id="reempla">
<div id="errores">
<ul id="erroresl">
<ul>
</ul>
</ul>
</div>
</div>
</div>
<div id="c5" style="display:none;">
<div style="height: auto; width: auto;">
<a id="mas" href="http://partidodelared.org">
<div style="background-image: url(images/logo_horizontal_trans_171.png);" alt="Partido de a red" class="img-logo"></div></a>
</div>
<div id="texto1">¿Y si empezamos a votar ideas, en vez de personas?</div>
<div id="texto2">Esta vez, cortemos boleta para no olvidarnos</div>
<div style="margin: 2px; margin-bottom:0; opacity: .9;">
<iframe id="video" style="display:none; background-color:#BEC7CD;" width="630" height="355" src="" frameborder="0" allowfullscreen></iframe>
</div>
<div id="botonesNetwork" style="display:none; text-align:center;">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style" style="float:left; clear:both; padding:5px;">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_email"></a>
<a class="addthis_button_compact"></a><a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4e4bb98046b328b3"></script>
<!-- AddThis Button END -->
<a href="http://partidodelared.org/"><div class="pagPDR transition">WEB DEL PDR</div></a>
</div>
</div>
</div>
</div>
</body>
</html>