site/index.html at gh-pages · codeandodf/site · GitHub

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
---
layout: default
title: Get Involved
---

<div class="col-lg-12 hero">
	<div class="hero-text">Codeando DF</div>
</div>
<div class="modal fade" id="slackinvite"><!-- modal for Slack invite -->
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Cerrar</span></button>
				<h4 class="modal-title">Solicita una invitación de Slack</h4>
			</div>
			<div class="modal-body">
				<p>Slack es una gran herramienta de <a href="https://slack.com/">discusión y colaboración</a>. Ingresa tu correo y te mandaremos una invitación:</p>
				<form role="form">
					<div class="form-group">
						<label for="email" class="sr-only">Dirección de correo</label>
						<input type="email" class="form-control" id="email" placeholder="Tu dirección de correo">
					</div>
					<button type="submit" class="btn btn-primary" id="submitemail" data-dismiss="modal">Submit</button>
				</form>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="container">
	<div class="col-sm-12 starter-template">
		<div class="alert alert-success alert-dismissible hidden" role="alert">
    	<button type="button" class="close" data-dismiss="alert" title="dismiss"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
    	<strong>¡Éxito!</strong> Debes de recibir tu invitación a Slack pronto.
	</div>
		<div class="row">
			<div class="col-lg-4">
				<h1>¡Ven!</h1>
				<p>El segundo martes de cada mes, puedes asistir a la reunión. La próxima será en el Laboratorio para la Ciudad el 23 de junio</p>
			</div>
			<div class="col-lg-4">
				<h1>¡Comparte!</h1>
				<p><a href="https://www.facebook.com/groups/370710456416676/?fref=ts" target="_blank">Grupo de Facebook &raquo;</a></p>
				<p><a href="https://codeandodf.slack.com">Equipo de Slack</a> | <a href="#" data-toggle="modal" data-target="#slackinvite">Unirse &raquo;</a></p>
			</div>
			<div class="col-lg-4">
				<h1>¡Hackea!</h1>
				<p><a href="projects">Encuentra un proyecto &raquo;</a></p>
				<p><a href="/resources/startaproject.html">Empieza un proyecto &raquo;</a></p>
			</div>
			<div class="well col-lg-12">
				Todos los eventos de la Comuniadd se basan en un <a href="/resources/codeofconduct.html">Código de Conducta</a>. Por favor toma unos minutos para familiarizarte.
			</div>
		</div>

		<div class="row">
			<div class="col-lg-12 heading-stripe stuff-weve-made-stripe">
				<h2 class="blackish">Cosas que hemos construido</h2>
				<p class='lead'>Code for DC creates tools, information, and experiences that serve the District.  <br/>We kick off new projects every month. <a href = "projects">Browse the complete list,</a> then get started.
				</p>
			</div>

			<!--<div class="col-lg-12 project-stripe-even">
				<div class="col-lg-4 project-stripe-img" >
					<a href="http://edu.codefordc.org" target="_blank"><img src="images/sites/open-schools.png" alt="Open Schools" /></a>
				</div>
				<div class="col-lg-8 project-stripe-txt">
					<h2>Open Schools</h2>
					<p>Choosing a school in DC can be confusing and we hope to support family decisions with data. We recognize that the "right" school for your children can be evaluated not just by standardized test scores, but by teacher turnover, parent involvement, special programming, community and more. We have built this tool starting with school populations by neighborhood, and gradually plan to add information we collect from the city, from NGOs, the private sector, and you!</p>
					<p><a href="http://edu.codefordc.org" target="_blank">Check it out</a></p>
				</div>
			</div>
			</div>
		<div class="col-lg-12"><hr class="footer-divider"/></div>
	</div>-->
</div><!-- /.container -->

{% include _global_js.html %}

</body>
<script>
$("#slackinvite").on("shown.bs.modal", function(e) {
	$("#email").focus();
});

$("#submitemail").click(function(){
	var payload = JSON.stringify({
		"email": $("#email").val()
	});
	$.ajax({
		url: "http://slackingdf.herokuapp.com/",
		type: "POST",
		data: payload,
		contentType: "application/xml",
		success: function() {
			$("#email").val("");
			$(".alert").removeClass("hidden");
		}
	});
});
</script>
</html>