vitro/webapp/web/templates/freemarker/body/menupage/menupage--classgroup-people.ftl

<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
<section id="intro-menupage" role="region">
    <h3>People</h3>
    
    <section id="content-foaf-person" role="region">
        <h4>Visual Graph</h4>
        
        <@widget name="browse" classGroup="people"/>
          
        <section id="foaf-person-graph" role="region">
            <img src="${urls.images}/menupage/visual-graph.jpg" alt="" />
        </section>
    </section>
    
    <section id="find-by" role="region">
        <nav role="navigation">
            <h3>Find By</h3>
            
            <ul id="find-filters">
                <li><a href="#">Research Area</a></li>
                <li><a href="#">Authorship</a></li>
                <li><a href="#">Subject Area</a></li>
                <li><a href="#">Department</a></li>
                <li><a href="#">International Geographic Focus</a></li>
                <li><a href="#">Courses</a></li>
                <li><a href="#">Keywords</a></li>
            </ul>
        </nav>
    
    </section>
</section>

<section id="network-stats" role="region">
    <h3>Network stats</h3>
    
    <p>(n) Persons | (n) with authorship | (n) researchers | (n) are principal investigators | (n) with awards | (n) are teaching | (n) have positions in organization</p>
</section>

<section id="researchers" role="region">
    <h3>Researchers</h3>
    
    <p>A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | All</p>
    
    <section id="researchers-slider" role="region">
        <div id="alpha-display">A</div>
    
        <nav id="profile-photo-display" role = "navigation">
            <ul>
                <li><img src="${urls.images}/menupage/person-thumbnail.jpg" width="90" height="90" alt="foaf:lastName, foaf:firstName" /></li>
                <li><img src="${urls.images}/menupage/person-thumbnail.jpg" width="90" height="90" alt="foaf:lastName, foaf:firstName" /></li>
                <li><img src="${urls.images}/menupage/person-thumbnail.jpg" width="90" height="90" alt="foaf:lastName, foaf:firstName" /></li>
                <li><img src="${urls.images}/menupage/person-thumbnail.jpg" width="90" height="90" alt="foaf:lastName, foaf:firstName" /></li>
                <li><img src="${urls.images}/menupage/person-thumbnail.jpg" width="90" height="90" alt="foaf:lastName, foaf:firstName" /></li>
                <li><img src="${urls.images}/menupage/person-thumbnail.jpg" width="90" height="90" alt="foaf:lastName, foaf:firstName" /></li>
            </ul>
        </nav>
        
        <div id="nav-display">
            <p>All</p>
            
            <a href="#"><img src="${urls.images}/menupage/arrow-carousel-people.jpg" alt="" width="44" height="58" /></a> 
        </div>
    </section>
</section>

