---
layout: cover
---

<div class="parent-container">

{% for list in site.data.lists %}
  {% assign list-items = list[1].list-items | uniq | sort: "name" %}
  {% assign var = forloop.length %}
  <section class="list divider parent">
    <ul class="no-bullets row" id="{{ list[1].heading }}">

      {% for item in list-items %}
      <li class="over-800">
        {{ list[1].heading }}
      </li>
      {% endfor %}

      <li class="under-800 list-title button"
          onclick='toggleMainList({{ forloop.index0 }})'>
        <ul class="no-bullets list-flex">
          <li>{{ list[1].heading }} ({{ list-items | size }})</li><!--
       --><li><span class="main-list-icon">•</span></li>
        </ul>
      </li>

    </ul><!--

 --><ul class="no-bullets row list-content main-list-content child-container">
      {% for item in list-items %}
      <li>
        <a href="{{ item.href | prepend: 'http://' }}" target="_blank" data-size="{{ forloop.index }}"><!--
       --><span>{{ item.name | downcase }}</span><!--
     --></a>
      </li>
      {% endfor %}
    </ul>
  </section>
{% endfor %}

</div>


<script type="text/javascript">
  {% asset 'main.js' %}
</script>

---
layout: cover
---

<div class="parent-container">

{% for list in site.data.lists %}
  {% assign list-items = list[1].list-items | uniq | sort: "name" %}
  {% assign var = forloop.length %}
  <section class="list divider parent">
    <ul class="no-bullets row" id="{{ list[1].heading }}">

      {% for item in list-items %}
      <li class="over-800">
        {{ list[1].heading }}
      </li>
      {% endfor %}

      <li class="under-800 list-title button"
          onclick='toggleMainList({{ forloop.index0 }})'>
        <ul class="no-bullets list-flex">
          <li>{{ list[1].heading }} | {{ list-items | size }}</li><!--
       --><li><span class="main-list-icon">•</span></li>
        </ul>
      </li>

    </ul><!--

 --><ul class="no-bullets row list-content main-list-content child-container">
      {% for item in list-items %}
      <li>
        <a href="{{ item.href | prepend: 'http://' }}" target="_blank" data-size="{{ forloop.index }}"><!--
       --><span>{{ item.name | downcase }}</span><!--
     --></a>
      </li>
      {% endfor %}
    </ul>
  </section>
{% endfor %}

</div>


<script type="text/javascript">
  {% asset 'main.js' %}
</script>

Use pipe instead of parentheses for list size
Use pipe instead of parentheses for list size
