index.html

---
layout: default
title: Open Schools!
---
  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span4">
        <p><b>Where will your children go to school?</b></p>

        <p>Will you enroll them in a school close to home or in a school across town 
        that provides special programming?</p>

        <p>Where do children from your neighborhood go to school? Do children from 
        the school that your children attend live in your community?</p>

        <p>How do you make a decision with so many education options -- the 
        DC Public Schools out-of-boundary process and DC Public Charter Schools?</p>

        <p>Choosing a school in DC can be confusing and we (the Code for DC 
        Education Project) 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><em>Questions?</em> Contact us at <a href="mailto:edu@codefordc.org">edu@codefordc.org</a>.</p>
        
        <p><em>Want to help?</em> Coders needed!
        Join us at the next 
        <a href="http://www.meetup.com/cfabrigade/Washington-DC/880272/">Code for DC meetup</a>. Here are some
        upcoming goals (see our 
        <a href="https://github.com/HarlanH/code-for-dc-edu/issues?direction=desc%26sort=created%26state=open">GitHub issues</a>
        for more):
        </p>
        <ul>
          <li>Let users filter by school type</li>
          <li>Show facts about each school as it's selected</li>
          <li>&quot;Underlay&quot; demographic or other data about neighborhood clusters</li>
          <li>Improve software architecture and ability to pull from data sources</li>
          <li>Export data and images</li>
        </ul>

        <p><em></em><a href="http://codefordc.org/">Code for DC</a> is the local chapter of 
        <a href="http://www.codeforamerica.org/">Code for America</a>. Thanks to 
          <a href="http://osse.dc.gov/">OSSE</a> for providing data.</em></a>
        </p>
      </div>
      <div class="span8">
        <!-- http://stackoverflow.com/questions/11316383/bootstrap-hero-unit-height-leaflet -->
        <div id="imgRotator1">
<ul>
<li><a href=""><img src="img/anim_map_ward_1.png" border="0" alt="" title="" width="700" height="700" /></a></li>
<li><a href=""><img src="img/anim_map_ward_2.png" border="0" alt="" title="" width="700" height="700" /></a></li>
<li><a href=""><img src="img/anim_map_ward_3.png" border="0" alt="" title="" width="700" height="700" /></a></li>
<li><a href=""><img src="img/anim_map_ward_4.png" border="0" alt="" title="" width="700" height="700" /></a></li>
<li><a href=""><img src="img/anim_map_ward_5.png" border="0" alt="" title="" width="700" height="700" /></a></li>
<li><a href=""><img src="img/anim_map_ward_6.png" border="0" alt="" title="" width="700" height="700" /></a></li>
<li><a href=""><img src="img/anim_map_ward_7.png" border="0" alt="" title="" width="700" height="700" /></a></li>
<li><a href=""><img src="img/anim_map_ward_8.png" border="0" alt="" title="" width="700" height="700" /></a></li>
</ul></div>
<script type="text/javascript">
  var rotator1_options = {
       'speed': 2000, //how fast it roates
       'rate': 1000, //animation rate of the fade
       'width': '700px', //width of the rotator, minimally should equally image's width
       'height': '700px' //height of the rotator, minimally should equally image's height
    };

$('#imgRotator1').imgRotator(rotator1_options);
//call loadStyle method to add some css
var rotator1_style = "#imgRotator1 { border: 5px solid #000;} ";
$('#imgRotator1').imgRotator("loadStyle", "inline", rotator1_style);
</script>
        <!-- Le javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        
        </div>
      </div>
    </div>