Update 1331 communities of practice page

_data/internal/communities/data-science.yml

@@ -1,6 +1,6 @@
 ---
 name: Data Science
-description: This group is a space where data science professionals can come together to share effective practices, give and get mentorship, and workshop group projects.
+description: This group is a space where data science professionals from different projects can come together to share effective practices, and give and get mentorship. The members also sometimes workshop group projects.
 visible: true
 status: Active
 location:
@@ -9,7 +9,7 @@ location:
 image: /assets/images/communities-of-practice/data.jpg
 alt: 'A person uses a laptop to review a data dashboard'
 
-meeting-times: Thursdays 8:00-9:00 pm PT (every week)
+meeting-times: Thursdays 8:00-9:00 pm PT
 
 leadership-type: Mentor Led
 leadership:

_data/internal/communities/engineering.yml

@@ -0,0 +1,30 @@
+---
+name: Engineering
+description: This group is a space where developers from different projects come together to share effective practices, give and get mentorship, set development standards, and create guides for new projects.
+visible: true
+status: Active
+location:
+  - Remote
+
+image: /assets/images/communities-of-practice/engineering.jpg
+alt: 'A computer screen shows a diagram used to manage code development'
+
+meeting-times: Wednesdays 6:00-7:00 pm PT
+
+leadership-type: Mentor Led
+leadership:
+  - name: Greg Pawin
+    role: Co-lead
+    links:
+      slack: https://hackforla.slack.com/team/UUEQF3AJG
+      github: https://github.com/gregpawin
+    picture: https://avatars.githubusercontent.com/u/36276149
+
+links:
+  - name: Slack
+    url: https://app.slack.com/client/T04502KQX/C01CU709SER
+  - name: Github
+    url: https://github.com/hackforla/engineering
+
+recruiting-message: 
+---

_data/internal/communities/ops.yml

@@ -9,7 +9,7 @@ location:
 image: /assets/images/communities-of-practice/ops.jpg
 alt: 'A dramatic closeup of a screen filled with code'
 
-meeting-times: Tuesdays 8:00-9:00 pm PT (every week)
+meeting-times: Tuesdays 8:00-9:00 pm PT
 
 leadership-type: Community Led
 leadership:
@@ -26,6 +26,5 @@ links:
   - name: Github
     url: 
 
-recruiting-message: Input here if waiting for someone to start the group.
-
+recruiting-message:
 ---

_data/internal/communities/project-management.yml

@@ -1,6 +1,6 @@
 ---
 name: Project/Product Management
-description: This group is a space where project and product managers from different projects come together to share effective practices, give and get mentorship, set development standards, and create guides and templates for new projects.
+description: PMs from different projects come together in this group to share effective practices, give and get mentorship, set product management standards, and create guides and templates for new projects.
 visible: true
 status: Active
 location:
@@ -9,17 +9,22 @@ location:
 image: /assets/images/communities-of-practice/product.jpg
 alt: 'Several people around a small table listen intently as one person speaks.'
 
-meeting-times: Tuesdays 6:00-7:00 pm PT (every other week)
+meeting-times: Tuesdays 6:00-7:00 pm PT
 
-leadership-type: Community Led
+leadership-type: Mentor Led
 leadership:
-  - name: 
-    role: 
+  - name: Niven Prasad
+    role: Co-lead
     links:
-      slack: 
-      github: 
-    picture: 
-
+      slack: https://hackforla.slack.com/team/U015R4RTDJA
+      github: https://github.com/NivenPrasad
+    picture: https://avatars.githubusercontent.com/u/61798667
+  - name: Olivia Chiong
+    role: Co-lead
+    links:
+      slack: https://hackforla.slack.com/team/U01GJC7VC6L
+      github: https://github.com/Olivia-Chiong
+    picture: https://avatars.githubusercontent.com/u/75456721
 
 links:
   - name: Slack

_data/internal/communities/ui-ux.yml

@@ -1,6 +1,6 @@
 ---
 name: UI/UX
-description: This group is needed as a space where UI and UX professionals from different projects can come together to share effective practices, give and get mentorship, set standards and create guides for new projects.
+description: This group creates a space where UI/UX designers and researchers from different projects can come together to share effective practices, give and get mentorship, set standards, and create guides for new projects.
 visible: true
 status: Active
 location:
@@ -9,11 +9,11 @@ location:
 image: /assets/images/communities-of-practice/uiux.jpg
 alt: 'A board full of Post-it notes is used as a communication tool'
 
-meeting-times: Mondays 6:00-7:00 PM PT (every week)
+meeting-times: Mondays 6:00-7:00 PM PT
 
 leadership-type: Peer Led
 leadership:
-  - name: Danielle Nevidi
+  - name: Danielle Nedivi
     role: Co-lead
     links:
       slack: https://hackforla.slack.com/team/U013U4VN8V7

_sass/components/_communities-of-practice.scss

@@ -80,7 +80,7 @@
     min-height: 454px;
     height: fit-content;
 
-    @media #{$bp-below-tablet} {
+    @media #{$bp-below-desktop} {
       flex-direction: column;
     }
   }
@@ -89,7 +89,7 @@
     flex: 0 0 auto;
     width: 327px;
     overflow: hidden;
-    @media #{$bp-below-tablet} {
+    @media #{$bp-below-desktop} {
       width: 100%;
       max-height: 40vh;
 
@@ -126,20 +126,27 @@
 
 /*leader card styling - adapted from project page, mostly wrt sizing */
 .leader-list--communities {
-  display:flex;
-  flex-flow: row wrap;
-  justify-content:space-evenly;
-  margin: 20px -5px;
-  @media #{$bp-below-tablet} {
-    justify-content:center;
+  display: grid;
+  justify-content: start;
+  grid-template-columns: auto auto;
+  grid-gap: 20px;
+  margin: 20px 0px;
+
+  @media #{$bp-below-desktop} {
+    display: flex;
+    flex-direction: column;
+    grid-gap: 0px;
+    align-items: center;
   }
-    }
+}
+
 .leader-img--communities {
   margin: 10px;
   width: 50px;
   min-width: 40px;
   border-radius: 10px;
-  }
+}
+
 .leader-card--communities {
   display: grid;
   grid-template-rows: auto;

pages/communities-of-practice.html

@@ -21,9 +21,10 @@ <h1>Communities of Practice</h1>
     <object data="/assets/images/communities-of-practice/comm-prac-header.svg" type="image/svg+xml" class="header-img--communities" /> </object>
 </section>
 <section class="content-section content--communities">
-    {% for community in site.data.internal.communities %}
+    {% assign sorted_communities = site.data.internal.communities | sort %}
+    {% for community in sorted_communities %}
     {% if community[1].visible == true %}
-    <div class="page-card-base card-primary page-card-lg page-card--communities page-card-container">
+    <div class="page-card-base card-primary page-card-lg page-card-container">
         <div class="page-card-image-container">
             <img class="page-card-image" src="{{ community[1].image }}" alt="{{ community[1].alt }}"/>
         </div>
@@ -57,7 +58,7 @@ <h3>{{ community[1].name}}</h3>
                 {% endfor %}
                 </div>
             {% endif %}                
-            {% if community[1].status == "Seeking" %}
+            {% if community[1].status == "Seeking" and community[1].recruiting-message %}
                 <p><strong>How to get started:</strong> {{ community[1].recruiting-message }}</p>
             {% endif %}
             <div class="align-center">