index.html

---
layout: default
title: Code for San Francisco | A Code for America Brigade
is_front: true
---
<div class="row">
  <div class="col-md-7">
    <h1>Want To Help San Francisco?</br>
      <small>Good, we could use your help.</small>
    </h1>
    <p class="lead">We are a <a href="http://codeforamerica.org/brigade">Code for America Brigade</a>, which means we're volunteers that contribute our talents toward improving the way our local governments and community organizations use the web. The Brigade is about action and you're here because you are someone who takes action.
    </p>
    <p>We do a lot of things together, but our main activity is our <a href="http://www.meetup.com/Code-for-San-Francisco-Civic-Hack-Night/">Hack Night</a>, which is held every Wednesday night from 6:30 to 9PM. The Hack Night is for those who want to:</p>
    <ul>
      <li>get work done on civic projects</li>
      <li>start a new project, or find one to join (all backgrounds welcome!)</li>
      <li>bounce ideas and get help from tech and gov experts</li>
      <li>learn about open data, smart cities, and open government</li>
    </ul>

    <hr/>

    <p>For more, watch the inspirational TED talk given by Jennifer Pahlka, the founder of Code for America.</a>
    </p>
    <div class="video-container">
      <!--a href="http://www.ted.com/talks/jennifer_pahlka_coding_a_better_government?language=en" class="skiplink">Play Video of Jennifer Pahlka's Ted Talk</a-->
      <iframe src="https://embed-ssl.ted.com/talks/lang/en/jennifer_pahlka_coding_a_better_government.html" width="560" height="315" frameborder="0" title="Video of Jennifer Pahlka's Ted Talk" scrolling="no" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
      <!--iframe width="560" height="316" src="//www.youtube.com/embed/n4EhJ898r-k" frameborder="0" allowfullscreen></iframe-->
      <!--a11y:changing to ted talk subtitles are in sync and accurate-->
    </div>
    <hr/>

    <h2>Sponsors</h2>
    <p>These fine organizations help us keep the Brigade running</p>
    <div class="row">
      <!--
      Set the icons to col-xs-* to prevent them from expanding to fill the
      entire width of the screen on small screens.
      -->
      <div itemscope="" itemtype="http://schema.org/Organization" class="sponsor-details col-xs-3">
        <a href="http://microsoftbayarea.com" itemprop="url">
          <img src="{{site.baseurl}}/images/sponsors/MSFTlogo.png" alt="Microsoft" itemprop="logo" class="img-responsive">
          <span itemprop="name">Microsoft</span>
        </a>
      </div>
      <div itemscope="" itemtype="http://schema.org/Organization" class="sponsor-details col-xs-3">
        <a href="http://codeforamerica.org" itemprop="url">
          <img src="{{site.baseurl}}/images/sponsors/code-for-america.jpg" alt="Code for America" itemprop="logo" class="img-responsive">
          <span itemprop="name">Code for America</span>
        </a>
      </div>
    </div>

  </div>

  <div class="col-md-5" style="text-align:center;">
    <h2>Code for SF Right Now!</h2>
    <p>Open GitHub Issues on our projects that need your help.</p>
    <iframe id="widget" src="http://codeforamerica.org/geeks/civicissues/widget?organization_name=Code-for-San-Francisco&number=5" width="100%" height="1100" frameBorder="0"></iframe>

    <!--
    Issue #19: Add twitter widget.

      https://github.com/sfbrigade/sfbrigade.github.io/issues/19

    The settings for this widget are located and managed by the SFbrigate
    Twitter account under Settings > Widgets.
    -->
    <a class="twitter-timeline" href="https://twitter.com/SFbrigade" data-widget-id="583457760647315457">Tweets by @SFbrigade</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  </div>

</div>