Pre-rendered source of Staff List

<ol class="page-local-history" itemscope="" itemtype="http://schema.org/BreadcrumbList"><li class="root" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"><a href="/" itemprop="item"><span itemprop="name">Web.Unimelb</span></a><meta content="1" itemprop="position" /></li><li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"><a href="/layouts" itemprop="item" title="Layouts"><span itemprop="name">Layouts</span></a><meta content="2" itemprop="position" /></li><li class="last" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"><a href="" itemprop="item" title="Source"><span itemprop="name">Source</span></a><meta content="3" itemprop="position" /></li></ol>
<div role="main">
  <header>
    <h1>
      Our staff
    </h1>
  </header>
  <div class="flash flash--info">
    <p>
      <strong>Success!</strong> This is an example of a flash message.
    </p>
  </div>
  <section>
    <ul class="staff-listing-detailed">
      <li>
        <a href="">
          <div class="frame">
            <img alt="" src="http://placeimg.com/200/200/animals" />
          </div>
          <strong>Paul Tagell</strong>
          <p>
            Philosopher
          </p>
          <p>
            <em>University of Melbourne</em>
          </p>
        </a>
      </li>
    </ul>
    <hr class="spacer" />
    <ul class="staff-listing min">
      <li>
        <div class="profile">
          <div class="frame">
            <img alt="" src="http://placeimg.com/50/50/animals?2" />
          </div>
        </div>
        <div class="details">
          <a href="#">Jason Smith</a>, <em>Coffee Expert</em>
        </div>
      </li>
      <li>
        <div class="profile">
          <div class="frame">
            <img alt="" src="http://placeimg.com/50/50/animals?3" />
          </div>
        </div>
        <div class="details">
          <a href="#">Andi Weis</a>, <em>Can eat a lot</em>
        </div>
      </li>
      <li>
        <div class="profile">
          <div class="frame"></div>
        </div>
        <div class="details">
          <a href="#">Anne Shea</a>, <em>Chef</em>
        </div>
      </li>
      <li>
        <div class="profile">
          <div class="frame">
            <img alt="" src="http://placeimg.com/50/50/animals?5" />
          </div>
        </div>
        <div class="details">
          <a href="#">Carl Jackson</a>, <em>Crepe Expert</em>
        </div>
      </li>
    </ul>
  </section>
</div>