-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (129 loc) · 8.74 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"><meta name="author" content="@elnomoteta">
<title>Hackathon FOPEA 9 y 10 de mayo 2014</title>
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/rst.css" rel="stylesheet" type="text/css">
<link href="assets/css/code.css" rel="stylesheet" type="text/css">
<link href="assets/css/colorbox.css" rel="stylesheet" type="text/css">
<link href="assets/css/theme.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
<![endif]-->
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">
<link href="css/democracy_style.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- Menubar -->
<div class="navbar navbar-fixed-top" id="navbar">
<div class="navbar-inner">
<div class="container">
<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
<a 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>
</a>
<a class="brand" href=".">
Hackathon FOPEA 9 y 10 de mayo 2014
</a>
<!-- Everything you want hidden at 940px or less, place within here -->
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href=".">Inicio</a></li>
<li><a href="como-llegar">Cómo llegar</a></li>
<!-- <li><a href="datos">Datos y Códigos</a></li>-->
</ul>
<ul class="nav pull-right"><li>
<a target="_blank" href="http://congresodigitalfopea.com" id="sourcelink">Congreso FOPEA</a>
</li>
</ul></div>
</div>
</div>
</div>
<!-- End of Menubar -->
<div class="container-fluid" id="container-fluid">
<!--Body content-->
<div class="row-fluid">
<div class="span2"></div>
<div class="span8">
<h1>Hackathon FOPEA</h1>
<div class="sidebar">
<p class="first sidebar-title">Tweets</p>
<div class="last">
<a class="twitter-timeline" href="https://twitter.com/search?q=%23congresoFOPEA" data-widget-id="462223806820392960">Tweets about "#congresoFOPEA"</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>
<p> <b> Sobre el hackathon </b> </p>
<p> La información sobre el hackathon se encuentra <a target="_blank" href="http://congresodigitalfopea.com/hackaton/">aquí</a> </p>
<p> Puedes ver el panel de proyectos <a target="_blank" href="http://fopea2014.hackdash.org">aqui</a> </p>
<h1>Proyectos terminados</h1>
<p>[TERMINADO] <b>Saqueos en Córdoba</b></p>
<img src='assets/img/saqueos.png' style='float:left; padding:9px; max-width: 200px;' />
<p>
Saqueos en Córdoba fue creada durante el Hackatón del Congreso de FOPEA realizado en Córdoba en mayo de 2014.<br/>
Consta de dos visualizaciones basadas en sucesos de la ciudad de Córdoba en los primeros días de diciembre de 2013.<br/>
<br/>
<br/>1. Un mapa extendido de incidentes reportados según publicara La Voz del Interior, clasificando según el tipo de suceso, sobre una capa temática mostrando el porcentaje de personas con estudios universitarios completos por radio censal según el Censo 2010 a fines de contextualización.
<br/>2. Una línea de tiempo de los eventos clave a partir de las protestas de efectivos policiales que paralizaron la seguridad pública en la ciudad.
<br/>Mapa creado por Andy Tow con Google FusionTables.
<br/>Cartografía censal cortesía de Iván Torre.
<br/>Datos por radio liberados con código desarrollado por Manuel Aristarán.
<br/>
Línea de tiempo creada por Elena Brizuela con Timeline.js
</p>
<p>Puede verse aqui: <a target='_blank' href='http://hackathonfopea.github.io/saqueos-en-cordoba'>hackathonfopea.github.io/saqueos-en-cordoba</a></p>
<p>Ver el código aqui: <a target='_blank' href='https://github.com/HackathonFOPEA/saqueos-en-cordoba'>github.com/HackathonFOPEA/saqueos-en-cordoba</a></p>
<h1>Datos y códigos para usar</h1>
<hr>
<p>[DATOS]<b> Datos de Córdoba en junar.com</b></p>
<img src='assets/img/opendatacordoba.png' style='float:left; padding:9px; max-width: 200px;' />
<p>Puede verse aqui: <a target='_blank' href='http://cordoba.opendata.junar.com'>cordoba.opendata.junar.com</a></p>
<p> Los datos fueron extraidos del <a target='blank' href='http://estadistica.cba.gov.ar'>sitio de estadísticas de Córdoba</a>
y posprocesados para colocar en la plataforma Junar </p>
<p> Como los datos son mas de 400 sets solo se colocaron algunos. Si alguien desea colaborar con este proceso puede
descargar TODOS los datos crudos desde <a target='_blank' href='https://drive.google.com/folderview?id=0B9saNutQ5ZYhSXNJMll5TWl3S3M&usp=sharing'>aqui</a></p>
<hr>
<p>[CODIGO] <b>Municipios de Córdoba</b></p>
<img src='assets/img/municipios-en-conflicto.png' style='float:left; padding:9px; max-width: 200px;' />
<p> Los radios municipales de Córdoba estan en conflicto, al parecer más del, 50% del territorio no
pertenece a ningún municipio</p>
<p> Muchas de esas tierras son productivas ¿A quién le pagan impuestos municipales?</p>
<p>Puede verse aqui: <a target='_blank' href='http://hackathonfopea.github.io/radios-municipales-de-cordoba'>hackathonfopea.github.io/radios-municipales-de-cordoba</a></p>
<p>Ver el código aqui: <a target='_blank' href='https://github.com/HackathonFOPEA/radios-municipales-de-cordoba'>github.com/HackathonFOPEA/radios-municipales-de-cordoba</a></p>
<hr>
<p>[CODIGO] <b>Datos del censo 2010</b></p>
<img src='assets/img/censo2010cordoba.png' style='float:left; padding:9px; max-width: 200px;' />
<p>Datos del censo 2010 a nivel de radio censal. Incluye el código y los datos en formato geojson</p>
<p>Permite la visualización por mapa de calor de cada una de las variables tomadas en el censo. Tambien puede verse en modo
de burbujas con tamaño segun variables.</p>
<p>Mas info en <a target="_blank" href="http://andresvazquez.com.ar/blog/cordoba-a-nivel-de-radio-censal/">este post</a></p>
<p>Puede verse aqui: <a target='_blank' href='http://hackathonfopea.github.io/CensoCordoba2010'>hackathonfopea.github.io/CensoCordoba2010</a></p>
<p>Ver el código aqui: <a target='_blank' href='https://github.com/HackathonFOPEA/CensoCordoba2010'>github.com/HackathonFOPEA/CensoCordoba2010</a></p>
<hr>
</div>
</div>
<!--End of body content-->
</div>
<div class="footerbox">
Contents © 2013 <a href="mailto:[email protected]">@elnomoteta</a> - Powered by <a href="http://getnikola.com">Nikola</a>
</div>
<script src="assets/js/jquery-1.10.2.min.js" type="text/javascript"></script><script src="assets/js/bootstrap.min.js" type="text/javascript"></script><script src="assets/js/jquery.colorbox-min.js" type="text/javascript"></script><!-- Social buttons --><div id="addthisbox" class="addthis_toolbox addthis_peekaboo_style addthis_default_style addthis_label_style addthis_32x32_style">
<a class="addthis_button_more">Share</a>
<ul><li><a class="addthis_button_facebook"></a>
</li><li><a class="addthis_button_google_plusone_share"></a>
</li><li><a class="addthis_button_linkedin"></a>
</li><li><a class="addthis_button_twitter"></a>
</li></ul></div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f7088a56bb93798"></script><!-- End of social buttons --><script type="text/javascript">jQuery("a.image-reference").colorbox({rel:"gal",maxWidth:"100%",maxHeight:"100%",scalePhotos:true});
$(window).on('hashchange', function(){
if (location.hash && $(location.hash)[0]) {
$('body').animate({scrollTop: $(location.hash).offset().top - $('#navbar').outerHeight(true)*1.2 }, 1);
}
});
$(document).ready(function(){$(window).trigger('hashchange')});
</script></body></html>