index.html

---
layout: new
title: Welcome
---

<article class="wide-banner">

  <section>
    <div class="container">
      <div class="row">
        <div class="col-sm-6">

          <div class="text-center">
            <h2>Code for South Africa is a civic technology lab using data and technology to change lives.</h2>
            <h2><a href="projects.html">Check out our projects →</a></h2>

          </div>
        </div>

        <div class="col-sm-6 hidden-xs">
          <img src="img/logo-367x200.png">
        </div>
      </div>
    </div>
  </section>
</article>

<article>
  <section>
    <div class="container">
      <div class="row">
        <div class="col-sm-5">
          <a href="/journos/" class="thumbnail">
            <img src="/img/projects/wazimap-website.png" alt="Wazimap screenshot"/>
            <div class="caption">
              <h3>Tools for Journos</h3>
              <p>
                An unmissable, curated collection of tools for journalists built by us and our partners.
                <u>Read more...</u>
              </p>
            </div>
          </a>
        </div>

        <div class="col-sm-6 col-sm-offset-1">
          <h2 style="margin: 0 0 30px;">From Our Blog</h2>
          <ul class="list-unstyled blog-excerpts">
          {% for post in site.posts limit:2 %}
            <li>
              <div class="date">
                <span class="day">{{ post.date | date: "%d" }}</span>
                <span class="month">{{ post.date | date: "%b" }}</span>
              </div>

              <div class="excerpt">
                <h4><a href="{{ post.url }}">{{ post.title }}</a></h4>
                <p>
                {{ post.excerpt }}
                <a class="more" href="{{ post.url }}">Read more</a>
                </p>
              </div>
            </li>
          {% endfor %}
          </ul>

          <h3><a href="blog.html">More from our blog →</a></h3>
        </div>
      </div>
    </div>
  </section>

  <!-- GET INVOLVED SECTION -->
  <section class="get-involved">
    <div class="container">
      <h2>How to get involved in Open Data in South Africa</h2>

      <div class="row">
        <!--1st Column-->
        <div class="col-sm-6">
          <h3>Stay up to date</h3>
          <h4>Send a blank email to these lists to subscribe:</h4>

          <dl>
            <dt><a href="mailto:odadi+subscribe@googlegroups.com">Open Data and Democracy Initiative</a></dt><dd>General open data issues</dd><br/>
            <dt><a href="mailto:hackshackers-capetown+subscribe@googlegroups.com">HacksHackers - Cape Town</a></dt><dd>Coders meet Journalists, CT</dd><br/>
            <dt><a href="mailto:hackshackers-johannesburg+subscribe@googlegroups.com">HacksHackers - Johannesburg</a></dt><dd>Coders meet Journalists, JHB</dd><br/>
          </dl>

          <h4>Subscribe by clicking on the link:</h4>
          <dl>
            <dt><a href="http://lists.okfn.org/mailman/admindb/okfn-za">Open Knowledge Foundation - CT</a></dt><dd>General open knowledge discussions, Cape Town</dd>
          </dl>   
        </div>

        <!--2nd Column-->
        <div class="col-sm-6">
          <h3>Meet-up</h3>
          <p>Meet people face to face, tackle problems together or just discuss ideas.</p>
          <ul class="unstyled">
            <li><a href="http://www.meetup.com/Code-for-South-Africa-Hackers" target="_blank">Code for South Africa Unhackathons</a></li><br />
            <li><a href="http://www.meetup.com/Hacks-Hackers-Cape-Town/" target="_blank">HacksHacks Cape Town</a></li><br />
            <li><a href="http://www.meetup.com/Hacks-Hackers-Cape-Town/" target="_blank">HacksHacks Johannesburg</a></li>
          </ul><br />
          <img alt="meet-ups" src="/img/meet-ups.png">
        </div>

      </div>
    </div>	
  </section>

  <!--Github Issues Section -->
  <section id="github-issues" class="hidden-xs">
    <div class="container">
      <h2>Get your hands dirty</h2>
      <h3>Some recent GitHub issues you can help us out with...<h3>

      <iframe src="http://codeforamerica.org/geeks/civicissues/widget?organization_name=Code-for-South-Africa&number=6" width="100%" height="600" frameBorder="0"></iframe>

    </div>
  </section>

  <hr class="container" style="margin-top:0; margin-bottom:0;"/>

  <section>
    <div class="container partner-logo-list">
      <h2>Our Partners</h2>

      <!--Client Logo images must be 170px by 100px-->

      <div class="row text-center">
        <div class="col-sm-3 client">
          <a href="http://africanmediainitiative.org/"><img src="/img/partners/ami.png" alt="African Media Initiative"></a>
        </div>
        <div class="col-sm-3 client">
          <a href="http://www.icfj.org/"><img src="/img/partners/icfj.png" alt="International Centre for Journalists"></a>
        </div>
        <div class="col-sm-3 client">
          <a href="http://africannewschallenge.org/"><img src="/img/partners/anic-logo.png" alt="African News Innovation Challenge"></a>
        </div>
        <div class="col-sm-3 client">
          <a href="http://www.pmg.org.za"><img src="/img/partners/partner_pmg.png" alt="Parliamentary Monitoring Group"></a>
        </div>
      </div>
      <div class="row client-logos text-center">
        <div class="col-sm-3 client">
          <a href="http://www.opendemocracy.org.za/"><img src="/img/partners/partner_odac.png" alt="Open Democracy Advice Centre"></a>
        </div>
        <div class="col-sm-3 client">
          <a href="http://indigotrust.org.uk/"><img src="/img/partners/partner_indigo_trust.png" alt="The Indigo Trust"></a>
        </div>
        <div class="col-sm-3 client">
          <a href="http://osf.org.za/"><img src="/img/partners/partner_osf.jpg" alt="Open Society Foundation for South Africa"></a>
        </div>
        <div class="col-sm-3 client pushdown">
          <a href="http://www.mediamonitoringafrica.org/"><img src="/img/partners/mma.png" alt="Media Monitoring Africa"></a>
        </div>
      </div>
      <div class="row client-logos text-center">
        <div class="col-sm-3 client">
          <a href="https://freedomhouse.org/"><img src="/img/partners/freedomhouse.png" alt="Freedom House"></a>
        </div>
        <div class="col-sm-3 client pushdown">
          <a href="http://www.sarpam.net/"><img src="/img/partners/sarpam.png" alt="SARPAM"></a>
        </div>
        <div class="col-sm-3 client pushdown">
          <a href="http://schoolofdata.org/"><img src="/img/partners/school-of-data.png" alt="School of Data"></a>
        </div>

        <div class="col-sm-3 client pushdown">
          <a href="http://aws.amazon.com/what-is-cloud-computing"><img src="http://awsmedia.s3.amazonaws.com/AWS_Logo_PoweredBy_127px.png" alt="Powered by AWS Cloud Computing"></a>
        </div>
      </div>
    </div>
  </section>

</article>