forked from civictechdc/codefordc.github.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
172 lines (156 loc) · 8.04 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
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
---
layout: default
title: Get Involved
---
<div class="col-lg-12 hero">
<div class="hero-text">Code for DC</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">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title">Request a Slack invite</h4>
</div>
<div class="modal-body">
<p>Slack is a great <a href="https://slack.com/">discussion and collaboration tool</a>. Enter your email address and we'll send you an invite:</p>
<form role="form">
<div class="form-group">
<label for="email" class="sr-only">Email Address</label>
<input type="email" class="form-control" id="email" placeholder="Email Address">
</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">×</span><span class="sr-only">Close</span></button>
<strong>Success!</strong> You should receive an invite to Slack shortly.
</div>
<div class="row">
<!-- <div class="alert alert-danger" role="alert">We need you! If you're interested in helping run Code for DC, <a href="/apply.html">apply for a leadership position</a>!</div> -->
<div class="col-lg-4">
<h1>Attend!</h1>
<p><a href="http://www.meetup.com/code-for-dc" target="_blank">RSVP on Meetup »</a></p>
<p><a href="webcal://www.meetup.com/Code-for-DC/events/ical/">Subscribe with Google Cal »</a></p>
<!-- <p><a href="/apply.html">Apply for a Leadership Position »</a></p> -->
</div>
<div class="col-lg-4">
<h1>Hack!</h1>
<p><a href="/projects">Find a project »</a></p>
<p><a href="/resources/what-is-civic-hacking.html">What is civic hacking? »</a></p>
<p><a href="/resources/getting-started.html">Tasks for relative beginners »</a></p>
<p><a href="/resources/startaproject.html">Start a project »</a></p>
</div>
<div class="col-lg-4">
<h1>Discuss!</h1>
<p><a href="http://groups.google.com/forum/#!forum/dc-cfa-brigade" target="_blank">Google Group »</a></p>
<p><a href="https://codefordc.slack.com">Slack Team</a> | <a href="#" data-toggle="modal" data-target="#slackinvite">Join »</a></p>
</div>
<div class="well col-lg-12">
All Code for DC events and activities, both online and offline, are governed by our <a href="/resources/codeofconduct.html">Code of Conduct</a>. Please take a few minutes to familiarize yourself with it.
</div>
</div>
<div class="row">
<div class="col-lg-12 heading-stripe stuff-weve-made-stripe">
<h2 class="blackish">Stuff we've made</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"><hr/></div>
<div class="col-lg-12 project-stripe-odd">
<div class="col-lg-4 project-stripe-img" >
<a href="http://electionmap.wamu.org/" target="_blank"><img src="images/sites/open-election-map.png" alt="Election Map 2014" /></a>
</div>
<div class="col-lg-8 project-stripe-txt">
<h2>Open Election Map</h2>
<p>In collaboration with our local NPR affiliate, <a href="http://wamu.org/">WAMU</a>, we built a map to display the results of Washington DC's 2014 General Election. The map includes results for Mayor, Attorney General, and Initiative 71.</p>
<p><a href="http://electionmap.wamu.org" target="_blank">Check it out</a></p>
</div>
</div>
<div class="col-lg-12"><hr/></div>
<div class="col-lg-12 project-stripe-even">
<div class="col-lg-4 project-stripe-img" >
<a href="http://www.ancfinder.org" target="_blank"><img src="images/sites/anc-brigade.png" alt="ANC Finder" /></a>
</div>
<div class="col-lg-8 project-stripe-txt">
<h2>ANC Finder</h2>
<p>A project to explain DC's hyperlocal Advisory Neighborhood Commission system by pulling information scattered across the web into one place. ANCs make decisions that shape neighborhoods, but reliable information about them is hard to find. We aim to change that.</p>
<p><a href="http://www.ancfinder.org" target="_blank">Check it out</a></p>
</div>
</div>
<div class="col-lg-12"><hr/></div>
<div class="col-lg-12 project-stripe-odd">
<div class="col-lg-4 project-stripe-img" >
<a href="http://www.ourdcschools.org/" target="_blank"><img src="images/sites/our-dc-schools.png" alt="Our DC Schools" /></a>
</div>
<div class="col-lg-8 project-stripe-txt">
<h2>Our DC Schools</h2>
<p>Our DC Schools is a online resource that helps the public personalize and visualize changes in school district boundaries within the District of Columbia</p>
<p><a href="http://www.ourdcschools.org/" target="_blank">Check it out</a></p>
</div>
</div>
<div class="col-lg-12"><hr/></div>
<div class="col-lg-12 project-stripe-even">
<div class="col-lg-4 project-stripe-img" >
<a href="http://cmgiven.github.io/bikeshare-odds/" target="_blank"><img src="images/sites/cabi-odds.png" alt="Bikeshare Odds" /></a>
</div>
<div class="col-lg-8 project-stripe-txt">
<h2>Bikeshare Odds</h2>
<p>Bikeshare Odds is a tool that will use historical data to tell you what the chances are that your neighborhood bike share station will have a bike at a given time</p>
<p><a href="http://cmgiven.github.io/bikeshare-odds/" target="_blank">Check it out</a></p>
</div>
</div>
<div class="col-lg-12"><hr/></div>
<div class="col-lg-12 project-stripe-odd">
<div class="col-lg-4 project-stripe-img" >
<a href="http://www.opendatadc.org" target="_blank"><img src="images/sites/open-data-dc.png" alt="OpenDataDC" /></a>
</div>
<div class="col-lg-8 project-stripe-txt">
<h2>OpenDataDC</h2>
<p>OpenDataDC is a public data catalog for and by the people of Washington, DC. It complements the catalog maintained by the city government at data.dc.gov which houses official municipal data. Explore, upload, download and analyze!</p>
<p><a href="http://www.opendatadc.org" target="_blank">Check it out</a></p>
</div>
</div>
<div class="col-lg-12"><hr/></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: "https://slackfordc.herokuapp.com/invite",
type: "POST",
data: payload,
contentType: "application/json",
success: function(){
$("#email").val("");
$(".alert").removeClass("hidden");
}
});
});
</script>
</html>