index.html 8.05 KB
Newer Older
numeroteca's avatar
numeroteca committed
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
<!DOCTYPE html>
<html dir="ltr" lang="es-ES">

<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Abstención</title>

<!-- Fonts -->
<link href="fonts/style.css" rel="stylesheet">
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<!-- generic meta -->
<meta content="Montera34" name="author" />
<meta content="Abstención" name="description" />
<meta content="Abstención" name="keywords" />
<!-- facebook meta -->
<meta property="og:title" content="Efecto Airnbnb" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Un análisis gráfico de la abstención" />
<meta name="og:image" content="https://lab.montera34.com/airbnb/images/top.bg.png" />
<meta property="og:url" content="https://lab.montera34.com/airbnb/" /> 
<!-- twitter meta -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@montera34">
<meta property="twitter:site:id" content="137677992" />
<meta name="twitter:title" content="Efecto Airnbnb" />
<meta name="twitter:description" content="Un análisis gráfico de la abstención" />
<meta name="twitter:creator" content="@montera34">
<meta name="twitter:image" content="https://lab.montera34.com/airbnb/images/top.bg.png" />

<link href="style.css" rel="stylesheet">

<link type="image/x-icon" href="favicon.ico" rel="shortcut icon" />
<link type="image/png" sizes="256x256" href="favicon.png" rel="icon" />

</head>

<body>

<header role="banner">
	<nav id="top-navbar" class="navbar navbar-default navbar-fixed-top" role="navigation">
	<div class="container-fluid">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#top-navbar-collapse" aria-expanded="false">
				<span class="sr-only">mostrar/ocultar menú</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="https://lab.montera34.com/abstencion/">Abstención</a>
		</div>
		<div class="collapse navbar-collapse" id="top-navbar-collapse">
			<ul class="nav navbar-nav nabvar-left">
				<li><a href="#informes">Primeros análisis</a></li>
			</ul>
		</div>
	</div>
	</nav>
</header>

<div id="top" class="bgimg top-airbnb">
	<div class="bginner container-fluid">
		<div class="bgcontainer">
			<header class="col-md-12">
				<h1>Abstención</h1>
			</header>
			<div class="col-md-6">
				<p>Empezamos aquí una exploración visual de la abstención.</p>
			</div>
			<div class="col-md-3">
				<p>¿Tienes preguntas, sugerencias, comentarios, propuestas?</p>
				<p><a class="vis-btn" href="https://montera34.com/contacto">Contáctanos</a></p>
			</div>
			<div class="col-md-3">
				<p>¿Quieres estar informado sobre futuros talleres y actividades de Montera34?</p>
				<p><a class="vis-btn" href="https://montera34.com/suscribete">Suscríbete a la newsletter</a></p>
			</div>
		</div>
	</div>
</div>

<main class="container">

	<section id="informes" class="vis-item">
numeroteca's avatar
numeroteca committed
95 96
	    <header class="row vis-head">
			<h3 class="col-md-10 col-md-offset-1">Primeros informes sobre abstención</h3>
numeroteca's avatar
numeroteca committed
97 98
		</header>
		<div class="row vis-body bigspacetop">
numeroteca's avatar
numeroteca committed
99 100 101 102
			<div class="col-md-5 col-md-offset-1">
		        <p>Esta primera tanda de informes son las primeras exploraciones sobre los datos de abstención en elecciones. Iremos añadiendo nuevos territorios y visualizaciones.</p>
			    <p>Los datos han sido descargados gracias a la librería de R <a href="https://github.com/hmeleiro/elecciones">elecciones</a> de <a href="https://twitter.com/hmeleiros">@meneos</a> y visualizados con una serie de <a href="https://code.montera34.com/abstencion/abstencion/">scripts de R</a>.</p>
			    <table class="table table-condensed table-hover">
numeroteca's avatar
numeroteca committed
103 104 105 106 107
                    <thead>
					    <tr>
						    <th>Lugar</th>
						    <th>Tipo</th>
						    <th>Fecha</th>
numeroteca's avatar
numeroteca committed
108
						    <th>Interactivo</th>
numeroteca's avatar
numeroteca committed
109 110 111 112 113 114 115
					    </tr>
				    </thead>
				    <tbody>
				        <tr>
						    <td><strong>Bizkaia - Vizcaya</strong></td>
						    <td></td>
						    <td></td>
numeroteca's avatar
numeroteca committed
116
						    <td></td>
numeroteca's avatar
numeroteca committed
117 118 119 120 121
					    </tr>
					    <tr>
						    <td><a href="informes/bilbao-municipal-2015.html">Bilbao</a></td>
						    <td>Municipales</td>
						    <td>2015</td>
