Attempt to merge Lighthouse Fix branch from Nat (#758)

* Add a11y tests in cypress for methodology page

- update cypress to version 8.5
- add HTML lang the <head> element
- change process list headings to h4
- add alt tag to download image icon
- move <GovBanner> into <Header>
- add documentation around a11y testing

* Add cypress a11y tests for cejst page

- add alt icon for mapIntro page
- change legend to be a normal div
- add a class that mimics the h4 styles
- remove superfluous styles

* Add cypress a11y tests for contact and 404 page

* Update snapshots

* Move static text in footer to copy folder

* Add cypress a11y test to About page

- add required h1 tag
- updates snapshot

* Add site_url.xml and modify robots.txt file

- adds plugins for robots.txt and sitemap
- remove env.local and will add env.production
- modifiy all yml files (docker and GHA) to specify new env variables
- refactor env variables to either DATA_SOURCE, SITE_URL or PATH_PREFIX
- set defaults for env variables in gatsby-config
- remove timeline component
- will add blank index page
- update README on info on env variables

* Add plugin to allow custom env vars

- allows system env vars, ie, DATA_SOURCE on client-side application

* Update displayed URLs in GHA to new CDN (d29)

- also updates the blank index.html

* Correct spacing

* Set SITE_URL to new CDN for robots.txt

* Remove SITE_URL as this is set by GHA

* Update README around docker and env vars
This commit is contained in:
Vim 2021-10-04 08:43:33 -07:00 committed by GitHub
commit 72d80a5803
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
32 changed files with 999 additions and 748 deletions

View file

@ -16,7 +16,8 @@ const J40Footer = () => {
const intl = useIntl();
const NAVLINKS = [
['Contact',
[
intl.formatMessage(COMMON_COPY.FOOTER.CONTACT),
<Address
key={'footeraddress'}
className={'j40-footer-address'}
@ -70,9 +71,9 @@ const J40Footer = () => {
// `className="mobile-lg:grid-col-6 desktop:grid-col-3">` needs to be
// `className="mobile-lg:grid-col-12 desktop:grid-col-4">` ugh.
<footer className={'j40-footer'}>
<div className="usa-footer__primary-section pb">
<div className="usa-footer__primary-section pb2">
<J40MainGridContainer>
<div className={'grid-row grid-gap-4 padding-bottom-6 tablet-lg:grid-col4'}>
<div className={'grid-row tablet-lg:grid-col4'}>
{NAVLINKS.map((links, i) => (
<div key={`linkSection-${i}`}
className="mobile-lg:grid-col-12 desktop:grid-col-4">
@ -95,7 +96,11 @@ const J40Footer = () => {
src={whitehouseIcon}
alt={intl.formatMessage(COMMON_COPY.FOOTER.LOGO_ALT)}/>
}
heading={<h5>{intl.formatMessage(COMMON_COPY.FOOTER.TITLE)}</h5>}
heading={
<div className={'j40-footer-ceq-font'}>
{intl.formatMessage(COMMON_COPY.FOOTER.TITLE)}
</div>
}
/>
</J40MainGridContainer>
</div>
@ -110,9 +115,9 @@ const NavSection = ({
}): React.ReactElement => {
const [primaryLinkOrHeading, ...secondaryLinks] = links;
return (
<section className={'usa-footer__primary-content'}>
<h4 className="padding-top-1 padding-bottom-0">{primaryLinkOrHeading}</h4>
<NavList className={'padding-bottom-4'} type="footerSecondary" items={secondaryLinks} />
<section>
<div className="j40-h4">{primaryLinkOrHeading}</div>
<NavList type="footerSecondary" items={secondaryLinks} />
</section>
);
};