Add Community Building Committee to About page

about.html

@@ -447,6 +447,27 @@
     affiliation: SageMath
     gh_handle: williamstein
 
+community_building:
+- name: Martha Cryan
+  photo: Martha_Cryan.jpg
+  gh_handle: marthacryan
+- name: Jason Grout
+  photo: JasonGrout.jpeg
+  affiliation: Databricks
+  gh_handle: jasongrout
+  mastodon: https://fosstodon.org/@jasongrout
+  personal: https://jasongrout.org/
+- name: Ana Ruvalcaba
+  photo: Ana_Ruvalcaba.jpg
+  affiliation: Cal Poly, San Luis Obispo
+  gh_handle: ruv7
+- name: Rollin Thomas
+  photo: Rollin_Thomas.jpg
+  linkedin: https://www.linkedin.com/in/rollin-thomas-507185b5/
+  personal: https://www.nersc.gov/about/nersc-staff/programming-environments-and-models/rollin-thomas/
+  gh_handle: rcthomas
+  twitter_handle: r_c_thomas
+
 sponsor_box:
   headline: Sponsors
   description: 'Project Jupyter receives direct funding from the following sources:'
@@ -700,6 +721,30 @@ <h3>Inaugural Cohort (Former Steering Council Members)</h3>
       </div>
     </div>
 
+  {% include hr.html %}
+
+    <!-- COMMUNITY COMMITTEE MEMBERS -->
+    <div class="content content--copy">
+        <h2 class="text-center">Community Building Committee Members</h2>
+    </div>
+
+    <div class="content content--wide">
+        <div class="biocard-wrapper">
+        {% for bio in page.community_building %}
+            {% include biocard.html
+                name=bio.name
+                photo=bio.photo
+                affiliation=bio.affiliation
+                personal=bio.personal
+                gh_handle=bio.gh_handle
+                linkedin=bio.linkedin
+                twitter_handle=bio.twitter_handle
+                mastodon=bio.mastodon
+            %}
+        {% endfor %}
+        </div>
+    </div>
+
   {% include hr.html %}
 
     <!-- TRADEMARK MEMBERS -->
@@ -724,7 +769,7 @@ <h2 class="text-center">Trademark Subcommittee Members</h2>
         </div>
     </div>
 
-  <!-- SPONSORS BOX -->
+    <!-- SPONSORS BOX -->
   <div class="about-box section-grey content content--wide">
     <h2 class="text-center">{{ page.sponsor_box.headline }}</h2>
     <p class="content content--copy text-center">