<section id="browse-by" role="region">
    <h2>Browse By</h2>
    
    <nav role="navigation">
        <ul id="browse-childClasses">
            <li><a class="selected" href="#">Faculty Members<span class="count-classes"> (280)</span></a></li>
            <li><a href="#">Graduate Students<span class="count-classes"> (280)</span></a></li>
            <li><a href="#">Undergraduate Students<span class="count-classes"> (280)</span></a></li>
            <li><a href="#">Librarians<span class="count-classes"> (280)</span></a></li>
            <li><a href="#">Non Academic<span class="count-classes"> (280)</span></a></li>
            <li><a href="#">Non Faculty Members<span class="count-classes"> (280)</span></a></li>
        </ul>
        <nav role="navigation">
            <ul id="alpha-browse-childClass">
                <li><a href="#">All<span class="count-classes"> (280)</span></a></li>
                <li><a href="#">A<span class="count-classes"> (280)</span></a></li>
                <li><a class="selected" href="#">B<span class="count-classes"> (280)</span></a></li>
                <li><a href="#">D<span class="count-classes"> (280)</span></a></li>
                <li><a href="#">F<span class="count-classes"> (280)</span></a></li>
                <li><a href="#">G<span class="count-classes"> (280)</span></a></li>
                <li><a href="#">H<span class="count-classes"> (280)</span></a></li>
                <li><a href="#">I<span class="count-classes"> (280)</span></a></li>
                <li><a href="#">K<span class="count-classes"> (280)</span></a></li>
                <li><a href="#">L<span class="count-classes"> (280)</span></a></li>
                <li><a href="#">N<span class="count-classes"> (280)</span></a></li>
                <li><a href="#">P<span class="count-classes"> (280)</span></a></li>
                <li><a href="#">R<span class="count-classes"> (280)</span></a></li>
                <li><a href="#">U<span class="count-classes"> (280)</span></a></li>
                <li><a href="#">V<span class="count-classes"> (280)</span></a></li>
                <li><a href="#">Y<span class="count-classes"> (280)</span></a></li>
                <li><a href="#">Z<span class="count-classes"> (280)</span></a></li>
            </ul>
        </nav>
    </nav>
    
    <section id="individuals-in-childClass" role="region">
        <h3>B</h3>
        
        <article class="vcard individual-foaf-person" role="navigation"> <img src="${urls.images}/menupage/person-thumbnail.jpg" width="90" height="90" alt="foaf:lastName, foaf:firstName" />
            <h1 class="fn"><strong>foaf:lastName, foaf:fisrtName</strong><br>core:preferredTitle <br><span class="org">Albert Mann Library</span></h1>
        </article>
        
        <article class="vcard individual-foaf-person"  role="navigation"> <img src="${urls.images}/menupage/person-thumbnail.jpg" width="90" height="90"  alt="foaf:lastName, foaf:firstName"/>
            <h1 class="fn"><strong>foaf:lastName, foaf:fisrtName</strong><br>core:preferredTitle <br><span class="org">Albert Mann Library</span></h1>
        </article>
        
        <article class="vcard individual-foaf-person" role="navigation"> <img src="${urls.images}/menupage/person-thumbnail.jpg" width="90" height="90"  alt="foaf:lastName, foaf:firstName"/>
            <h1 class="fn"><strong>foaf:lastName, foaf:fisrtName</strong><br>core:preferredTitle <br><span class="org">Albert Mann Library</span></h1>
        </article>
        
        <article class="vcard individual-foaf-person" role="navigation"> <img src="${urls.images}/menupage/person-thumbnail.jpg" width="90" height="90"  alt="foaf:lastName, foaf:firstName"/>
            <h1 class="fn"><strong>foaf:lastName, foaf:fisrtName</strong><br>core:preferredTitle <br><span class="org">Albert Mann Library</span></h1>
        </article>
        
        <article class="vcard individual-foaf-person" role="navigation"> <img src="${urls.images}/menupage/person-thumbnail.jpg" width="90" height="90"  alt="foaf:lastName, foaf:firstName"/>
            <h1 class="fn"><strong>foaf:lastName, foaf:fisrtName</strong><br>core:preferredTitle <br><span class="org">Albert Mann Library</span></h1>
        </article>
        
        <article class="vcard individual-foaf-person" role="navigation"> <img src="${urls.images}/menupage/person-thumbnail.jpg" width="90" height="90"  alt="foaf:lastName, foaf:firstName"/>
            <h1 class="fn"><strong>foaf:lastName, foaf:fisrtName</strong><br>core:preferredTitle <br><span class="org">Albert Mann Library</span></h1>
        </article>
        
        <article class="vcard individual-foaf-person" role="navigation"> <img src="${urls.images}/menupage/person-thumbnail.jpg" width="90" height="90"  alt="foaf:lastName, foaf:firstName"/>
            <h1 class="fn"><strong>foaf:lastName, foaf:fisrtName</strong><br>core:preferredTitle <br><span class="org">Albert Mann Library</span></h1>
        </article>
    </section>    
</section>