Add projects page

_includes/components/project-cards.html

@@ -1,8 +1,9 @@
 <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
-      components/project-card.html %} {% endif %} {% endfor %}
+      {% for project in site.projects %} {% if project.is_active ==
+      include.is_active %} {% include components/project-card.html %} {% endif
+      %} {% endfor %}
     </ul>
   </div>
 </div>

_includes/core/header.html

@@ -24,15 +24,20 @@
           </a>
         </li>
         <li class="usa-nav__primary-item">
-          <a class="usa-nav__link" href="{{ site.baseurl }}/slack">
-            <span>Slack</span>
+          <a class="usa-nav__link" href="{{ site.baseurl }}/projects">
+            <span>Projects</span>
           </a>
         </li>
         <li class="usa-nav__primary-item">
-          <a class="usa-nav__link" href="{{ site.baseurl }}donate">
+          <a class="usa-nav__link" href="{{ site.baseurl }}/donate">
             <span>Donate</span>
           </a>
         </li>
+        <li class="usa-nav__primary-item">
+          <a class="usa-nav__link" href="{{ site.baseurl }}/slack">
+            <span>Slack</span>
+          </a>
+        </li>
         <li class="usa-nav__primary-item">
           <a class="usa-nav__link" href="{{ site.baseurl }}/code-of-conduct">
             <span>Code of Conduct</span>

about.md

@@ -1,7 +1,7 @@
 ---
 layout: hero-image-small
 title: About Civic Tech DC
-hero-image: assets/images/hero-image-homepage.jpg
+hero-image: /assets/images/hero-image-homepage.jpg
 ---
 
 ## About

code-of-conduct.md

@@ -1,7 +1,7 @@
 ---
 layout: hero-image-small
 title: Code of Conduct
-hero-image: assets/images/hero-image-code-of-conduct.jpg
+hero-image: /assets/images/hero-image-code-of-conduct.jpg
 ---
 
 # Code of Conduct

donate.md

@@ -1,7 +1,7 @@
 ---
 layout: hero-image-small
 title: Donate
-hero-image: assets/images/hero-image-donate.jpg
+hero-image: /assets/images/hero-image-donate.jpg
 ---
 
 # Support Civic Tech DC

index.md

@@ -2,16 +2,16 @@
 layout: hero-image-with-supporters-footer
 title: Civic Tech DC
 hero-subtitle: Founded in 2012, Civic Tech DC is a non-partisan, non-political group of volunteer civic hackers working together to solve local issues and help people engage with the city.
-hero-image: assets/images/hero-image-homepage.jpg
+hero-image: /assets/images/hero-image-homepage.jpg
 ---
 
 {% include components/meetup-events.html %}
 
-## Current Projects
+## Current projects
 
 The list of projects we’re working on is always changing! Here are a few of
 our current projects:
 
-{% include components/project-cards.html %}
+{% include components/project-cards.html is_active=true %}
 
 <script src="{{ site.baseurl }}/assets/js/meetup.js"></script>

partners.md

@@ -4,7 +4,7 @@ banner-hero: true
 title: Partners
 hero-title: Partners
 hero-subtitle: Civic Tech DC is a group of technologists and advocates who volunteer their skills and time to improve community conditions and local civic issues. We partner with local nonprofits, community-based organizations, and government to help them solve problems using technology.
-hero-image: assets/images/hero-image-partners.jpg
+hero-image: /assets/images/hero-image-partners.jpg
 ---
 
 ## Become a partner

projects.md

@@ -0,0 +1,24 @@
+---
+layout: hero-image
+title: Projects
+hero-title: Current and past projects
+hero-subtitle: See the current and a selection of past projects that Civic Tech DC works on. Join us at an event to get involved.
+hero-image: /assets/images/hero-image-homepage.jpg
+---
+
+## Current projects
+
+The list of projects we’re working on is always changing! Here are a few of
+our current projects:
+
+{% include components/project-cards.html is_active=true %}
+
+## Past projects
+
+Civic Tech DC has had many dozens of projects in its time since 2012. Below are a selection of projects. Nearly all of its projects before we began cataloguing them in 2022 are not included here.
+
+{% include components/project-cards.html is_active=false %}
+
+## Interested in pitching us a project?
+
+We're always interested in hearing about potential projects or partnerships! See the [Partners]({% link partners.md %}) page for information on how to pitch a project at Civic Tech DC.

slack.md

@@ -1,7 +1,7 @@
 ---
 layout: hero-image-small
 title: Join our Slack
-hero-image: assets/images/hero-image-slack.jpg
+hero-image: /assets/images/hero-image-slack.jpg
 ---
 
 # Join our Slack