/
index.php
206 lines (202 loc) · 10.1 KB
/
index.php
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
<?php include 'header.php'; ?>
<div class="clearfix"></div>
<div class="container-fluid sin-pads margin-top">
<div class="clearfix"></div>
<div class="container sin-pads">
<div class="row">
<div class="col-6">
<img class="logo_center" src="libs/images/logo_center.png" alt="Mapatón Ciudadano" />
</div>
<div class="col-6 titulos">
<h1>Mapeo de rutas</h1>
<h2>para futuras ciudades</h2>
<h3>sostenibles</h3>
</div>
</div></div>
<!-- Noticia MEdium -->
<div id="noticia-medium" class="container">
<p class="note-p">" El crecimiento vehícular en las grandes urbes ocacionan caos urbano tanto climático como social, interesados en aportar mejoras a través de herramientas tecnológicas, hemos creado una metodología y herramientas para comunidades participativas " - <img src="libs/images/logo-medium-gray.png" /></p>
<center>
<a class="go-to" href="https://medium.com/mapat%C3%B3n-ciudadano-en-tu-ciudad" target="_blank">Ver artículo en Medium</a>
</center>
</div>
<!-- Section VIDEO YOUTUBE -->
<div class="container">
<div class="js-video-lead">
<img class="hide fulls" src="libs/images/cover_video.jpg" alt="Kit de mapeo" />
<iframe width="100%" height="480" src="https://www.youtube.com/embed/gffW8ZguNz8?rel=0&" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
<!-- conocenos -->
<div id="conocenos" class="container">
<h3>A través de Mapatón Ciudadano</h3>
<p class="text-regular">Se obtienen datos GTFS del trazado de rutas del transporte público para proyectos viales, estudio de reorganización del servicio urbano, herramientas tecnológicas, entre otros a través de tres perfiles:</p>
<div class="container-conoce">
<div class="mover-derecha">
<h4>Datos centralizados </h4>
<p>Creamos un repositorio en el cual se pueden alojar todas los datos generados de un Mapatón Ciudadano y así construir una base de datos abiertos única del sistema de transporte público. </p>
</div>
<div class="mover-derecha-abajo">
<h4>Formatos libres</h4>
<p>Todos los datos generados son libres buscando generar información de fácil manejo para el desarrollo de propuestas TIC para la ciudadanía. </p>
</div>
<div class="mover-derecha-izq">
<h4>Tecnología y Metodología</h4>
<p>Creamos herramientas tecnológicas y recursos necesarios para llevar a cabo la metodología de mapeo.</p>
</div>
</div>
</div>
<div class="clearfix"></div>
<div id="move-away" class="margin-top"></div>
<hr>
<!-- CIUDADES -->
<div id="ciudades" class="">
<h3><img src="libs/images/titulo-pointer.png" />Tu Ciudad podría ser la próxima</h3>
<div class="back-full-green">
<div class="container-background">
<div class="mover-derecha-izq-ciudades">
<h4>Mapatón Ciudadano Xalapa 2016</h4>
<p>Fue una serie de eventos coordinados para el mapeo de rutas del transporte público de la capital del estado de Veracruz.</p>
<a class="go-to" href="http://mapaton.org/mapaton-ciudadano-xalapa" target="_blank">IR A sitio web</a>
</div>
</div>
</div>
</div>
<!-- KIT -->
<div id="kit" class="">
<h3><img src="libs/images/logo-titulo-kit.png" />Un Kit de Mapeo al alcance</h3>
<p class="parrafo">En Mapatón Ciudadano hemos creado de forma colaborativa una metodología para el mapeo eficaz de rutas de transporte público urbano, herramientas tecnológicas para la obtención de datos y los recursos necesarios al alcance de todos; a lado de especialistas de World Resources Institute (WRI), Open Street Map, Codeando México y con apoyo de la OEA y el Gobierno de Alemania.</p><br>
<div class="container contenedor-divs">
<div class="col-md-12 col-lg-6 sin-pads">
<img class="img-kit" src="libs/images/slide-server.png" />
</div>
<div class="col-md-12 col-lg-6 sin-pads">
<div class="container-kit-der">
<div id="side-uno" class="contenido-kit-interno" onclick="window.open('https://mapaton.org/recursos/metodologia.pdf');">
<h4>Metodología</h4>
<p>Una guía con los pasos escenciales para el mapeo de rutas de transporte público urbano.</p>
<button class="btn-kit"><span>></span></button>
</div>
<div id="side-dos" class="contenido-kit-interno">
<h4>App MapMap</h4>
<p>La aplicación que necesitas para el trazado de rutas.</p>
<a style="display: block;position: relative;left: 76px;top: -40px;" href="https://github.com/codeandoxalapa/mapmap" target="_blank">
<img width="50px" src="libs/images/link-git.png" alt="mapaton ciudadano" />
</a>
<a style="display: block; position: relative;top: 0px;right: 0px;top: -20px;left: 75px;" href="https://play.google.com/store/apps/details?id=codeandoxalapa.org.mapmap" target="_blank">
<img width="50px" src="libs/images/link-play.png" alt="mapaton ciudadano" />
</a>
</div>
<div id="side-tres" class="contenido-kit-interno" onclick="location.href='https://mapaton.org/mapmap';">
<h4>Servidor MapMap</h4>
<p>Administración y gestión de las rutas recolectadas con la aplicación MapMap.</p>
<button class="btn-kit"><span>></span></button>
</div>
<div id="side-cuatro" class="contenido-kit-interno" onclick="location.href='https://mapaton.org/rutas';">
<h4>Visualizador de Mapas</h4>
<p>Plataforma que recolecta todos los datos de un Mapatón Ciudadano</p>
<button class="btn-kit"><span>></span></button>
</div>
<div id="side-cinco" class="contenido-kit-interno" onclick="window.open('https://mapaton.org/recursos/graficos.zip');">
<h4>Recursos gráficos</h4>
<p>Descarga los recursos gráficos de la Identidad</p>
<button class="btn-kit"><span>></span></button>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<!-- Noticia MEdium -->
<div id="noticia-medium" class="container">
<p class="note-p">" Conoce las herramientas y recursos descargables que utilizarás a través de una metodología que te guiará pasa a paso en el mapeo. Si quieres saber en que consiste el Kit de mapeo, nosotros te lo explicaremos más a detalle por este medio " - <img src="libs/images/logo-medium-gray.png" /></p>
<center>
<a class="go-to" href="https://medium.com/mapat%C3%B3n-ciudadano-en-tu-ciudad" target="_blank">Ver artículo en Medium</a>
</center>
</div>
</div>
<div id="medios" class="margin-top back-gray">
<div class="container medios-container">
<h3><img src="libs/images/logo-medios.png" />Conócenos a través de los medios </h3>
<div class="grid">
<!--- ITEM BLOG -->
<div class="item blog">
<div class="content">
<img class="photothumb" src="libs/images/prensa1.png" alt="Noticia Mapaton" />
<div class="desc homie">
<p class="tipo">PRENSA</p>
<p class="noticia">
<a href="http://thecityfixmexico.org/notas/nota/264
" target="_blank">Mapeo participativo de transporte, Xalapa se suma a un esfuerzo global</a>
</p>
<p class="link-noticia">http://thecityfixmexico.org</p>
</div>
</div>
</div>
<!--- end ITEM BLOG -->
<!--- ITEM photo -->
<div class="item photo">
<div class="content">
<img class="logo-insta" src="libs/images/logo-instagram.png">
<a href="https://www.instagram.com/p/BhUg-41hf1v/?taken-by=mapatonciudadano" target="_blank"><img class="photothumb" alt="Instagram link" src="libs/images/instagram-0.png" /></a>
</div>
</div>
<!--- ITEM photo -->
<!--- ITEM BLOG -->
<div class="item blog">
<div class="content">
<img class="photothumb" src="libs/images/prensa3.png" alt="Noticia Mapaton" />
<div class="desc homie">
<p class="tipo">PRENSA</p>
<p class="noticia">
<a href="https://blogs.iadb.org/abierto-al-publico/2018/01/30/mapear-rutas-de-transporte-publico-mapmap/" target="_blank">¿Por qué mapear rutas de transporte público con Mapmap?
</a>
</p>
<p class="link-noticia">blogs.iadb.org</p>
</div>
</div>
</div>
<!--- end ITEM BLOG -->
<!--- ITEM photo -->
<div class="item photo another-background">
<div class="content">
<img class="logo-medium" src="libs/images/medium-logo.png">
<img class="photothumb" alt="Instagram link" src="libs/images/medium1.png" />
<a href="https://medium.com/mapat%C3%B3n-ciudadano-en-tu-ciudad" target="_blank"><p class="interno-p">Mapatón Ciudadano en tu Ciudad</p></a>
</div>
</div>
<!--- end ITEM photo -->
<!-- ITEM project -->
<div class="item project">
<div class="content">
<img class="logo-tweet" src="libs/images/tweet.png" alt="Logo Tweet" />
<div class="desc">
<p class="noticia-tweet"><a href="https://twitter.com/CodeandoXalapa/status/839142083172524033" target="_blank">Rutas de Transporte Público 🚌 recolectadas en #MapatónCuidadano #Xalapa 2016 ya se encuentran en datamx.io 👍😃</a></p>
</div>
</div>
</div>
<!-- end ITEM PROJECT-->
<div class="item photo">
<div class="content">
<img class="logo-insta" src="libs/images/logo-instagram.png">
<a href="https://www.instagram.com/p/BhUfEj1hwQG/?taken-by=mapatonciudadano" target="_blank"><img class="photothumb" alt="Instagram link" src="libs/images/insta1.png" /></a>
</div>
</div>
<!--- end ITEM photo -->
</div>
</div>
<div class="margin-top"></div>
<center>
<a class="go-to" href="https://mapaton.org/medios">continuar viendo</a>
</center>
</div>
<div id="escribenos" class="container-fluid sin-pads margin-top">
<div class="container escribe-container">
<h3>Crea un cambio en tu Ciudad</h3>
<p>Participar es simple. Escríbenos para llevar a cabo un Mapatón en tu Ciudad y descubre lo que puedes crear con nosotros.</p>
<center>
<a class="go-to" href="mailto:codeandoxalapa@gmail.com?Subject=Mapaton%20Ciudadano" target="_top">ESCRÍBENOS</a>
</center>
</div>
</div>
<?php include 'footer.php'; ?>