mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-07-28 14:01:16 -07:00
Adding consistent h and p tags (#639)
* Revert "dockerize front end (#558)"
This reverts commit 89c23faf7a
.
* cleans up global.scss file
* removes all unused styles
* adds h1 and h2 via tokens
* adds design to developer pipeline
* adds headers to about page
* removes heading from logo
* adds headings to HowYouHelp and MapLegend
* adds headers to explore tool page
* updates about page with p tags
* add margin-bottom spacers
* updates areaDetail with p and h tags
* update p.secondary margin-top
* sticky footer on contact page
* fixes spacing in footer
* update designer process
This commit is contained in:
parent
327e27e713
commit
1b707cbc5c
36 changed files with 2344 additions and 286 deletions
|
@ -2,10 +2,11 @@ import * as React from 'react';
|
|||
import {defineMessages} from 'react-intl';
|
||||
import {FormattedMessage, useIntl} from 'gatsby-plugin-intl';
|
||||
|
||||
import AboutCard from '../components/AboutCard/AboutCard';
|
||||
import AboutCardsContainer from '../components/AboutCard/AboutCardsContainer';
|
||||
import AlertWrapper from '../components/AlertWrapper';
|
||||
import J40MainGridContainer from '../components/J40MainGridContainer';
|
||||
import Layout from '../components/layout';
|
||||
import AboutCard from '../components/AboutCard/AboutCard';
|
||||
|
||||
// @ts-ignore
|
||||
import aboutUSMapImg from '../images/about-usmap.svg';
|
||||
|
@ -22,7 +23,6 @@ import commentIcon from // @ts-ignore
|
|||
|
||||
import githubIcon from // @ts-ignore
|
||||
'/node_modules/uswds/dist/img/usa-icons/github.svg';
|
||||
import AboutCardsContainer from '../components/AboutCard/AboutCardsContainer';
|
||||
|
||||
|
||||
interface IndexPageProps {
|
||||
|
@ -79,7 +79,7 @@ const IndexPage = ({location}: IndexPageProps) => {
|
|||
<AlertWrapper showBetaAlert={true} showLimitedDataAlert={false}/>
|
||||
</J40MainGridContainer>
|
||||
|
||||
<J40MainGridContainer className={'j40-about-page'}>
|
||||
<J40MainGridContainer>
|
||||
|
||||
<AboutCardsContainer>
|
||||
<AboutCard
|
||||
|
@ -123,21 +123,22 @@ const IndexPage = ({location}: IndexPageProps) => {
|
|||
infrastructure.
|
||||
`}/>
|
||||
|
||||
<p><FormattedMessage
|
||||
id={'index.aboutContent.p3'}
|
||||
description={'paragraph 3 of main content on index page'}
|
||||
defaultMessage={`
|
||||
<p>
|
||||
<FormattedMessage
|
||||
id={'index.aboutContent.p3'}
|
||||
description={'paragraph 3 of main content on index page'}
|
||||
defaultMessage={`
|
||||
Read more about the Justice40 Initiative in President Biden’s
|
||||
{presidentLink}
|
||||
`}
|
||||
values={{
|
||||
presidentLink:
|
||||
values={{
|
||||
presidentLink:
|
||||
<a
|
||||
href={intl.formatMessage(messages.presidentalLinkUri)}
|
||||
target="_blank"
|
||||
rel="noreferrer">{intl.formatMessage(messages.presidentalLinkLabel)}
|
||||
</a>,
|
||||
}}/>
|
||||
}}/>
|
||||
</p>
|
||||
|
||||
</AboutCard>
|
||||
|
@ -147,8 +148,8 @@ const IndexPage = ({location}: IndexPageProps) => {
|
|||
<J40MainGridContainer
|
||||
fullWidth={true}
|
||||
blueBackground={true}>
|
||||
<J40MainGridContainer
|
||||
className={'j40-about-page'}>
|
||||
<J40MainGridContainer>
|
||||
<h2>How to get started</h2>
|
||||
<AboutCardsContainer>
|
||||
<AboutCard
|
||||
size={'small'}
|
||||
|
@ -174,8 +175,8 @@ const IndexPage = ({location}: IndexPageProps) => {
|
|||
</J40MainGridContainer>
|
||||
</J40MainGridContainer>
|
||||
|
||||
<J40MainGridContainer
|
||||
className={'j40-about-page'}>
|
||||
<J40MainGridContainer>
|
||||
<h2>Get involved</h2>
|
||||
<AboutCardsContainer>
|
||||
<AboutCard
|
||||
size={'small'}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue