index.html

---
layout: default
---

<div class="post-header">
    <header class="wrapper">
        <h1 class="post-title home">Personas</h1>
    </header>
</div>
<div class="wrapper">


      <ul class="post-list">
        {% for page in site.pages %}
            {% if page.path contains 'persona' %}
                <li>
                    <a class="post-link" href="{{ page.url | prepend: site.baseurl }}">
                        <img src="{{ site.baseurl }}/assets/{{ page.image | downcase }}.jpg" />
                        <div class="details">
                            <span class="title">{{ page.title }}</span>
                            <span class="demographic">
                                {% for demographic in page.demographic %}
                                {% if forloop.index != 1 %}, {% endif %}{{ demographic }}
                                {% endfor %}
                            </span>
                        </div>
                    </a>
                </li>
          {% endif %}
        {% endfor %}
      </ul>

</div>