Add supporters section to homepage. Add projects and about pages. (#126)

* Add supporters section

Also reorganizes logos a bit

* Add about page

* 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/components/supporters.html

@@ -0,0 +1,26 @@
+<div class="grid-container margin-bottom-2">
+  <h2>Supporters</h2>
+  Civic Tech DC wouldn't be what it is without the generous support of these
+  organizations!
+</div>
+
+<section class="usa-graphic-list usa-section usa-section--dark">
+  <div class="grid-container">
+    <div class="usa-graphic-list__row grid-row grid-gap">
+      <div class="usa-media-block tablet:grid-col">
+        <div>
+          <a href="https://www.virtru.com" target="_blank">
+            <img
+              src="/assets/images/logos/virtru.png"
+              width="124"
+              alt="Virtru logo"
+            />
+          </a>
+          <div class="usa-media-block__body display-flex flex-justify-center">
+            <h2 class="usa-graphic-list__heading">Virtru</h2>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>

_includes/core/header.html

@@ -6,7 +6,7 @@
         <a href="/" class="ctdc_logo" title="Home" aria-label="Home">
           <img
             id="logo"
-            src="/assets/images/logo/civic-tech-dc-logo-text-bottom.png"
+            src="/assets/images/logos/civic-tech-dc-text-bottom.png"
             alt="Civic Tech DC logo"
           />
         </a>
@@ -24,20 +24,30 @@
           </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>
           </a>
         </li>
+        <li class="usa-nav__primary-item">
+          <a class="usa-nav__link" href="{{ site.baseurl }}/about">
+            <span>About</span>
+          </a>
+        </li>
       </ul>
     </nav>
   </div>

_layouts/hero-image-with-supporters-footer.html

@@ -0,0 +1,10 @@
+---
+layout: base
+---
+
+{% include core/header.html %} {% include core/google-analytics.html %} {%
+include components/hero-image.html title=page.hero-title
+subtitle=page.hero-subtitle image=page.hero-image %}
+<div class="grid-container">{{ content }}</div>
+
+{% include components/supporters.html %} {% include core/footer.html %}

about.md

@@ -0,0 +1,20 @@
+---
+layout: hero-image-small
+title: About Civic Tech DC
+hero-image: /assets/images/hero-image-homepage.jpg
+---
+
+## About
+
+Founded in 2012, Civic Tech DC is a non-partisan, non-political group of
+volunteer civic hackers working together to solve local issues in the
+Washington, DC area and helping people engage with the city. We host
+twice-monthly hacknights and other events to gather, discuss, and get stuff
+done.
+
+We're looking to bring people with all different skill sets together to
+maximize our potential. Civic hackers aren't just developers — they're
+journalists, lawyers, designers, and interested citizens in general. The
+more community participation, the better.
+
+To contact us, please email <[email protected]>.

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

@@ -1,32 +1,17 @@
 ---
-layout: hero-image
+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 %}
-
-## About
-
-Founded in 2012, Civic Tech DC is a non-partisan, non-political group of
-volunteer civic hackers working together to solve local issues in the
-Washington, DC area and helping people engage with the city. We host
-twice-monthly hacknights and other events to gather, discuss, and get stuff
-done.
-
-We're looking to bring people with all different skill sets together to
-maximize our potential. Civic hackers aren't just developers — they're
-journalists, lawyers, designers, and interested citizens in general. The
-more community participation, the better.
-
-To contact us, please email <[email protected]>.
+{% 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
@@ -18,5 +18,5 @@ target="_blank"
 id="submitrequest"
 type="submit"
 class="usa-button">
-<img src="/assets/images/slack_logo.png" style="margin-right: 0.5rem" />Join Our Slack
+<img src="/assets/images/logos/slack.png" style="margin-right: 0.5rem" />Join Our Slack
 </a>