numeroteca's avatar
numeroteca committed
122
						    <td><a href="https://numeroteca.shinyapps.io/abstencionmapbilbao/">Interactivo</a></td>
numeroteca's avatar
numeroteca committed
123 124 125 126 127
					    </tr>
					    <tr>
						    <td><a href="informes/getxo-municipal-2015.html">Getxo</a></td>
						    <td>Municipales</td>
						    <td>2015</td>
numeroteca's avatar
numeroteca committed
128
						    <td></td>
numeroteca's avatar
numeroteca committed
129 130 131 132 133
					    </tr>
					    <tr>
						    <td><strong>Gipuzkoa - Guipúzcoa</strong></td>
						    <td></td>
						    <td></td>
numeroteca's avatar
numeroteca committed
134
						    <td></td>
numeroteca's avatar
numeroteca committed
135 136 137 138 139
					    </tr>
					    <tr>
						    <td><a href="informes/donostia-municipal-2015.html">Donostia - San Sebastián</a></td>
						    <td>Municipales</td>
						    <td>2015</td>
numeroteca's avatar
numeroteca committed
140
						    <td></td>
numeroteca's avatar
numeroteca committed
141
					    </tr>
142 143 144 145
					    <tr>
						    <td><a href="informes/errenteria-municipal-2015.html">Errenteria</a></td>
						    <td>Municipales</td>
						    <td>2015</td>
numeroteca's avatar
numeroteca committed
146
						    <td></td>
numeroteca's avatar
numeroteca committed
147 148 149 150 151
					    </tr>
					    <tr>
						    <td><strong>Araba - Álava</strong></td>
						    <td></td>
						    <td></td>
numeroteca's avatar
numeroteca committed
152
						    <td></td>
numeroteca's avatar
numeroteca committed
153 154 155 156 157
					    </tr>
					    <tr>
						    <td><a href="informes/vitoria-municipal-2015.html">Vitoria - Gasteiz</a></td>
						    <td>Municipales</td>
						    <td>2015</td>
numeroteca's avatar
numeroteca committed
158
						    <td><a href="https://numeroteca.shinyapps.io/abstencionmapvitoria">Interactivo</a></td>
numeroteca's avatar
numeroteca committed
159 160 161 162 163 164
					    </tr>
				    </tbody>
				</table>
			</div>
		</div>

165 166 167 168 169 170 171 172 173 174 175 176
	</section>
	<section id="interactivo" class="vis-item">
	    <header class="row vis-head">
			<h3 class="col-md-10 col-md-offset-1">Interactivos</h3>
		</header>
		<div class="row vis-body bigspacetop">
			<div class="col-md-9 col-md-offset-1">
		        <figure><a href="https://numeroteca.shinyapps.io/abstencionmapbilbao/"><img src="images/abstencio-bilbao-interactivo.png" alt="Visualización interactiva elecciones Bilbao" class="img-responsive" /></a></figure>
		        <p><a href="https://numeroteca.shinyapps.io/abstencionmapbilbao/">Visualización interactiva de la abstención en Bilbao en las elecciones municipales de 2015</a>.</p>
			</div>
		</div>
	</section>
numeroteca's avatar
numeroteca committed
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
		
</main>

<footer id="bottom">
	<div class="container">
	<div class="row">
		<div class="col-md-3">
			<ul class="list-inline">
				<li><img src="images/m34.logo.png" alt="Logo Montera34" /></li>
			</ul>
			<p><small>Este proyecto es una iniciativa de <a href="https://montera34.com">Montera34</a> y Zubiak Eraikiz.</small></p>
		</div>
		<div class="col-md-3">
			<p><img src="images/cc.logo.png" alt="Logos Creative Commons" /></p>
			<p><small>El contenido de los informes está disponible bajo licencia <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Reconocimiento-CompartirIgual 4.0 Internacional</a>.</small></p>
		</div>
		<div class="col-md-3">
			<p><img src="images/code.logo.png" alt="Logo código" /></p>
			<p><small>Los datos de abstención de los territorios que hemos analizado pueden descargarse de la <a href="https://wiki.bilbaodatalab.org/abstencion">wiki</a>.<br>El código de los informes está también <a href="https://code.montera34.com/abstencion/abstencion/">disponible bajo licencia GNU GPL3</a>.</small></p>
		</div>
		<div class="col-md-3">
			<p><img src="images/net.logo.png" alt="Logo red Abstención" /></p>
			<p><small>Abstención en:</small></p>
			<ul class="list-unstyled">
				<li>Próximamente</li>
			</ul>	
		</div>

	</div>
	</div>
</footer>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="stats.js"></script>

</body>
</html>