maps.html

---
title: Community Maps
layout: default
---
<style>
  :target ~.mapCard {
    display:none;
  }
  {% for map in site.maps -%}
  a#{% include renderMapSlug.liquid map=map %}:target ~.{% include renderMapSlug.liquid map=map %},a#{% include renderMapSlug.liquid map=map %}:target ~.{% include renderMapSlug.liquid map=map %} .mapInfo {%- if forloop.last == false %},{%- endif %}
  {% endfor -%}
  {
    display:block;
  }
  .mapInfo {
    display:none;
  }
</style>
<main role="main">
  <!--- Main -->
  <section class="jumbotron text-center">
    <div class="container">
      <h1 class="jumbotron-heading">Community Maps</h1>
      <p class="lead text-muted">All user submitted maps are gathered on this page.</p>
      <p>
        <a href="#" class="btn btn-primary my-2">All Maps</a>
        <a href="{% link mapHelp.md %}" class="btn btn-secondary my-2">How to upload a Map</a>
      </p>
    </div>
  </section>
  <!--- Maps -->
  <div class="album">
    <div class="container">
      <div class="row">
        {%- for map in site.maps -%}
          <a id="{% include renderMapSlug.liquid map=map %}" style="display: none"></a>
        {%- endfor -%}
        {%- for map in site.maps -%}
          {% include renderMapCard.liquid map=map %}
          {% assign mod = forloop.index | modulo: 3 %}
          {% if mod == 0 %}
            <div class="w-100"></div>
          {% endif %}
          {% if forloop.last == true %}
            {% if mod == 1 %}
              <div class="col mapCard"></div>
              <div class="col mapCard"></div>
            {% elsif mod == 2 %}
              <div class="col mapCard"></div>
            {% endif %}
          {% endif %}
        {%- endfor -%}
      </div>
    </div>
  </div>
</main>