people-with-sidebar-facets.html

<div class="insert-exhibit">
 
  <link href="http://people.csail.mit.edu/eob/drupal2/datapress/user/role/principal__investigators/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;
      padding: 0;
      margin: 0;
    }
 
    td.info-cell {
      width: 160px;
      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.vfacet-container {
     padding: 0 15px 0 30px;
    }
    
    div.vfacet-container div.exhibit-facet-header {
      font-size: 14px;
      font-weight: bold;
      text-transform: uppercase;
    }
 
    .clear {
      clear: both;
      float: none;
    }
  </style>
 
  <div class="vfacet-container" data-remap="true" data-destination="#sidebar-first" data-offset="prepend">
    <div ex:role="facet" ex:expression=".custom-affiliation" ex:facetLabel="Affiliation"></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>