index.html

---
layout: default
title: Get Involved
---

<div class="col-lg-12 hero">
	<div class="hero-text">Code for DC</div>
</div>

<div class="container">
	<div class="col-sm-12 starter-template">
		<div class="row">
			<div class="col-lg-12">
				{% include nextmeeting.html %}
			</div>
		</div>
		<div class="row">
			<div class="col-lg-4">
				<h1>Attend!</h1>
				<p><a href="http://www.meetup.com/code-for-dc" target="_blank">RSVP on Meetup &raquo;</a></p>
				<p><a href="webcal://www.meetup.com/Code-for-DC/events/ical/">Subscribe with Google Cal &raquo;</a></p>
				<p><a href="/resources/what-is-civic-hacking.html">What is civic hacking? &raquo;</a></p>
			</div>
			<div class="col-lg-4">
				<h1>Hack!</h1>
				<p><a href="/projects">Find a project &raquo;</a></p>
				<p><a href="/resources/getting-started.html">Tasks for relative beginners &raquo;</a></p>
				<p><a href="/resources/startaproject.html">Start a project &raquo;</a></p>
				<p><a href="http://data.codefordc.org">Browse some data &raquo;</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 &raquo;</a></p>
				<p><a href="https://codefordc.slack.com">Slack Team</a> | <a href="/resources/slack.html">Click here to sign up.</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://data.codefordc.org" target="_blank"><img src="images/sites/codefordcdataportal.png" alt="OpenDataDC" /></a>
				</div>
				<div class="col-lg-8 project-stripe-txt">
					<h2>data.codefordc.org</h2>
					<p>data.codefordc.org is a public data catalog for and by the people of Washington, DC. It complements the catalog maintained by the city government at opendata.dc.gov which houses official municipal data. Explore, upload, download and analyze!</p>
					<p><a href="http://data.codefordc.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://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>
		<div class="col-lg-12"><hr class="footer-divider"/></div>
	</div>
</div><!-- /.container -->

{% include _global_js.html %}

<!-- Display Next Meeting via Meetup API -->
<script src="/assets/js/meetup.js" type="text/javascript"></script>

</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>