A Profile Index template for CleanSlate CMS.

profile_index.html

---
layout: default
---

<div class="wvu-container">

  <div id="maincontent" class="main">
    <h1><r:page:name /></h1>

    <ul class="wvu-profile">
      <r:children:each>
        <li class="wvu-profile__individual">

          <div class="wvu-profile__individual-photo">
            <a href="<r:page:url />">
              <r:page:content name="wvu-profile__photo" />
            </a>
          </div> <!-- /.wvu-profile__individual-photo -->

          <div class="wvu-profile__individual-info">
            <h2><a id="aria__profile--<r:page:id />" href="<r:page:url />"><r:page:content name="wvu-profile__name" /></a></h2>
            <h3><r:page:content name="wvu-profile__job-title" /></h3>
            <p><a href="tel:<r:page:content name="wvu-profile__phone" />"><r:page:content name="wvu-profile__phone" /></a></p>
            <p><r:page:content name="wvu-profile__email" /></p>
            <p><r:page:content name="wvu-profile__short-description" /></p>
            <p><a aria-labelledby="aria__profile--<r:page:id />" class="button" href="<r:page:url />">Read Full Bio</a></p>
          </div> <!-- /.wvu-profile__individual-info -->

        </li> <!-- /.wvu-profile__individual -->
      </r:children:each>
    </ul>

  </div>  <!-- /.main -->

</div> <!-- /.wvu-container -->