This repository has been archived by the owner on Feb 26, 2020. It is now read-only.
forked from scoffey/elegilegi
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
128 lines (121 loc) · 8.09 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
<!DOCTYPE html>
<html>
<head>
<title>elegilegi: un juego para elegir legisladores que votan como vos</title>
<meta property="og:title" content="elegilegi" />
<meta property="og:description" content="Un juego para elegir legisladores que votan como vos" />
<meta property="og:image" content="media/congreso.jpg" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" type="text/css" href="style.css"></link>
<script>if (document.location.hostname == 'scoffey.github.io') document.location.href = 'http://elegilegi.org/';</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
if(window.innerWidth>800){
document.write('<script src="http://d3js.org/d3.v3.min.js"></'+'script>');
}
</script>
</head>
<body>
<div id="heading">
<div class="container">
<h1>elegilegi</h1>
<p class="tagline">un juego para elegir legisladores que votan como vos</p>
<p class="corner"><a id="info" href="javascript:void(0);" title="Acerca de esta aplicación">?</a></p>
</div>
</div>
<div id="about">
<p><em>Cómo funciona</em><p>
<ul>
<li>Cada proyecto de ley tiene 4 votos posibles (<em>afirmativo</em>, <em>negativo</em>, <em>abstención</em> y <em>ausente</em>) y la opción de ser <em>salteado</em>.</li>
<li>Para cada proyecto de ley no salteado, se le asigna 1 <em>coincidencia</em> a cada legislador que haya votado lo mismo que vos y 1 <em>discrepancia</em> a cada legislador cuyo voto sea alguno de los otros 3.</li>
<li>Luego de votar o saltear los proyectos de ley, se muestran las coincidencias y discrepancias obtenidas con cada legislador.</li>
<li>La <em>chance de coincidir</em> se calcula como la cantidad de coincidencias sobre el total de votos del legislador (coincidencias y discrepancias sumadas).</li>
<li>La <em>diferencia</em> se calcula como la resta entre las coincidencias y las discrepancias.</li>
<li>La <em>participación</em> se calcula como el total de votos del legislador (coincidencias y discrepancias sumadas) sobre el total de proyectos no salteados.</li>
<li>La tabla puede ser ordenada por distintas columnas. Se apela al espíritu crítico para interpretar estos resultados.</li>
</ul>
<p>Esta aplicación es de <a href="https://github.com/scoffey/elegilegi/" target="_blank">código abierto</a>. Los <a href="https://www.google.com/fusiontables/DataSource?docid=10UMOJ_ntHgZsy3EJYfoGEHEHGBahhKUuO0_e_BI" target="_blank">datos</a> son de dominio público.</p>
<p>Esta aplicación no registra tus votos ni almacena información personal.</p>
<p>Idea original y desarrollo por <a href="https://twitter.com/scoffey" target="_blank">@scoffey</a>. Datos liberados por <a href="https://twitter.com/andy_tow" target="_blank">@andy_tow</a>.</p>
<p><a href="https://github.com/scoffey/elegilegi#cr%C3%A9ditos" target="_blank">Más créditos</a></p>
<p class="center"><a id="back" class="action" href="javascript:void(0);">Cerrar</a></p>
</div>
<div id="intro">
<ol>
<li><strong>1.</strong> Te presentamos 32 proyectos de ley que se votaron en el Congreso entre 2006 y 2013.</li>
<li><strong>2.</strong> Respondés si hubieras votado a favor, en contra, abstención o ausente. (También podés saltear)</li>
<li><strong>3.</strong> Te mostramos los legisladores que votaron como vos. ¿Serán los que pensás?</li>
</ol>
<p class="center"><a id="start" class="action" href="javascript:void(0);">Comenzar</a></p>
<p class="center news" style="background: #eea; border: 4px solid #ffa; padding: 1em;">Nota: Esta es una versión de prueba compatible con celulares y dispositivos de pantalla pequeña. La versión oficial es la que está en <A href="http://www.elegilegi.org">www.elegilegi.org</a></p>
<p class="center">¿Querés ayudar a un amigo que no sabe qué votar?<br />¡Sos libre de hacer Patria y compartirle este link!<br /><a class="facebook" href="javascript:void(0);">Facebook</a> - <a class="twitter" href="javascript:void(0);">Twitter</a> - <a class="googleplus" href="javascript:void(0);">Google+</a></p>
</div>
<div id="voting">
<p id="project">Proyecto</p>
<p id="summary">Sumario</p>
<p><a id="link" href="javascript:void(0);">Texto completo</a></p>
<p id="date" class="shady">Fecha</p>
<p id="question">¿Votarías a favor de este proyecto?</p>
<ul>
<li><a id="vote-aye" href="javascript:void(0);">SÍ</a></li>
<li><a id="vote-nay" href="javascript:void(0);">NO</a></li>
<li><a id="vote-abstention" href="javascript:void(0);">ABSTENCIÓN</a></li>
<li><a id="vote-absentee" href="javascript:void(0);">AUSENTE</a></li>
<li><a id="vote-skip" href="javascript:void(0);">No sé, paso</a></li>
</ul>
<p id="progress-status" class="shady">Completado: 0 / 32</p>
<p id="progress-bar"><span></span></p>
</div>
<div id="results">
<p>Estos son los legisladores listados por coincidencias y discrepancias con tus votos.</p>
<p class="shady">IMPORTANTE: Podés ordenar los resultados por columna.</p>
<table>
<thead>
<tr>
<td id="name">Legislador</td>
<td class="center" id="chance">Chance de coincidir</td>
<td class="center" id="participation">Participación</td>
<td class="center" id="coincidences">Coincidencias</td>
<td class="center" id="discrepancies">Discrepancias</td>
<td class="center" id="difference">Diferencia</td>
</tr>
</thead>
<tbody id="rows">
</tbody>
</table>
<p>Nota: Sólo se muestran diputados. Tenemos pendiente compilar las votaciones del Senado.</p>
<p><label for="province">Filtrar por distrito: </label><select id="province"></select></p>
<div id="chart"></div>
<p class="center"><a id="reset" class="action" href="javascript:void(0);">Volver a empezar</a></p>
<p class="center">¿Querés ayudar a un amigo que no sabe qué votar?<br />¡Sos libre de hacer Patria y compartirle este link!<br /><a class="facebook" href="javascript:void(0);">Facebook</a> - <a class="twitter" href="javascript:void(0);">Twitter</a> - <a class="googleplus" href="javascript:void(0);">Google+</a></p>
<p class="center"><a href="javascript:void(0);" onclick="$('#what-to-do').slideToggle(200);">¿Querés ver más aplicaciones como esta?</a></p>
<p id="what-to-do" class="center nodisplay">¡Pedile a tus candidatos en campaña que se debatan proyectos como la<br /><a href="http://www1.hcdn.gov.ar/proyxml/expediente.asp?fundamentos=si&numexp=1541-D-2010" target="_blank">Ley de Transparencia, Gobierno Abierto y Acceso a la Información Pública</a>!<br />(En 2012 este proyecto <a href="http://www.lanacion.com.ar/1528367-el-proyecto-de-acceso-a-la-informacion-volveria-a-foja-cero" target="_blank">perdió estado parlamentario</a>.)<br />Contactalos por e-mail, Twitter u otros medios a ver si te responden.</p>
</div>
<script type="text/javascript" src="elegilegi.js"></script>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
_paq.push(["trackPageView"]);
_paq.push(["enableLinkTracking"]);
(function() {
var u=(("https:" == document.location.protocol) ? "https" : "http") + "://www.clinica-web.com.ar/piwik/";
_paq.push(["setTrackerUrl", u+"piwik.php"]);
_paq.push(["setSiteId", "6"]);
var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript";
g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Piwik Code -->
<!-- Piwik Image Tracker -->
<img src="http://www.clinica-web.com.ar/piwik/piwik.php?idsite=6&rec=1" style="border:0" alt="" />
<!-- End Piwik -->
<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-42712446-1', 'elegilegi.org');
ga('send', 'pageview');
</script>
</body>
</html>