Feat: "What We've Done" - last two cards (#228)

src/_data/featured_work.yml

@@ -32,3 +32,17 @@
     - Project Management
     - Human-centered Design
     - Software Development
+
+- title: Upgrade Scenario Planning Model (SPM)
+  description: Collaborated with a diverse team to update and enhance the SPM transportation model by developing database queries and a user interface for the Southern California Association of Governments (SCAG).
+  outcome: Increased the efficiency of a PostGIS spatial query processing millions of geographic points by 70%, allowing end users to receive faster feedback and a friendlier user experience for faster data analysis.
+  tags:
+    - Software Development
+    - Human-centered Design
+
+- title: Product Schedule
+  description: Managed a research project to evaluate how well scheduling software solutions met the needs of small and rural California transit agencies. Research included conducting 30+ hours of onsite interviews with 4 agencies.
+  outcome: Deliver a research report to CalTrans summarizing research results and recommending actionable next steps to solution providers and CalTrans to provide agencies with vital scheduling resources.
+  tags:
+    - Project Management
+    - Program Development

src/our-work.html

@@ -95,7 +95,7 @@ <h2 class="mb-4">Featured work</h2>
         <div class="col">
           <div class="card h-100 text-dark border-0">
             <div class="card-body px-lg-5 mx-lg-3 py-lg-5 my-lg-5 pt-3 mt-3 pb-5 pb-3 px-4 px-2">
-              <div class="min-h-70">
+              <div class="min-h-40">
                 {% if featured_work.tags %}
                 <div class="row row-cols-1 row-cols-lg-auto g-2 g-lg-1">
                   {% for tag in featured_work.tags %}
@@ -106,6 +106,8 @@ <h2 class="mb-4">Featured work</h2>
                 </div>
                 {% endif %}
                 <h3 class="card-title fw-boldest pb-4 mb-0 pb-lg-2 mb-lg-5 pt-2 pt-lg-0 mt-4">{{ featured_work.title }}</h3>
+              </div>
+              <div class="min-h-35">
                 <p class="card-text pb-2 mb-5">{{ featured_work.description }}</p>
               </div>
 
@@ -144,6 +146,37 @@ <h4 class="pill fs-8 p-0 mb-3 text-dark fw-boldest">Outcome</h4>
         </div>
         {% endfor %}
       </div>
+
+      <div class="row row-cols-1 row-cols-lg-2 g-4 mt-0">
+        {% for featured_work in site.data.featured_work limit: 2 offset: 4 %}
+        <div class="col">
+          <div class="card h-100 text-dark border-0">
+            <div class="card-body px-lg-5 mx-lg-3 py-lg-5 my-lg-5 pt-3 mt-3 pb-5 pb-3 px-4 px-2">
+              <div class="min-h-40">
+                {% if featured_work.tags %}
+                <div class="row row-cols-1 row-cols-lg-auto g-2 g-lg-1">
+                  {% for tag in featured_work.tags %}
+                  <div class="col">
+                    <span class="pill pill-tag" aria-hidden="true">{{ tag }}</span>
+                  </div>
+                  {% endfor %}
+                </div>
+                {% endif %}
+                <h3 class="card-title fw-boldest pb-4 mb-0 pb-lg-2 mb-lg-5 pt-2 pt-lg-0 mt-4">{{ featured_work.title }}</h3>
+              </div>
+              <div class="min-h-35">
+                <p class="card-text pb-2 mb-5">{{ featured_work.description }}</p>
+              </div>
+
+              <div>
+                <h4 class="pill fs-8 text-dark fw-boldest ps-0">Outcome</h4>
+                <p class="card-text">{{ featured_work.outcome }}</p>
+              </div>
+            </div>
+          </div>
+        </div>
+        {% endfor %}
+      </div>
     </div>
   </div>
 </section>

src/styles/base.css

@@ -460,18 +460,18 @@ header {
     margin: 0;
 }
 
-.min-h-70 {
-    min-height: 70%;
+.min-h-35 {
+    min-height: 35%;
+}
+
+.min-h-40 {
+    min-height: 40%;
 }
 
 @media screen and (min-width: 992px) {
     .w-md-50 {
         width: 50% !important;
     }
-
-    .mb-lg-6 {
-        margin-bottom: calc(96rem / 16) !important;
-    }
 }
 
 /* About */