Merge branch 'main' of github.com:CivicActions/civicactions-homesite …

…into jennifer/semantic-html

.github/workflows/firebase-hosting-merge.yml → .github/workflows/firebase-deploy-live.yml

@@ -1,11 +1,17 @@
 # This file was auto-generated by the Firebase CLI
 # https://github.com/firebase/firebase-tools
 
-name: Deploy to Firebase Hosting on merge
+name: Deploy to Firebase Hosting on merge, content update and schedule
 'on':
   push:
-    tags:
-      - v*
+    branches:
+      - main
+  repository_dispatch:
+    types: [created]
+  schedule:
+    # Deploy every hour
+    - cron: '0 * * * *'
+
 jobs:
   build_and_deploy:
     runs-on: ubuntu-latest

src/components/case-study-teaser.js

@@ -4,25 +4,26 @@ import PropTypes from 'prop-types';
 import { Link } from 'gatsby';
 
 const CaseStudyTeaser = ({ cases }) => {
-  return cases.map((item, index) => {
+  return cases.map((item) => {
     const { Title, Client_Name, Sort_Order, Summary, id, Cover_Image, Path } = item;
     return (
-        <Link to={Path}>
-          <div key={id} className={`wrapper--case-study--teaser ${Sort_Order} `}>
-            {Cover_Image.url ?
-                <img src={Cover_Image.url} alt={Cover_Image.alternativeText} /> : <div className='no-img-teaser'></div>
-            }
+      <Link key={id} to={Path}>
+        <div className={`wrapper--case-study--teaser ${Sort_Order} `}>
+          {Cover_Image.url ?
+            <img src={Cover_Image.url} alt={Cover_Image.alternativeText} /> : <div className='no-img-teaser'></div>
+          }
 
-            <div className='teaser-content'>
-              <div className='title-wrapper'>
-                <span className='client-name'>{Client_Name}</span>
-                <h2 className='h3'>{Title}</h2>
-              </div>
+          <div className='teaser-content'>
+            <div className='title-wrapper'>
+              <span className='client-name'>{Client_Name}</span>
+              <h2 className='h3'>{Title}</h2>
             </div>
-            <p className='summary body'>
-              {Summary}
-            </p>
-          </div></Link>
+          </div>
+          <p className='summary body'>
+            {Summary}
+          </p>
+        </div>
+      </Link>
     );
   });
 };

src/pages/careers.js

@@ -27,7 +27,7 @@ import SEO from '../components/seo';
 
 const CareersPage = () => {
   const data = useStaticQuery(query);
-  const job = data.allFeedJobLists.edges;
+  const job = data.allFeedJobList.edges;
 
   return (
     <RedLayout>
@@ -199,8 +199,8 @@ const CareersPage = () => {
           <p className='body'>
             Here’s what to expect from our hiring process. We do our best to
             respect your time as we explore the possibility of adding you to our
-            high-caliber team. <br/><a href='https://medium.com/civicactions/we-hire-people-not-resumes-and-other-quirks-to-the-civicactions-application-process-7aab30d69c1c'>
-            Check out our tips on creating a noteworthy application.</a>
+            high-caliber team. <br /><a href='https://medium.com/civicactions/we-hire-people-not-resumes-and-other-quirks-to-the-civicactions-application-process-7aab30d69c1c'>
+              Check out our tips on creating a noteworthy application.</a>
           </p>
           <div className='steps-grid'>
             <div className='step'>
@@ -296,7 +296,7 @@ const CareersPage = () => {
 
 export const query = graphql`
   {
-    allFeedJobLists {
+    allFeedJobList {
       edges {
         node {
           title

src/pages/press.js

@@ -19,6 +19,21 @@ const Press = () => {
       />
       <section className='temp-press-releases--main-section'>
         <div className='inner'>
+          <div className='press-release--items'>
+            <h2 className='h4'>
+              GSA Engages CivicActions to Modernize VPAT to Improve Digital Accessibility
+            </h2>
+            <span>News Release: July 8, 2021</span>
+            <p className='body'>
+              By working with the General Services Administration (GSA) to create a modern, machine-readable format for the traditional Voluntary Digital Accessibility Template (VPAT), we are excited to be paving the way for making digital accessibility a meaningful part of IT procurement in government.
+            </p>
+            <p className='body'>
+              Full story:{' '}
+              <Link to='/press/2021-07-08-gsa-engages-civicactions-to-modernize-vpat'>
+                GSA Engages CivicActions to Modernize VPAT to Improve Digital Accessibility
+              </Link>
+            </p>
+          </div>
           <div className='press-release--items'>
             <h2 className='h4'>
               Department of Education Awards CivicActions 5-Year Contract to

src/pages/press/2021-07-08-gsa-engages-civicactions-to-modernize-vpat.js

@@ -0,0 +1,57 @@
+import '../../sass/styles.scss';
+import React from 'react';
+import RedLayout from '../../layouts/red';
+import SEO from "../../components/seo";
+import Hero from '../../components/hero.js';
+import PrimaryPageCTA from "../../components/primary-page-cta";
+
+const CMSVPAT = () => {
+
+    return (
+        <RedLayout>
+            <SEO
+                title='GSA Engages CivicActions to Modernize VPAT to Improve Digital Accessibility'
+                description='Press release from civicactions.com'
+            />
+            <Hero
+                title='GSA Engages CivicActions to Modernize VPAT to Improve Digital Accessibility'
+                />
+            <div className='single--press-releases--main'>
+                <div className='inner'>
+                    <span className='body'>Date: Thursday, July 8, 2021</span>
+                    <p className='body'>CivicActions is excited to announce a new contract with General Services Administration (GSA) to reimagine the Voluntary Product Accessibility Template® (VPAT®) into a modernized format to support better accessibility for digital products.</p>
+                    <p className='body'>The VPAT currently exists as a lengthy Word document that lists accessibility requirements for technology products, such as software and hardware. It’s often used by vendors during the proposal process to demonstrate the accessibility of their digital products — but the outdated format of the VPAT hinders its effectiveness.</p>
+                    <p className='body'>CivicActions will help the GSA convert its VPAT to a machine-readable format, called the Open Product Accessibility Template (OPAT). This will be an open standard used by vendors to produce compliance reports just as they do currently with VPAT — but with the improved template, the reports will be in structured digital files that are easier to validate and update.</p>
+                    <p className='body'>This work will result in:</p>
+                    <p className='body'><ul>
+                            <li>Better understanding of the accessibility of digital products</li>
+                            <li>Stronger consideration for accessibility in procurement processes</li>
+                        <li>Easier management of accessibility reporting by agency staff in accordance with best practices</li>
+                        </ul>
+                    </p>
+                    <p className='body'>GSA is setting a new standard for making digital accessibility a meaningful part of IT procurement. We are proud to be part of this work, which will lead to building government digital services that better serve people of all abilities.</p>
+                    <p className='body'>To learn more about how we’re advancing accessibility in government, visit our <a href='https://accessibility.civicactions.com/'>Accessibility Community of Practice</a>.</p>
+                    <p className='body'><strong>More on this topic</strong></p>
+                    <p className='body'><ul>
+                            <li><a href='https://gcn.com/articles/2021/02/04/accessibility-compliance-as-code.aspx'>The need for accessibility compliance as code</a></li>
+                            <li><a href='https://medium.com/civicactions/4-ways-to-improve-government-accessibility-through-open-source-8e20fabc7281'>How open source tools improve accessibility for government</a></li>
+                        <li><a href='https://medium.com/civicactions/whitehouse-gov-makes-an-accessibility-statement-5de37580209'>Accessibility initiatives from the White House</a></li>
+                        </ul>
+                    </p>
+                </div>
+            </div>
+            <PrimaryPageCTA
+                title='Inspired by newsworthy work?'
+                subtitle='See what we can do together.'
+                primaryButtonText='EXPLORE SERVICES'
+                primaryButtonLink='/services'
+                secondaryButtonText='CONTRACTING INFO'
+                secondaryButtonLink='/contracting'
+            />
+        </RedLayout>
+    );
+};
+
+
+
+export default CMSVPAT;