Feat: add /our-work page (#208)

src/_data/featured_work.yml

@@ -0,0 +1,48 @@
+- title: Customer Success Strategy
+  description: |
+    Implemented a new Customer Success program, including setting up a Customer Relationship Management (CRM) platform and assigning Account Managers to work with California Transit Agencies.
+  outcome: |
+    Launched a tiered system to provide 189 California transit agencies with a Customer Success Account Manager after successfully demoing a cohort program. CRM activity increased by 62% in 2023.
+  tags:
+    - Project management
+    - Program development
+
+- title: Operational Data Standard (ODS)
+  description: |
+    Convened the Operational Data Standards (ODS) working group to draft ODS v1, an open standard for describing scheduled transit operations by building on GTFS to include personnel and non-revenue service data.
+  outcome: |
+    Five vendors are capable of reading or writing ODS feeds in their software offerings. This standard is available to transit agencies to improve their scheduled transit operations. ODS v2 is in development.
+  tags:
+    - Data standards development
+
+- title: Data + Donuts
+  image: /assets/our_work/datadonuts.png
+  image_alt_text: An image of a logo containing a donut, where the top half displays a pie chart, and the words “Data plus sign Donuts.”
+  description: In collaboration with government partners, Compiler produced and managed monthly community events, Data + Donuts since 2017. Past speakers have included technology and policy leaders from LA Metro, California Department of Technology (CDT), the Southern California Association of Governments (SCAG), and Caltrans.
+  outcome: Successfully relaunched Data + Donuts in person after the pandemic in June 2023. We have been hosting events ever since and livestreaming them for a larger audience for those who don’t want to attend in person.
+  tags:
+    - Project Management
+
+- title: Benefits
+  image: /assets/our_work/benefits.png
+  image_alt_text: An image showing the home screen of a website called Cal-ITP Benefits, where a hand is holding a credit card using a contactless payment reader.
+  description: Designed and developed a web application that allows transit riders to digitally verify their identity, check their eligibility for reduced transit fares, and enroll their credit or debit card to automatically receive a reduced fare on transit when they tap-to-pay.
+  outcome: Monterey-Salinas Transit (MST) was the first transit operator in California to adopt the Benefits app in 2022. Santa Barbara Metropolitan Transit District (SBMTD) launched in 2023, and several more operators are expected to launch in 2024. The app supports benefits enrollment for older adults, veterans, and CalFresh cardholders. Future enrollment options include Medicare cardholders and persons with disabilities.
+  tags:
+    - 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 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: Delivered 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/_data/services.yml

@@ -0,0 +1,19 @@
+- name: Software development
+  id: software-development
+  description: Agile web application development and support with data publishing needs and tools for data analysts.
+
+- name: Human-centered design
+  id: human-centered-design
+  description: User-centered design that incorporates accessibility requirements and multiple language support.
+
+- name: Data Standards development
+  id: data-standards-development
+  description: Collaborate with agencies and stakeholders to create equity and transparency through developing standards.
+
+- name: Project management
+  id: project-management
+  description: Ensure timely and efficient delivery of project goals and objectives.
+
+- name: Program development
+  id: program-development
+  description: Build teams and services from the ground up within the government.

src/_includes/nav.html

@@ -1,40 +1,57 @@
 <nav class="navbar navbar-dark">
-    <a class="d-inline-block" href="/"><img width="88" height="46" src="/assets/compiler_logo_stacked.svg" alt="Compiler logo"></a>
-    <button class="navbar-toggler p-0 border-0 rounded-0" type="button" data-bs-toggle="modal" data-bs-target="#navbarToggler"
-        aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
-        <span class="navbar-toggler-icon"></span>
-    </button>
-    <div class="modal fade" tabindex="-1" id="navbarToggler" aria-label="menu">
-        <div class="modal-dialog modal-fullscreen">
-            <div class="modal-content">
-                <div class="modal-header border-0 d-flex justify-content-end">
-                    <button type="button" class="btn-close p-0 m-0 rounded-0 border-0 opacity-100" data-bs-dismiss="modal" aria-label="Close"></button>
-                </div>
-                <div class="modal-body">
-                    <div class="d-flex align-items-center h-100 offset-lg-2 col-lg-10">
-                        <ul class="list-unstyled">
-                            <li>
-                                <a class="h2 text-white d-inline-block mb-4 pb-2 pb-lg-0" href="/">Home</a>
-                            </li>
-                            <li>
-                                <a class="h2 text-white d-inline-block mb-4 pb-2 pb-lg-0" href="/about">About</a>
-                            </li>
-                            <li>
-                                <a class="h2 text-white d-inline-block mb-4 pb-2 pb-lg-0" href="/jobs">Jobs</a>
-                            </li>
-                            <li>
-                                <a class="h2 text-white d-inline-block mb-4 pb-2 pb-lg-0" href="/blog">Blog</a>
-                            </li>
-                            <li>
-                                <a class="h2 text-white d-inline-block" target="_blank" href="/capabilities">Capabilities Statement</a>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-                <div class="modal-footer border-0 p-0">
-                    <div class="nav-footer-pattern"></div>
-                </div>
-            </div>
+  <a class="d-inline-block" href="/"
+    ><img width="88" height="46" src="/assets/compiler_logo_stacked.svg" alt="Compiler logo"
+  /></a>
+  <button
+    class="navbar-toggler p-0 border-0 rounded-0"
+    type="button"
+    data-bs-toggle="modal"
+    data-bs-target="#navbarToggler"
+    aria-controls="navbarToggler"
+    aria-expanded="false"
+    aria-label="Toggle navigation"
+  >
+    <span class="navbar-toggler-icon"></span>
+  </button>
+  <div class="modal fade" tabindex="-1" id="navbarToggler" aria-label="menu">
+    <div class="modal-dialog modal-fullscreen">
+      <div class="modal-content">
+        <div class="modal-header border-0 d-flex justify-content-end">
+          <button
+            type="button"
+            class="btn-close p-0 m-0 rounded-0 border-0 opacity-100"
+            data-bs-dismiss="modal"
+            aria-label="Close"
+          ></button>
         </div>
+        <div class="modal-body">
+          <div class="d-flex align-items-center h-100 offset-lg-2 col-lg-10">
+            <ul class="list-unstyled">
+              <li>
+                <a class="h2 text-white d-inline-block mb-4 pb-2 pb-lg-0" href="/">Home</a>
+              </li>
+              <li>
+                <a class="h2 text-white d-inline-block mb-4 pb-2 pb-lg-0" href="/about">About</a>
+              </li>
+              <li>
+                <a class="h2 text-white d-inline-block mb-4 pb-2 pb-lg-0" href="/our-work">Our Work</a>
+              </li>
+              <li>
+                <a class="h2 text-white d-inline-block mb-4 pb-2 pb-lg-0" href="/jobs">Jobs</a>
+              </li>
+              <li>
+                <a class="h2 text-white d-inline-block mb-4 pb-2 pb-lg-0" href="/blog">Blog</a>
+              </li>
+              <li>
+                <a class="h2 text-white d-inline-block" target="_blank" href="/capabilities">Capabilities Statement</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+        <div class="modal-footer border-0 p-0">
+          <div class="nav-footer-pattern"></div>
+        </div>
+      </div>
     </div>
+  </div>
 </nav>

src/_includes/ready-to-work.html

@@ -0,0 +1,10 @@
+<div class="container my-5 py-5">
+  <div class="offset-lg-2 col-lg-8 text-center">
+    {% assign h3-text = "Ready to work together?" %} {% if include.h3-class %}
+    <h3 class="{{include.h3-class}}">{{h3-text}}</h3>
+    {% else %}
+    <h3>{{h3-text}}</h3>
+    {% endif %}
+    <a class="btn btn-primary text-center d-inline-block mt-2" target="_blank" href="mailto:[email protected]">Contact us</a>
+  </div>
+</div>

src/about.html

@@ -145,12 +145,7 @@ <h3 class="h4 pt-3 mb-1 d-inline-block text-white">{{ member.name }}</h3>
 
 <section class="bg-w-100 bg-white">
     <div class="row">
-        <div class="container my-5 py-5">
-            <div class="offset-lg-2 col-lg-8 text-center">
-                <h3 class="text-dark">Ready to work together?</h3>
-                <a class="btn btn-primary text-center d-inline-block mt-2" target="_blank" href="mailto:[email protected]">Contact us</a>
-            </div>
-        </div>
+        {% include ready-to-work.html h3-class="text-dark" %}
     </div>
 </section>