index.html

---
layout: default
title: ''
---


<div class='col12 center space-bottom4 clearfix' style='padding-top:20px'>
<h2>Mapping Projects</h2>

<!-- http://jsfiddle.net/vrcQp/6/ -->

<div class="holder">
{% for post in site.categories['project'] %}
      <div class='clearfix box '>
        <a href='{{ site.baseurl }}{{ post.url }}' class='block'>
          <img id='logo' src='{{site.baseurl}}{{ post.image }}' alt='MapOff' />
        </a>
      </div>
{% endfor %}

</div>
</div>

<section class='hide-mobile contain'>
  <div class='liner clearfix center fill-darken2 dark pin-top col12'>
    <h2 class='pad2'>
      {{ site.title }}, April 8, 2015
    </h2>
  </div>
</section>

<section class='show-mobile fill-light center pad2 space-bottom2'>
  <h2 class='space-bottom1'><a href='{{site.baseurl}}' target='_blank'>{{ site.title }}</a>!</h2>
  <h3 class='quiet'>{{ site.subtitle }}</h3>
</section>

<section class='hide-mobile clearfix limiter col12'>
  <div class='pad4y'>
    <h2>{{site.subtitle}}</h2>
  </div>
<!--
  <div class='col6 margin3 space-bottom4'>
    <div class='col12 pad4 center keyline-all space-bottom4 clearfix'>
      <h3>Sign up for updates</h3>
      <p class='quiet prose'>Keep up to date on the {{site.title}}</p>
      <div><h2><a href="http://mailinglistlink.org/" target='_blank'>{{site.title}} mailing list</a></h2></div>


    </div>
  </div>-->

</section>
<!--
<script>
$(function(){
    $('.slider').bxSlider({
        pager: false,
        controls: true,
        auto: true,
        captions: true
    });
});
</script>
-->