This repository has been archived by the owner on Oct 10, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
292 lines (281 loc) · 20.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
290
291
292
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Estadão Dados: Ringue2014</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="robots" content="index">
<meta name="creator" content="Diego Rabatone Oliveira">
<meta name="creator" content="Amanda Rossi">
<meta name="creator" content="José Roberto Toledo">
<meta name="creator" content="Daniel Bramatti">
<meta name="creator" content="Estadão Dados">
<meta name="creator" content="Estadão.com.br">
<meta property="og:site_name" content="Estadão Dados">
<meta property="og:locale" content="pt_BR">
<!-- meta tags específicas de cada projeto -->
<meta name="author" content="Diego Rabatone Oliveira"> <!-- A pessoa responsável pelo desenvolvimento deste arquivo -->
<meta name="DC.creator " content="Diego Rabatone Oliveira"> <!-- Desenvolvedor da página -->
<meta name="DC.creator.address" content="[email protected]"> <!-- email do autor da página -->
<meta name="application-name" content="Eleições 2012"> <!-- O nome desta aplicação -->
<meta name="description" content="Ringue 2014 - Pesquisas eleitorais"> <!-- Descrição curta e precisa do conteúdo desta página -->
<meta name="keywords" content="dados abertos, opendata"> <!-- Palavras reletantes relativas ao conteúdo dessa página. Em formato texto e separadas por vírgula. -->
<meta property="og:title" content="Estadão Dados: Ringue 2014"/>
<meta property="og:url" content="http://blog.estadaodados.com/ringue2014"/> <!-- ex: http://estadaodados.com/html/coligacoes/ -->
<meta property="og:image" content="http://estadaodados.com/html/base/imgs/logo_estadao_dados.png"/> <!-- imagem que aparecerá no facebook quando o site for compartilhado -->
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/estadao.css" rel="stylesheet">
<link href="css/estadao.dados.css" rel="stylesheet">
<!--link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /-->
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="imgs/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="imgs/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="imgs/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="imgs/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="imgs/favicon.png">
</head>
<body>
<header>
<nav class="navbar navbar-inverse navbar-fixed-top">
<!-- Barra Estadão Parceiros --><div id="containerEstadaoParceiros"><center><div id="barraEstadaoParceiros"><a href="http://www.estadao.com.br/" target="_top" title="Estadão.com.br" class="lgBarraEstadaoParceiros"><img src="imgs/estadaocombr.png" border="0" alt="Estadão.com.br" target="_top" title="Estadão.com.br"></a><ul><li class="itemBarraEstadaoParceiros"><a href="http://politica.estadao.com.br/" target="_top" title="POLÍTICA">POLÍTICA</a></li><li class="itemBarraEstadaoParceiros"><a href="http://economia.estadao.com.br/" target="_top" title="ECONOMIA">ECONOMIA</a></li><li class="itemBarraEstadaoParceiros"><a href="http://www.estadao.com.br/internacional/" target="_top" title="INTERNACIONAL">INTERNACIONAL</a></li><li class="itemBarraEstadaoParceiros"><a href="http://www.estadao.com.br/esportes/" target="_top" title="ESPORTES">ESPORTES</a></li><li class="itemBarraEstadaoParceiros"><a href="http://link.estadao.com.br/" target="_top" title="TECNOLOGIA">TECNOLOGIA</a></li><li class="itemBarraEstadaoParceiros"><a href="http://divirta-se.estadao.com.br/" target="_top" title="DIVIRTA-SE">DIVIRTA-SE</a></li><li class="itemBarraEstadaoParceiros"><a href="http://pme.estadao.com.br/" target="_top" title="PME">PME</a></li><li class="itemBarraEstadaoParceiros"><a href="http://www.estadao.com.br/opiniao/" target="_top" title="OPINIÃO">OPINIÃO</a></li><li class="itemBarraEstadaoParceiros"><a href="http://radio.estadao.com.br/" target="_top" title="RÁDIO">RÁDIO</a></li><li class="itemBarraEstadaoParceiros"><a href="http://www.jt.com.br/" target="_top" title="JT">JT</a></li><li class="itemBarraEstadaoParceiros"><a href="http://www.territorioeldorado.limao.com.br/" target="_top" title="ELDORADO">ELDORADO</a></li><li class="itemBarraEstadaoParceiros"><a href="http://www.estadao.com.br/blogs/" target="_top" title="BLOGS">BLOGS</a></li><li class="itemBarraEstadaoParceiros"><a class="lastItemBarra" href="http://topicos.estadao.com.br/" target="_top" title="TÓPICOS">TÓPICOS</a></li></ul></div></center></div><!-- barra Estadão Parceiros -->
<div class="navbar-inner" id="nav-edados">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="#"><img src="imgs/logo_estadao_dados.png" id="estadao_dados" title="Estadão Dados"/></a>
<div class="nav-collapse collapse">
<ul class="nav nav-edados">
<li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">
Projetos
<b class="caret"></b>
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<!--START_MENU_ITENS-->
<li role="presentation"><a href="/basometro">Basômetro</a></li>
<li role="presentation"><a href="/biomas2012">Biomas 2012</a></li>
<li role="presentation"><a href="/coligacoes">Coligações</a></li>
<li role="presentation"><a href="/cotas">Cotas</a></li>
<li role="presentation"><a href="/cruzador">Cruzador de Opiniões</a></li>
<li role="presentation"><a href="/fuvest2013">Fuvest 2013</a></li>
<li role="presentation"><a href="/eleicoes2012">Eleições 2012</a></li>
<li role="presentation"><a href="/ideb">IDEB</a></li>
<li role="presentation"><a href="/intencaodevoto">Intenção de Voto</a></li>
<li role="presentation"><a href="/perfil_eleitorado">Perfil do Eleitorado</a></li>
<li role="presentation"><a href="/piramide_eleitoral">Pirâmide Eleitoral</a></li>
<li role="presentation"><a href="/quespvcquer">Que SP vc quer?</a></li>
<li role="presentation"><a href="/religiao">Religiões</a></li>
<li role="presentation"><a href="/ringue2014">Ringue 2014</a></li>
<li role="presentation"><a href="/santamaria">Santa Maria</a></li>
<li role="presentation"><a href="/saopauloquebalanca">São Paulo que balança</a></li>
<!--END_MENU_ITENS-->
</ul>
</li>
<li><a href="http://blog.estadaodados.com">Blog</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</nav> <!-- Fim da barra de navegação do Estadão Dados -->
<!-- Cabeçalho -->
<div class="row-fluid text-center well titulo-header">
<div class="span10 offset1">
<h3>Arraste os pré-candidatos para o ringue de 2014</h3>
<h4>Potencial de voto de cada um dos presidenciáveis, segundo o Ibope</h4>
</div>
<div class="span1" id="social_sharing">
<div class="fb-like" data-href="http://estadaodados.com/ringue2014" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://estadaodados.com/ringue2014" data-via="estadaodados" data-lang="pt" data-hashtags="estadaodados">Tweetar</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<script>(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
</div>
</div>
</header>
<!-- Conteúdo Principal -->
<section id="main-content">
<div class="row-fluid">
<aside id="fotos" class="span1">
<ul class="thumbnails" id="sortable">
<li class="span12 text-center draggable">
<span id="dilma" title="Dilma Rousseff" class="cand">
<span class="nomepol text-center">Dilma Rousseff</span>
<img alt="Dilma Rousseff" title="Dilma Rousseff" data-toggle="tooltip" data-placement="right" src="imgs/dilma.jpg" class="img-rounded"/>
</span>
</li>
<li class="span12 text-center draggable">
<span id="marina" title="Marina Silva" class="cand">
<span class="nomepol text-center">Marina Silva</span>
<img alt="Marina Silva" title="Marina Silva" data-toggle="tooltip" data-placement="right" src="imgs/marina.jpg" class="img-rounded"/>
</span>
</li>
<li class="span12 text-center draggable">
<span id="aecio" title="Aécio Neves" class="cand">
<span class="nomepol text-center">Aécio Neves</span>
<img alt="Aécio Neves" title="Aécio Neves" data-toggle="tooltip" data-placement="right" src="imgs/aecio.jpg" class="img-rounded"/>
</span>
</li>
<li class="span12 text-center draggable">
<span id="eduardo" title="Eduardo Campos" class="cand">
<span class="nomepol text-center">Eduardo Campos</span>
<img alt="Eduardo eduardo" title="Eduardo eduardo" data-toggle="tooltip" data-placement="right" src="imgs/campos.jpg" class="img-rounded"/>
</span>
</li>
<li class="span12 text-center draggable oculto">
<span id="serra" title="José Serra" class="cand">
<span class="nomepol text-center">José Serra</span>
<img alt="José Serra" title="José Serra" data-toggle="tooltip" data-placement="right" src="imgs/serra.jpg" class="img-rounded"/>
</span>
</li>
<li class="span12 text-center draggable oculto">
<span id="barbosa" title="Joaquim Barbosa" class="cand">
<span class="nomepol text-center">Joaquim Barbosa</span>
<img alt="Joaquim Barbosa" title="Joaquim Barbosa" data-toggle="tooltip" data-placement="right" src="imgs/joaquim.jpg" class="img-rounded"/>
</span>
</li>
<li class="span12 text-center draggable oculto">
<span id="gabeira" alt="Fernando Gabeira" title="Fernando Gabeira" class="cand">
<span class="nomepol text-center">Fernando Gabeira</span>
<img title="Fernando Gabeira" alt="Fernando Gabeira" data-toggle="tooltip" data-placement="right" src="imgs/gabeira.jpg" class="img-rounded"/>
</span>
</li>
</ul>
</aside> <!-- fotos -->
<article class="span11" id="comparativo">
<!-- confrontantes -->
<div class="row-fluid" id="confrontantes">
<div class="span2 text-center" id="filtro-esq">
<div class="row-fluid text-center">
<select id="selecao_pesquisa_esquerda" class="span12 text-center" onChange="altera_filtro('esquerda','pesquisa',this);">
</select>
</div>
<div class="row-fluid text-center">
<select id="selecao_filtro_esquerda" class="span12 text-center" onChange="altera_filtro('esquerda','pergunta',this);">
<optGroup label="Região">
<option value="reg-br">Brasil</option>
<option value="reg-ne">Nordeste</option>
<option value="reg-nco">Norte e Centro-Oeste</option>
<option value="reg-se">Sudeste</option>
<option value="reg-s">Sul</option>
</optGroup>
<optGroup label="Escolaridade">
<option value="esc-fund1">Fundamental</option>
<option value="esc-fund2">5ª a 8ª série</option>
<option value="esc-med">Ensino Médio</option>
<option value="esc-sup">Ensino Superior</option>
</optGroup>
<optGroup label="Renda (SM)">
<option value="renda-1sm">Até 1</option>
<option value="renda-2sm">Mais de 1 a 2</option>
<option value="renda-5sm">Mais de 2 a 5</option>
<option value="renda-m5sm">Mais de 5</option>
</optGroup>
<optGroup label="Porte do Município (Habitantes)">
<option value="porte-20mil">Cidades com até 20 mil</option>
<option value="porte-20-a-100mil">Cidades de 20 a 100 mil</option>
<option value="porte-100mil">Cidades com mais de 100 mil</option>
</optGroup>
</select>
</div>
</div>
<div class="span3 well text-center droppable placeholder" id="cand-esq"></div>
<div class="span2 text-center" id="versus">
X
</div>
<div class="span3 well text-center droppable placeholder" id="cand-dir"></div>
<div class="span2 text-center" id="filtro-dir">
<div class="row-fluid text-center">
<select id="selecao_pesquisa_direita" class="span12 text-center" onChange="altera_filtro('direita','pesquisa',this);">
</select>
</div>
<div class="row-fluid text-center">
<select id="selecao_filtro_direita" class="span12 text-center" onChange="altera_filtro('direita','pergunta',this);">
<optGroup label="Região">
<option value="reg-br">Brasil</option>
<option value="reg-ne">Nordeste</option>
<option value="reg-nco">Norte e Centro-Oeste</option>
<option value="reg-se">Sudeste</option>
<option value="reg-s">Sul</option>
</optGroup>
<optGroup label="Escolaridade">
<option value="esc-fund1">Fundamental</option>
<option value="esc-fund2">5ª a 8ª série</option>
<option value="esc-med">Ensino Médio</option>
<option value="esc-sup">Ensino Superior</option>
</optGroup>
<optGroup label="Renda (SM)">
<option value="renda-1sm">Até 1</option>
<option value="renda-2sm">Mais de 1 a 2</option>
<option value="renda-5sm">Mais de 2 a 5</option>
<option value="renda-m5sm">Mais de 5</option>
</optGroup>
<optGroup label="Porte do Município (Habitantes)">
<option value="porte-20mil">Cidades com até 20 mil</option>
<option value="porte-20-a-100mil">Cidades de 20 a 100 mil</option>
<option value="porte-100mil">Cidades com mais de 100 mil</option>
</optGroup>
</select>
</div>
</div>
</div>
<!-- graficos -->
<div class="row-fluid" id="graficos">
<div class="span6 well text-center graf-container" id="graf-cand-esq"></div>
<div class="span6 well text-center graf-container" id="graf-cand-dir"></div>
</div>
<!--div class="alert alert-block alert-error fade text-center">
<button type="button" class="close" data-dismiss="alert">×</button>
<h4 class="alert-heading"></h4>
</div-->
</article>
</div>
</section>
<!--aside id="leia_tambem">
<h5>Leia também</h5>
<a href="http://www.estadao.com.br/noticias/nacional,com-preferencia-absoluta-dilma-tem-potencial-de-votos-de-76-aponta-ibope,1012116,0.htm">Dilma tem potencial de votos de 76%, diz Ibope</a><br/>
</aside>
<br/-->
<footer>
<p id="dados_pesquisas">
<small>A margem de erro máxima é de dois pontos porcentuais, para mais ou para menos, em todas as pesquisas.</small>
</p>
<p>Daniel Bramatti, Diego Rabatone, José Roberto de Toledo e Amanda Rossi</p>
<p><b>Grupo Estado</b> • Copyright © 2007-2013 • <a href="http://www.gnu.org/licenses/agpl-3.0.html">Alguns direitos reservados</a></p>
</footer>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script src="js/jquery.ui.touch-punch.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/holder.js"></script>
<script src="js/highcharts.js"></script>
<script src="js/data.js"></script>
<script src="js/exporting.js"></script>
<script src="js/estadaodados.js"></script>
<!-- google analytics -->
<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-35930000-1', 'estadaodados.com'); //Estadão Dados - Todos projetos
ga('create', 'UA-35930000-5', 'auto', {'name': 'ringue2014'}); // Estadão
ga('create', 'UA-166963-4', 'auto', {'name': 'estadao'}); // Estadão
ga('send', 'pageview');
ga('estadao.send', 'pageview');
ga('ringue2014.send','pageview');
</script>
</body>
</html>