Merge pull request #12 from NeurodataWithoutBorders/team-board-titles

Add professional titles for team members in layout

Author: bendichter

content/team/_index.md

@@ -30,20 +30,28 @@ current_team_section:
   team_members:
     - image: /images/bing.png
       name: Bing Brunton
+      post: Professor at University of Washington
     - image: /images/elizabeth.png
       name: Elizabeth Buffalo
+      post: Professor at University of Washington
     - image: /images/anne.png
       name: Anne Churchland
+      post: Professor at UCLA
     - image: /images/loren.png
       name: Loren Frank
+      post: Professor at UCSF
     - image: /images/satrajit.png
       name: Satrajit Ghosh
+      post: Principal Research Scientist at MIT
     - image: /images/adam-kepecs.png
       name: Adam Kepecs
+      post: Professor at Washington University in St. Louis
     - image: /images/mala.png
       name: Mala Murthy
+      post: Professor at Princeton University
     - image: /images/kris.png
       name: Kris Bouchard
+      post: Staff Scientist at Lawrence Berkeley National Laboratory
 alumni_section:
   enable: true
   alumni:
@@ -68,18 +76,24 @@ technical_team_section:
   team_members:
     - image: /images/alessio.png
       name: Alessio Buccino
+      post: Researcher at Allen Institute for Neural Dynamics & Research Software Engineer at CatalystNeuro
     - image: /images/saskia.png
       name: Saskia de Vries
+      post: Senior Scientist at Allen Institute for Neural Dynamics
     - image: /images/yaroslav.png
       name: Yaroslav Halchenko
+      post: Research Associate Professor at Dartmouth College
     - image: /images/ryan-ly.png
       name: Ryan Ly
+      post: Scientific Data Engineer at Berkeley Lab
     # - image: /images/lawrence-niu.png
     #   name: Lawrence Niu
     - image: /images/kushal.png
       name: Kushal Bakshi
+      post: Neuroscience Data Engineer II at DataJoint
     - image: /images/szonja-weigl.jpeg
       name: Anna (Szonja) Weigl
+      post: Research Software Engineer at CatalystNeuro
 core_dev_section:
   pynwb_section:
     enable: true

layouts/team/list.html

@@ -66,7 +66,43 @@ <h5 class="inter-700 text-20 dark-900 pt-4">{{ $element.name | markdownify }}</h
           {{ end }}
         {{ end }}
       </div>
-    </section>
+    </div>
+</section>
+{{ end }}
+{{/* End Executive Board Section */}}
+
+{{/* Current Team Section */}}
+{{ with .Params.current_team_section }}
+  {{ if .enable }}
+  <section class="section bg-dark-100 pt-0">
+    <div class="container-lg">
+      <h3 class="inter-700 dark-900 text-40 pb-5">Current Membership of the Executive Board</h3>
+      <div class="row g-2 g-md-4" id="team-members">
+        {{ range $index, $element := .team_members }}
+        <div class="col-6 col-sm-4 col-md-3 team-member {{ if gt $index 7 }}d-none{{ end }}" data-index="{{ $index }}">
+          <div class="h-100 bg-white rounded-3 p-md-4 p-2 shadow-sm pb-md-3">
+            <img src="{{ $element.image }}" alt="" class="img-fluid rounded-3">
+            <h5 class="inter-700 text-20 dark-900 pt-4">{{ $element.name | markdownify }}</h5>
+            {{ if $element.post }}<p class="inter-400 text-14 dark-900">{{ $element.post | markdownify }}</p>{{ end }}
+          </div>
+        </div>
+        {{ end }}
+      </div>
+      {{ if gt (len .team_members) 8 }}
+      <div class="d-flex justify-content-center align-items-center pt-4 flex-column flex-sm-row gap-2 mt-5">
+        <a href="javascript:void(0);" id="show-more" class="btn btn-lg border shadow-sm bg-white dark-900 inter-500 text-16">
+          <span>Show More</span>
+          <img src="/images/essentials/d-down-arrow.png" alt="" width="20" height="20">
+        </a>
+        <a href="javascript:void(0);" id="show-less" class="btn btn-lg border shadow-sm bg-white dark-900 inter-500 text-16 d-none">
+          <span>Show Less</span>
+          <img src="/images/essentials/d-down-arrow.png" alt="" width="20" height="20" class="rotatedIcon">
+        </a>
+      </div>
+      {{ end }}
+    </div>
+  </section>
+  {{ end }}
 {{ end }}
 {{/* End Current Team Section */}}
 
@@ -138,11 +174,10 @@ <h5 class="inter-700 text-20 dark-900 pt-4">{{ $p.name | markdownify }}</h5>
       </div>
       {{ end }}
     {{ end }}
-    </div>
 </section>
 {{ end }}
 {{ end }}
-{{/* End Current Members of Technical Board Section */}}
+{{/* End Technical Board Section */}}
 
 {{/* Core Development Team Section */}}
 {{ with .Params.core_dev_section }}
@@ -157,7 +192,7 @@ <h2 class="inter-700 text-40 dark-900">Core Development Team</h2>
             <h3 class="inter-600 dark-900 text-36">PyNWB</h3>
             <div class="row gy-2 g-md-3 g-lg-5 pt-4">
                 {{ range .team_members }}
-                <div class="col-sm-6 col-md-4">
+                <div class="col-6 col-sm-4 col-md-3">
                     <div class="h-100 bg-white rounded-3 p-4 shadow-sm pb-2 d-flex flex-column justify-content-between">
                         <div class="d-flex flex-column justify-content-center align-items-center">
                             <img src="{{ .image }}" alt="" class="img-fluid rounded-3">