index.html

---
layout: default
---
{% assign total = 0 %}{% for page in site.pages %}{% if page.layout == 'location' %}
{% assign total = total | plus: 1 %}{% endif %}{% endfor %}

{% capture lvl %}{{ page.url | append:'index.html' | split:'/' | size }}{% endcapture %}

<div class="row main-content">


<div class="col-md-12">
    <div id="map-container">
      <div id="map"></div>

      <!-- inner mapping shadow -->
      <i class="map-top"></i>
      <!-- <i class="map-left"></i> -->
    </div>
    <div class="row">
      <div class="col-md-4 col-md-offset-1 side-list">
        <div class="point-counter"><span class="count-highlight">{{total}}</span> Parklets Found</div>
        <div class="list-group" id="listings">
          <div class="list-group-container">
        {% assign count = 0 %}{% for page in site.pages %}
          {% if page.layout == 'location' %}

            <button class="list-group-item" data-target="#{{count}}">{{ page.title }} <p class="address">{{page.address}}</p></button>
            <div id="{{count}}" class="collapse">
              <div class="details">
                <a href="{{ site.baseurl }}{{ page.url }}" class="pull-right"><strong>More Info ></strong></a>
                <p><strong>Installed:</strong> {{ page.install_date }}</p>
                <img src="{{ site.baseurl }}/images/{{ page.image }}" class="sidebar" />
              </div>
            </div>

        {% assign count = count | plus: 1 %}
        {% endif %}
      {% endfor %}
    </div>
      </div>

    </div>
    <div class="col-md-1 col-md-offset-6 flag">
      <div class="point-counter"><p>Crafted At:</p>
        <a href="https://codeforamerica.org"><img src="{{ site.baseurl }}/assets/img/cfa_flag.png" width="50px" height="30px" /></a>
      </div>
    </div>
  </div>

</div>


</div>

<script src="{{ site.baseurl }}/map.geojson"></script>
<script src="{{ site.baseurl }}/assets/js/mapping.js"></script>