Add clean slate project (#130)

Also fixes the structure of cards throughout the website so that they style correctly with only one card. It seems the grid-container and grid-row divs aren't necessary.
civictechdc · Oct 29, 2024 · 33a0e7b · 33a0e7b
1 parent 5a66c77
commit 33a0e7b
Show file tree

Hide file tree

Showing 12 changed files with 112 additions and 92 deletions.
diff --git a/_includes/components/meetup-events.html b/_includes/components/meetup-events.html
@@ -13,62 +13,60 @@ <h2>Join us at one of our upcoming project nights!</h2>
       * If there are two upcoming events then the "next event" and "future event" details are added
         and the future event card is unhidden.
     -->
-  <div class="grid-container">
-    <ul class="usa-card-group usa-list">
-      <li class="usa-card grid-col-12 tablet:grid-col-6">
-        <div class="usa-card__container">
-          <div class="usa-card__header">
-            <h3 id="meetup-next-event-date">We're still scheduling it!</h3>
-          </div>
-          <div class="usa-card__body">
-            <h4 id="meetup-next-event-title" class="margin-bottom-0">
-              Check back soon
-            </h4>
-            <p hidden id="meetup-next-event-details">
-              <span id="meetup-next-event-location"></span>
-              <br />
-              <span id="meetup-next-event-num-rsvps"></span> attendees
-            </p>
-            <p>
-              <a
-                id="meetup-next-event-rsvp-button"
-                target="_blank"
-                href="https://www.meetup.com/civic-tech-dc/"
-                class="usa-button"
-                >Follow us on Meetup »</a
-              >
-            </p>
-          </div>
+  <ul class="usa-card-group">
+    <li class="usa-card grid-col-12 tablet:grid-col-6">
+      <div class="usa-card__container">
+        <div class="usa-card__header">
+          <h3 id="meetup-next-event-date">We're still scheduling it!</h3>
         </div>
-      </li>
-      <li
-        hidden
-        id="meetup-future-event-card"
-        class="usa-card grid-col-12 tablet:grid-col-6"
-      >
-        <div class="usa-card__container">
-          <div class="usa-card__header">
-            <h3 id="meetup-future-event-date"></h3>
-          </div>
-          <div class="usa-card__body">
-            <h4 id="meetup-future-event-title" class="margin-bottom-0"></h4>
-            <p>
-              <span id="meetup-future-event-location"></span>
-              <br />
-              <span id="meetup-future-event-num-rsvps"></span> attendees
-            </p>
-            <p>
-              <a
-                id="meetup-future-event-rsvp-button"
-                target="_blank"
-                href="https://www.meetup.com/civic-tech-dc/"
-                class="usa-button"
-                >RSVP on Meetup »</a
-              >
-            </p>
-          </div>
+        <div class="usa-card__body">
+          <h4 id="meetup-next-event-title" class="margin-bottom-0">
+            Check back soon
+          </h4>
+          <p hidden id="meetup-next-event-details">
+            <span id="meetup-next-event-location"></span>
+            <br />
+            <span id="meetup-next-event-num-rsvps"></span> attendees
+          </p>
+          <p>
+            <a
+              id="meetup-next-event-rsvp-button"
+              target="_blank"
+              href="https://www.meetup.com/civic-tech-dc/"
+              class="usa-button"
+              >Follow us on Meetup »</a
+            >
+          </p>
         </div>
-      </li>
-    </ul>
-  </div>
+      </div>
+    </li>
+    <li
+      hidden
+      id="meetup-future-event-card"
+      class="usa-card grid-col-12 tablet:grid-col-6"
+    >
+      <div class="usa-card__container">
+        <div class="usa-card__header">
+          <h3 id="meetup-future-event-date"></h3>
+        </div>
+        <div class="usa-card__body">
+          <h4 id="meetup-future-event-title" class="margin-bottom-0"></h4>
+          <p>
+            <span id="meetup-future-event-location"></span>
+            <br />
+            <span id="meetup-future-event-num-rsvps"></span> attendees
+          </p>
+          <p>
+            <a
+              id="meetup-future-event-rsvp-button"
+              target="_blank"
+              href="https://www.meetup.com/civic-tech-dc/"
+              class="usa-button"
+              >RSVP on Meetup »</a
+            >
+          </p>
+        </div>
+      </div>
+    </li>
+  </ul>
 </div>
diff --git a/_includes/components/project-card.html b/_includes/components/project-card.html
@@ -16,7 +16,7 @@ <h4 class="usa-card__heading">{{ project.title }}</h4>
       </div>
     </div>
     <div class="usa-card__body">
-      <p>{{ project.content }}</p>
+      <p>{{ project.description }}</p>
     </div>
   </div>
 </li>
diff --git a/_includes/components/project-cards.html b/_includes/components/project-cards.html
@@ -1,9 +1,5 @@
-<div class="grid-container">
-  <div class="grid-row grid-gap-lg">
-    <ul class="usa-card-group usa-list">
-      {% for project in site.projects %} {% if project.is_active ==
-      include.is_active %} {% include components/project-card.html %} {% endif
-      %} {% endfor %}
-    </ul>
-  </div>
-</div>
+<ul class="usa-card-group">
+  {% for project in site.projects %} {% if project.is_active ==
+  include.is_active %} {% include components/project-card.html %} {% endif %} {%
+  endfor %}
+</ul>
diff --git a/_projects/ballot-initiative.md b/_projects/ballot-initiative.md
@@ -6,6 +6,7 @@ image: ballot-initiative.png
 image_alt_text: Handwritten PDF scans being converted into machine-readable format
 github_link: https://github.com/Civic-Tech-Ballot-Inititiave/Ballot-Initiative
 slack_channel: ballot_initiative
+description: Create a way to automate the name and address validation process for ballot initiative petitions.
 ---
 
 Create a way to automate the name and address validation process for ballot initiative petitions.
diff --git a/_projects/cib-mango-tree.md b/_projects/cib-mango-tree.md
@@ -6,6 +6,7 @@ image: mango.png
 image_alt_text: Yellow cartoon mango fruit
 github_link: https://github.com/CIB-Mango-Tree/
 slack_channel: cib-mango-tree-main
+descriptionL: An integrated library of open source programs to test datasets of social media activity for signs of coordinated inauthentic behavior (CIB).
 ---
 
 An integrated library of open source programs to test datasets of social media activity for signs of coordinated inauthentic behavior (CIB).
diff --git a/_projects/clean-slate.md b/_projects/clean-slate.md
@@ -0,0 +1,28 @@
+---
+layout: project
+is_active: false
+title: Clean Slate
+image: clean-slate.jpg
+image_alt_text: Clean Slate DC logo
+github_link: https://github.com/civictechdc/clean-slate
+slack_channel: clean_slate
+description: The Clean Slate Expungement Project was a digital tool that helped individuals determine their eligibility for expunging or sealing past marijuana-related criminal records following legalization in DC.
+---
+
+# Clean Slate Expungement Project (2015-2017)
+
+The Clean Slate Expungement Project was an early Civic Tech DC initiative designed to help individuals navigate the complex legal landscape of record expungement following marijuana decriminalization and legalization in the District. This tool provided users with a preliminary evaluation of their eligibility to have past records sealed or expunged, offering a first step toward a clean slate.
+
+## Project Background
+
+As part of the effort to address the lingering effects of criminal records from past marijuana-related offenses, Clean Slate was built to help individuals understand whether they qualified for expungement under evolving laws. Initiated at a local hackathon and later brought to Code for DC, the project emerged from a collaboration with Students In Court DC (now [Rising for Justice](https://www.risingforjustice.org/)), which had expertise in expungement requirements. This partnership helped transform the paper-based process into an accessible digital tool.
+
+## How It Worked
+
+The Clean Slate app functioned as a triage tool, developed using JavaScript and React, that guided users through a series of questions to determine their eligibility. Based on users’ responses, the app would provide an initial determination—whether they were currently eligible, might be eligible after a certain period, or did not meet eligibility criteria. However, the app was not a replacement for legal counsel; it was a starting point. Lawyers would manually review each case to ensure accuracy and compliance.
+
+## Impact and Transition
+
+The project operated as a stopgap solution, adapting to changes in expungement law from 2014 to 2017. While it offered valuable support during its active years, changes in legislation and the need for more comprehensive tools led to its transition to another nonprofit organization, Mission Launch, for further development. The project's success was due to consistent stakeholder involvement, local support, and its ability to address a timely legal challenge in a straightforward, tech-enabled way.
+
+Today, while the Clean Slate Expungement Project is no longer active at Civic Tech DC, it remains an example of how civic technology can respond quickly to policy changes, offering critical resources to the community.
diff --git a/_projects/daria.md b/_projects/daria.md
@@ -6,6 +6,7 @@ image: daria.png
 image_alt_text: Blue D logo
 github_link: https://github.com/DCAFEngineering/dcaf_case_management/
 slack_channel: daria
+description: An open source CRM software for abortion funds, created by abortion funders and friends of abortion funders. DARIA went into service in July 2016 for the DC Abortion Fund and is now used by multiple abortion funds across the U.S.
 ---
 
 An open source CRM software for abortion funds, created by abortion funders and friends of abortion funders. DARIA went into service in July 2016 for the DC Abortion Fund and is now used by multiple abortion funds across the U.S.
diff --git a/_projects/eavs.md b/_projects/eavs.md
@@ -6,9 +6,7 @@ image: eavs.png
 image_alt_text: Voting precinct data table
 github_link: https://github.com/civictechdc/eavs_clc
 slack_channel: eavs_clc
+description: Use the data from the biennial Election Administration and Voting Survey (EAVS) to identify trends and outliers related to voter registration, voter roll maintenance, mail ballots, provisional ballots, voter turnout, and other aspects of how elections are run in states and counties across the U.S.
 ---
 
-Use the data from the biennial Election Administration and Voting Survey
-(EAVS) to identify trends and outliers related to voter registration, voter roll
-maintenance, mail ballots, provisional ballots, voter turnout, and other
-aspects of how elections are run in states and counties across the U.S.
+Use the data from the biennial Election Administration and Voting Survey (EAVS) to identify trends and outliers related to voter registration, voter roll maintenance, mail ballots, provisional ballots, voter turnout, and other aspects of how elections are run in states and counties across the U.S.
diff --git a/_projects/street-view.md b/_projects/street-view.md
@@ -6,6 +6,7 @@ image: street-view.jpg
 image_alt_text: View out the windshield of a car on a dirty road overlooking a sprawling beige city. Visible is a Red Cross symbol on the car hood and a dash camera mounted to the windshield.
 github_link: https://github.com/AmericanRedCross/street-view-green-view/
 slack_channel: street-level-imagery
+description: Automate mapping of urban vegetation from street level imagery to create a layer for exploring which areas of a city might be at greater risk during future heat waves.
 ---
 
 Automate mapping of urban vegetation from street level imagery to create a layer for exploring which areas of a city might be at greater risk during future heat waves.
diff --git a/assets/images/project_thumbnails/clean-slate.jpg b/assets/images/project_thumbnails/clean-slate.jpg
diff --git a/partners.md b/partners.md
@@ -11,27 +11,23 @@ hero-image: /assets/images/hero-image-partners.jpg
 
 We're always looking for new partners! Get in touch with us to see how we can work together.
 
-<div class="grid-container">
-  <div class="grid-row grid-gap-lg">
-    <ul class="usa-card-group usa-list">
-      {% include components/card.html
-        class="usa-card grid-col-12 tablet:grid-col-4"
-        header="Organizations"
-        body="Our strongest partners historically have been local nonprofits and community-based organizations. Whether it's digitizing paper processes, building new forms, or building proofs-of-concept we're always interested in seeing how we can use technology to make an impact in our community."
-      %}
-      {% include components/card.html
-        class="usa-card grid-col-12 tablet:grid-col-4"
-        header="Government"
-        body="Local government provides invaluable services and help to our community and we're interested in helping make it more effective. This might mean developing a community outreach and feedback project, building a tool for people to request a particular service, or building some other proof-of-concept for how government interacts with its constituents."
-      %}
-      {% include components/card.html
-        class="usa-card grid-col-12 tablet:grid-col-4"
-        header="Activists and community members"
-        body="Do you have an idea of how technology could help solve a problem in your community? We're interested in hearing more! Those close to or experiencing a problem in our community likely know it best and have ideas for how it can be improved."
-      %}
-    </ul>
-  </div>
-</div>
+<ul class="usa-card-group usa-list">
+  {% include components/card.html
+    class="usa-card grid-col-12 tablet:grid-col-4"
+    header="Organizations"
+    body="Our strongest partners historically have been local nonprofits and community-based organizations. Whether it's digitizing paper processes, building new forms, or building proofs-of-concept we're always interested in seeing how we can use technology to make an impact in our community."
+  %}
+  {% include components/card.html
+    class="usa-card grid-col-12 tablet:grid-col-4"
+    header="Government"
+    body="Local government provides invaluable services and help to our community and we're interested in helping make it more effective. This might mean developing a community outreach and feedback project, building a tool for people to request a particular service, or building some other proof-of-concept for how government interacts with its constituents."
+  %}
+  {% include components/card.html
+    class="usa-card grid-col-12 tablet:grid-col-4"
+    header="Activists and community members"
+    body="Do you have an idea of how technology could help solve a problem in your community? We're interested in hearing more! Those close to or experiencing a problem in our community likely know it best and have ideas for how it can be improved."
+  %}
+</ul>
 
 ### Interested in partnering with us for your project?
 

diff --git a/projects.md b/projects.md
@@ -14,7 +14,7 @@ The list of projects we’re working on is always changing! Here are a few of ou
 
 ## Past projects
 
-Civic Tech DC has had many dozens of projects since it was founded in 2012. Below are a selection of projects. Very few of its projects before we began cataloguing them in 2022 are included here.
+Since its founding in 2012, Civic Tech DC has worked on dozens of projects. This page features a small selection of historical projects, with most prior to 2023 not listed here.
 
 {% include components/project-cards.html is_active=false %}