HTML for the People page of the CSAIL BD Site

people.html

<div class="insert-exhibit">

  <link href="http://bigdata.csail.mit.edu/datapress/user/role/principal%20investigators/json" rel="exhibit/data" type="application/json">

  <style>

    /*
     * These get rid of the extra bits that Exhibit takes the liberty of adding.
     * ------------------------------------------------------------------------------
     */

    div.exhibit-controlPanel,
    div.exhibit-bookmarkWidget-popup,
    div.exhibit-collectionView-header,
    div.exhibit-toolboxWidget-popup {
      display: none !important;
    }

    /*
     * This styles the user block
     * ------------------------------------------------------------------------------
     */

    table.user-block {
      margin: 0;
      padding: 0;
      clear: both;
      width: 100%;
    }

    td.pic-cell {
      width: 150px !important;
      padding: 0;
      margin: 0;
    }

    td.info-cell {
      width: 160px !important;
      padding: 0;
      margin: 0;
      padding-top: 25px;
      padding-right: 10px;
    }

    a.username {
      font-weight: bold;
      display: block;
      margin-bottom: 5px;
    }

    span.affiliation {
      display: block;
      margin-top: 0;
    }

    div.hfacet-container {
      display: block;
      width: 100%;
      clear: both;
    }

    div.hfacet {
      margin-left: 15px;
      margin-right: 15px;
      display: bock;
    }

    div.hfacet div.exhibit-facet-header {
      font-size: 16px;
      float: left;
    }

    div.hfacet div.exhibit-text-facet {
      float: left;
      margin-left: 10px;
    }

    .clear {
      clear: both;
      float: none;
    }
  </style>

  <div class="hfacet-container">
    <div class="hfacet">
      <div ex:facetclass="TextSearch" ex:facetlabel="Search People" ex:role="facet"></div>
    </div>
  </div>

  <table class="user-block" ex:role="lens" style="display:none;">
    <tr>
      <td class="pic-cell">
        <a ex:href-content="concat('http://bigdata.csail.mit.edu/user/', .uid)" title="View user profile.">
          <img ex:alt-content=".name" ex:src-content="concat('http://bigdata.csail.mit.edu/sites/bigdata/files/styles/medium/public/pictures/', .picture-filename)" />
        </a>
      </td>
      <td class="info-cell">
        <a class="username" ex:content=".name" ex:href-content="concat('http://bigdata.csail.mit.edu/user/',.uid)" title="View user profile."></a>
        <span class="affiliation" ex:content=".custom-affiliation"></span>
      </td>
    </tr>
  </table>

  <div class="clear" ex:role="viewPanel">
    <div ex:label="Principal Investigators" ex:role="view" ex:viewclass="Thumbnail" ex:orders=".custom-last_name" ex:possibleOrders=".custom-last_name" ex:showAll="true" ex:grouped="false"></div>
  </div>
</div>