mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-09 09:54:19 -07:00
72d80a5803* 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
91 lines
2.5 KiB
TypeScript
91 lines
2.5 KiB
TypeScript
import React from 'react';
|
|
import {
|
|
ProcessList,
|
|
ProcessListItem,
|
|
ProcessListHeading,
|
|
Grid,
|
|
} from '@trussworks/react-uswds';
|
|
import {useIntl} from 'gatsby-plugin-intl';
|
|
|
|
import * as METHODOLOGY_COPY from '../data/copy/methodology';
|
|
|
|
const ScoreStepsList = () => {
|
|
const intl = useIntl();
|
|
|
|
return (
|
|
<>
|
|
<h2>
|
|
{intl.formatMessage(METHODOLOGY_COPY.METHODOLOGY_STEPS.HEADING)}
|
|
</h2>
|
|
<Grid row>
|
|
<Grid col={7}>
|
|
<p>
|
|
{intl.formatMessage(METHODOLOGY_COPY.METHODOLOGY_STEPS.DESCRIPTION_1)}
|
|
</p>
|
|
<p>
|
|
{intl.formatMessage(METHODOLOGY_COPY.METHODOLOGY_STEPS.DESCRIPTION_2)}
|
|
</p>
|
|
</Grid>
|
|
</Grid>
|
|
|
|
<ProcessList>
|
|
|
|
{/* Step 1 */}
|
|
<ProcessListItem>
|
|
|
|
<ProcessListHeading type="h3">
|
|
{intl.formatMessage(METHODOLOGY_COPY.METHODOLOGY_STEPS.STEP_1_HEADING)}
|
|
</ProcessListHeading>
|
|
<p>{' '}</p>
|
|
<p className={'flush'}>
|
|
{intl.formatMessage(METHODOLOGY_COPY.METHODOLOGY_STEPS.STEP_1_INFO)}
|
|
</p>
|
|
|
|
{/* Step 1 A */}
|
|
<h4>
|
|
{intl.formatMessage(METHODOLOGY_COPY.METHODOLOGY_STEPS.STEP_1_A_HEADING)}
|
|
</h4>
|
|
<p className={'flush'}>
|
|
{intl.formatMessage(METHODOLOGY_COPY.METHODOLOGY_STEPS.STEP_1_A_INFO_1)}
|
|
</p>
|
|
<p>
|
|
{intl.formatMessage(METHODOLOGY_COPY.METHODOLOGY_STEPS.STEP_1_A_INFO_2)}
|
|
</p>
|
|
|
|
{/* Step 1 B */}
|
|
<h4>
|
|
{intl.formatMessage(METHODOLOGY_COPY.METHODOLOGY_STEPS.STEP_1_B_HEADING)}
|
|
</h4>
|
|
{METHODOLOGY_COPY.COMPLEX_METH_STEPS.STEP_2_B_INFO}
|
|
|
|
{/* Step 1 C */}
|
|
<h4>
|
|
{intl.formatMessage(METHODOLOGY_COPY.METHODOLOGY_STEPS.STEP_1_C_HEADING)}
|
|
</h4>
|
|
<p className={'flush'}>
|
|
{intl.formatMessage(METHODOLOGY_COPY.METHODOLOGY_STEPS.STEP_1_C_INFO)}
|
|
</p>
|
|
</ProcessListItem>
|
|
|
|
{/* Step 2 */}
|
|
<ProcessListItem>
|
|
|
|
<ProcessListHeading type="h3">
|
|
{intl.formatMessage(METHODOLOGY_COPY.METHODOLOGY_STEPS.STEP_2_HEADING)}
|
|
</ProcessListHeading>
|
|
|
|
<p>{' '}</p>
|
|
<p className={'flush'}>
|
|
{intl.formatMessage(METHODOLOGY_COPY.METHODOLOGY_STEPS.STEP_2_INFO)}
|
|
</p>
|
|
|
|
{METHODOLOGY_COPY.COMPLEX_METH_STEPS.FORMULA}
|
|
|
|
</ProcessListItem>
|
|
|
|
</ProcessList>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default ScoreStepsList;
|