Skip to content
This repository was archived by the owner on Aug 19, 2025. It is now read-only.

Commit eb42333

Browse files
oxcaroxcar
authored
Redirigiendo a codeandomexico.org
1 parent dd6a93e commit eb42333

File tree

1 file changed

+13
-313
lines changed

1 file changed

+13
-313
lines changed

‎index.html‎

Lines changed: 13 additions & 313 deletions
Original file line numberDiff line numberDiff line change
@@ -1,316 +1,16 @@
1-
21
<!DOCTYPE html>
32
<html lang="es">
4-
<head>
5-
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
6-
<meta charset="utf-8">
7-
<title>Codeando México | Estudiantes</title>
8-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
9-
<link rel="icon" type="image/png" href="img/favicon.png">
10-
<link href="css/bootstrap.min.css" rel="stylesheet">
11-
<link href="https://fonts.googleapis.com/css2?family=Cabin:ital@1&family=Roboto+Mono:wght@400;700&display=swap" rel="stylesheet">
12-
<!--[if lt IE 9]>
13-
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
14-
<![endif]-->
15-
<link href="css/styles.css" rel="stylesheet">
16-
</head>
17-
<body>
18-
<div class="navbar navbar-inverse navbar-fixed-top">
19-
<div class="container">
20-
<div class="navbar-header">
21-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
22-
<span class="icon-bar"></span>
23-
<span class="icon-bar"></span>
24-
<span class="icon-bar"></span>
25-
</button>
26-
<a class="navbar-brand" href="index.html"><img src="img/brand.png" alt="Codeando México Estudiantes" /></a>
27-
<span class="brand-span"><a href="acerca.html">Acerca de</a></span>
28-
<span class="brand-span"><a href="https://goo.gl/forms/HENDLHlGK18we9tM2" target="_blank">¡ANÓTATE!</a></span>
29-
</div>
30-
<div class="collapse navbar-collapse pull-right">
31-
<ul class="nav navbar-nav">
32-
<li class="active"><a href="#">APRENDE HACKING CÍVICO:</a></li>
33-
<li><a href="retos.html">RETOS</a></li>
34-
<li><a href="#giras">GIRA</a></li>
35-
<li><a href="#clubes">CLUBES</a></li>
36-
</ul>
37-
</div><!--/.nav-collapse -->
38-
</div>
39-
</div>
40-
41-
<div class="container-estudiantes">
42-
<div class="text-center" style="height=400px;"></div>
43-
</div><!-- /.container-estudiantes -->
44-
45-
<div class="container-generacion">
46-
<div class="container no-padding">
47-
<div class="text-center">
48-
<img src="img/generacion.png" alt="Codeando México Estudiantes" />
49-
</div>
50-
</div><!-- /.container -->
51-
</div><!-- /.container-generacion -->
52-
53-
<div class="container-participa">
54-
<div class="container no-padding">
55-
<div class="text-center">
56-
<img class="logo-estudiantes" src="img/logo.png" alt="Codeando México Estudiantes" />
57-
</div>
58-
<div class="container container-participa-interno">
59-
<div class="col-xs-12">
60-
<p>
61-
Un programa donde podrás desarrollar habilidades de programación y colaboración construyendo tecnología para el bien común.
62-
<br>¡Sé parte de la nueva generación de hackers cívicos para el país!
63-
</p><br>
64-
<h3>¡APRENDE Y PARTICIPA!</h3><div class="clearfix"></div><br>
65-
<div class="col-sm-4">
66-
<a href="retos.html">
67-
<img src="img/retos.png" alt="Codeando México Estudiantes" /><br><span class="nombre-span">RETOS</span>
68-
</a>
69-
</div>
70-
<div class="col-sm-4">
71-
<a href="#giras">
72-
<img src="img/gira.png" alt="Codeando México Estudiantes" /><br><span class="nombre-span move-top">GIRA</span>
73-
</a>
74-
</div>
75-
<div class="col-sm-4">
76-
<a href="#clubes">
77-
<img src="img/clubes.png" alt="Codeando México Estudiantes" /><br><span class="nombre-span">CLUBES</span>
78-
</a>
79-
</div>
80-
<div class="clearfix"></div><br><br>
81-
<a href="acerca.html" class="link pull-right">¡CONOCE MÁS!</a>
82-
</div>
83-
</div>
84-
</div><!-- /.container -->
85-
<div class="container-city">
86-
<div class="container no-padding">
87-
<div class="text-center">
88-
<img class="logo-city" src="img/city.png" alt="Codeando México Estudiantes" />
89-
</div>
90-
</div>
91-
</div><!-- /.container-city -->
92-
</div>
93-
94-
<!-- TEMARIO -->
95-
<div id="temario">
96-
<div class="container no-padding">
97-
<div class="container-temario-interno">
98-
<h2>RETOS <span>DE HACKING CÍVICO</span></h2>
99-
<p>Lecciones y retos en línea para aprender a programar y contribuir al bien común.<br>¡Empieza a aprender hoy!</p>
100-
</div>
101-
</div>
102-
</div>
103-
<div id="temario-secundario">
104-
<div class="container no-padding">
105-
<div class="col-xs-12 no-padding">
106-
<div class="col-sm-4">
107-
<img src="img/civica.png" alt="Codeando México Estudiantes" />
108-
<p>Conoce qué es la tecnología cívica y cómo puede cambiar vidas cada día.</p>
109-
</div>
110-
<div class="col-sm-4">
111-
<img src="img/coder.png" alt="Codeando México Estudiantes" />
112-
<p>Comienza a programar hoy y desarrolla tus primeros hacks cívicos.</p>
113-
</div>
114-
<div class="col-sm-4">
115-
<img src="img/hacker.png" alt="Codeando México Estudiantes" />
116-
<p>Conviértete en un hacker cívico con habilidades avanzadas de programación y desarrollo.</p>
117-
</div>
118-
</div>
119-
</div>
120-
</div>
121-
<div id="temario-tercero">
122-
<div class="container no-padding">
123-
<div class="col-xs-12 no-padding">
124-
<div class="col-sm-4 border border-yellow border-right-separador">
125-
<div class="border-fload-right border-yellow"></div>
126-
<div class="container-temas">
127-
<p>
128-
<span class="color-yellow">1. Hacking Cívico 101 (o cómo usar la tecnología para el bien común)</span>
129-
<br><br>
130-
<span class="color-yellow">2. GitHub: Construyendo ciudadanía un commit a la vez</span>
131-
<br><br>
132-
<span class="color-yellow">3. Ábrase bien antes de usar: datos abiertos 101</span>
133-
<br><br>
134-
<span class="color-yellow">4. ¿Qué se puede hacer con Open Data como ciudadano?</span>
135-
<br><br>
136-
<span class="color-yellow">5. Civilidad digital. Privacidad y seguridad en línea</span>
137-
<br><br>
138-
<span class="color-yellow">6. Design thinking: diseño centrado en el ciudadano</span>
139-
<br><br>
140-
<span class="color-yellow">7. ¿Cómo hacer un prototipo cívico?</span>
141-
<br><br>
142-
<span class="color-yellow">8. ¿Cómo nos vemos en datos? Introducción a Dataviz</span>
143-
</p>
144-
</div>
145-
<div class="border-fload-left border-yellow"></div>
146-
</div>
147-
<div class="col-sm-4 border border-red border-right-separador">
148-
<div class="border-fload-right border-red"></div>
149-
<div class="container-temas">
150-
<p>
151-
<span class="color-red">1. Tus documentos en forma. Introducción a HTML</span>
152-
<br><br>
153-
<span class="color-red">2. Siempre puede verse mejor. Introducción a CSS</span>
154-
<br><br>
155-
<span class="color-red">3. Javascript I: ¡Interactividad ciudadana!</span>
156-
<br><br>
157-
<span class="color-red">4. Javascript II: ¡Interactividad ciudadana!</span>
158-
<br><br>
159-
<span class="color-red">5. Webservices y Node.js al servicio cívico</span>
160-
<br><br>
161-
<span class="color-red">6. Visualización de datos con D3.js</span>
162-
<br><br>
163-
<span class="color-red">7. Publicando tu app cívica en la nube</span>
164-
</p>
165-
</div>
166-
<div class="border-fload-left border-red"></div>
167-
</div>
168-
<div class="col-sm-4 border border-green">
169-
<div class="border-fload-right border-green"></div>
170-
<div class="container-temas">
171-
<p>
172-
<span class="color-green">1. Scrappeando datos cívicos</span>
173-
<br><br>
174-
<span class="color-green">2. APIs ciudadanas</span>
175-
<br><br>
176-
<span class="color-green">3. Ciencia de datos con R</span>
177-
<br><br>
178-
<span class="color-green">4. Geohacking</span>
179-
<br><br>
180-
<span class="color-green">5. Datos que cobran vida. D3.js avanzado</span>
181-
<br><br>
182-
<span class="color-green">6. La máquinas también aprenden. Machine learning 101</span>
183-
<br><br>
184-
<span class="color-green">7. Chatbots cívicos. Procesamiento de lenguaje natural con LUIS.ai</span>
185-
</p>
186-
</div>
187-
<div class="border-fload-left border-green"></div>
188-
</div>
189-
<span class="proximamente new-move">PRÓXIMAMENTE</span>
190-
</div>
191-
</div>
192-
</div>
193-
<!-- END TEMARIO -->
194-
195-
<!-- GIRAS -->
196-
<div id="giras">
197-
<div class="container no-padding">
198-
<div class="container-temario-interno">
199-
<h2>GIRA <span>DE HACKING CÍVICO</span></h2>
200-
<p>Estamos recorriendo centros educativos por todo el país. Participa en nuestros talleres sobre hacking cívico y programación orientada a resolver problemas comunes. </p>
201-
</div>
202-
</div>
203-
</div>
204-
<div class="gira-secundario" id="temario-secundario">
205-
<div class="container no-padding">
206-
<div class="container-temario-interno">
207-
<h3>PRÓXIMAS SEDES (¡FALTA POCO!)</h3>
208-
<div class="text-center">
209-
<span class="proximamente">PRÓXIMAMENTE</span>
210-
<img class="logo-mapa" src="img/mapa.png" alt="Codeando México Estudiantes" />
211-
<p>¡Lleva la Gira de Hacking Cívico a tu escuela! <br>Escríbenos a: <strong><a href="mailto:[email protected]?Subject=Happy%20coding!">[email protected]</a></strong></p>
212-
</div>
213-
214-
</div>
215-
</div>
216-
</div>
217-
<!-- END GIRAS -->
218-
219-
<!-- CLUBES -->
220-
<div id="clubes">
221-
<div class="container no-padding">
222-
<div class="container-temario-interno">
223-
<h2>CLUBES <span>DE HACKING CÍVICO</span></h2>
224-
<p>Aprende y colabora construyendo tecnología para el bien común junto con más estudiantes de tu escuela y mentores de la comunidad de Codeando México.</p>
225-
</div>
226-
</div>
227-
</div>
228-
<div class="clubes-secundario" id="temario-secundario">
229-
<div class="container no-padding">
230-
<div class="container-temario-interno">
231-
<div class="col-xs-12">
232-
<div class="col-sm-12">
233-
<p class="texto-clubes">
234-
Estamos formando una red de hackers cívicos por todo el país. <br>¡Únete al Club de Hacking Cívico de tu escuela o inicia uno!<br><br><br><br><strong>¿Quieres inicar un Club de Hacking Cívico?</strong></p>
235-
<br>
236-
<a class="link change-color" href="/docs/CMX_Estudiantes_PlaybookClubesdeHackingCivico_01.pdf" target="_blank">¡DESCARGA EL PLAYBOOK!</a>
237-
<a class="link change-color move-izqu" href="https://goo.gl/forms/T64s2BvVNafj5rrY2" target="_blank">¡REGISTRA TU CLUB!</a>
238-
<img class="modifica-espacio" src="img/club-back.png" alt="Clubes" />
239-
</div>
240-
</div>
241-
<div class="clearfix"></div><br><br>
242-
<p class="texto-clubes-right pull-right">¡Lleva la Gira de Hacking Cívico a tu escuela! <br>Escríbenos a: <strong><a href="mailto:[email protected]?Subject=Happy%20coding!">[email protected]</a></strong></p>
243-
</div>
244-
</div>
245-
</div>
246-
<div class="separador-bottom"></div>
247-
<!-- END CLUBES -->
248-
249-
<!-- FOOTER -->
250-
<div class="footer">
251-
<div class="container no-padding">
252-
<div class="col-xs-12">
253-
<div class="col-sm-4">
254-
<ul>
255-
<li>¡APRENDE HACKING CÍVICO!</li>
256-
<li><a href="retos.html">* RETOS</a></li>
257-
<li><a href="#giras">* GIRA</a></li>
258-
<li><a href="#clubes">* CLUBES</a></li>
259-
</ul>
260-
</div>
261-
<div class="col-sm-4">
262-
<ul>
263-
<li><a href="acerca.html">ACERCA DE</a></li>
264-
<li><a href="https://www.microsoft.com/es-xl/MicrosoftFilantropia/youthspark/default.aspx" target="_blank">YOUTHSPARK</a></li>
265-
<li><a href="mailto:[email protected]?Subject=Happy%20coding!">CONTACTO</a></li>
266-
</ul>
267-
</div>
268-
<div class="col-sm-4 move-bottom">
269-
<p>2013 - 2017 Codeando México A.C.</p>
270-
</div>
271-
</div>
272-
</div>
273-
</div>
274-
<div class="footer footer-secundario">
275-
<div class="container no-padding">
276-
<div class="col-xs-12">
277-
<div class="col-xs-4 move-footer-in">
278-
<a href="https://www.codeandomexico.org/" target="_blank"><img class="logo-codeando" src="img/logo.png" alt="Codeando México" /></a>
279-
</div>
280-
<div class="col-xs-4 move-footer-in">
281-
<a href="https://www.microsoft.com/es-xl/MicrosoftFilantropia/youthspark/default.aspx" target="_blank"><img class="logo-micro" src="img/microsoft.png" alt="Codeando México" /></a>
282-
</div>
283-
<div class="col-xs-4 move-footer-center">
284-
<ul>
285-
<li><a href="https://github.com/CodeandoMexico" target="_blank" class="github"></a></li>
286-
<li><a href="https://twitter.com/CodeandoMexico/" target="_blank" class="twitter"></a></li>
287-
<li><a href="https://www.facebook.com/CodeandoMexico/" target="_blank" class="face"></a></li>
288-
<li><a href="https://codeandoestudiantes.slack.com" target="_blank" class="slack"></a></li>
289-
</ul>
290-
</div>
291-
</div>
292-
</div>
293-
</div>
294-
<!-- END FOOTER -->
295-
296-
<!-- script references -->
297-
<script src="js/jquery-3.2.1.min.js"></script>
298-
<script src="js/bootstrap.min.js"></script>
299-
<script>
300-
$(document).ready(function(){
301-
$(".navbar-nav>li>a").click(function(event){
302-
var aid = $(this).attr("href");
303-
$('html,body').animate({scrollTop: $(aid).offset().top-50},'slow');
304-
$( ".navbar-nav>li>a" ).each(function() {
305-
$( this ).removeClass( "active-dos" );
306-
});
307-
$( this ).addClass( "active-dos" );
308-
});
309-
$("a").click(function(event){
310-
var aid = $(this).attr("href");
311-
$('html,body').animate({scrollTop: $(aid).offset().top-50},'slow');
312-
});
313-
});
314-
</script>
315-
</body>
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="refresh" content="0;url=https://codeandomexico.org">
6+
<script>
7+
if (window.location.hostname === "aprende.codeandomexico.org") {
8+
window.location.replace("https://codeandomexico.org");
9+
}
10+
</script>
11+
<title>Redirigiendo a codeandomexico.org</title>
12+
</head>
13+
<body>
14+
<p>Redirigiendo a <a href="https://codeandomexico.org">codeandomexico.org</a>...</p>
15+
</body>
31616
</html>

0 commit comments

Comments
 (0)