Frontend release branch to main (#1829)

* Add Geolocation from behind feature flag

* Comment updates from PR feedback

* Modify geolocate icon and beacon to be black

* Upgrade lb dependencies

- upgrade uswds to 2.13.3
- upgrade trussworks to 3.1.0
- fix breaking changes on Accordion, Search, SummaryBox, Collections,

* Fixes links that were off center

* Modify styling for geolocation

* Modify geolocation message

* Add mobile and desktop geolocating

* Modify disabled label tooltip message

* Add indicators to Puerto Rico (to release branch) (#1688)

* Add indicators to Puerto Rico

* Remove linguistic iso in Puerto Rico only

* Adds demographics v1

- This uses the built-in accordion component

* Add custom Accordion component to match designs

* Update AreaDetail snapshots

* Adding some better comments

* Add USWDS expand to demographics side panel

* Remove justice40-tool from prefix-path

* Update staging link to new CDN link

* Remove messaging on mobile

* Prettify test file

* Add TractInfo component

* Style TractDemo component

* Move Methodology version to bottom of sidepanel

* Add custom expand / collapse component
- adds a11y
- adds chevron from USWDS icons

* Align Geolocate icon and Search

- align geolocate and search according to mock for desktop and mobile

* Add tribal toggle (UI only)

* Refactor Sources/Layers to allow for tribal switching

- Remove census tracts layers into it's own component
- Create a tribal layer component
- Update LayerSelector component tests
- update OS map to react to layer selector
-

* Add tribal info to side panel and feature selection

- create a state variable to keep track of weather or not the layer was toggled
- allow mapInfoPanel to reset on layer switch
- allow AreaDetail to show census and tribal info
- allow LayerSelector to set layer toggled
- Add selectedFeature to both MapTribal and MapTract components
- create various tribal constants for styling
- i18n constants

* Update snapshots

* Update tribal path on production build

* Comment update

* add QA feedback

- swap expand/collapse icons
- add parens and slash to copy

* Add initial AK points

- corrects filter expression
- adds radius and color to constants

* Update staging deploy script

- update domain name
- update path

* Update AK layer id

- make AK layer clickable

* Add OS map functionality

- split source/layers between Map*Layers.tsx and getOSBaseMap file
- update getOSBaseMap to return eithe tribal or tracts layers/sources

* Add geolocation locked signal to local storage

* Make source/layer comments correspond

- getOSBaseMap and Map*Layers should have the same layer comments
- modify constants to have matching styles between Tribal and Tracts

* Remove zooming in on Alaska data point

* Update Tribal shortname ID

* Adjust CSS to place LayerSelector in MapHeader

* Comment out markdown check on link

* Add flooding and wildfire indicators to side panel

* Add indicators

- barriers to transport
- lack of green space
- lack of plumbing
- leaky tanks

* Add back the selected feature layer

* Show Tract info/demo only when tracts are selected

* Update SCORE_HIGH_PROP from SM_PFS to SM_C

- Will allow high zoom tiles to load with BE staging branch 1822/e638

* Fix 2 demographics typos

- repeated demographic
- change to race/ethnicity

* Add HRS, AML, FUDS and demographics (#1861)

* Add HRS_ET

- refactor to add IndicatorTypes
- modify tests
- add intl

* Add AML and FUDS

- update indicatorFilter
- update tests each indicator has 3 states to test

* Connect BE signal for demographics

- update tests
- i18n-ize

* Remove obsolete tests snapshots

* Update to Score N constants

* Remove higher ed socio-economic indicator

- remove spacer "Meets both socio"
- update snapshots

* Update BE signal types for

- AML
- FUDS

* Filter out missing historic underinvest. indicators

- For the special case when historic underinvestments are missing do not show that indicator at all
- update unit tests

* Make AML appear as No for all that are missing

* Update snapshot

* Correct BE signal on low income (#1877)

* Adds adjacency, impute flag and custom colors

* Update Quickstart docker link

* Remove duplicate Higher Ed indicator, update higher ed types and correct copy on 404 page (#1886)

* remove duplicate high school degree indicator

- for island areas

* Update 404 page copy

* Remove link that is failing during markdown checks

* Updated FE indicators constants to remove _M

- by removing these _M suffix on the FE
constants, we remove any dependency on changes to the BE score

* Remove up/down arrows from indicators

* update style of side panel categories if supported

- if the browser has ":has" support, the new category styles will be applied
- if not, the older style will remain in place

* update snapshots

* update styling for indicator values

- refactor disadvantaged blue dot to utils.scss

* remove missing icon and reduce subtext font size

* Remove un-needed import in test file

* Update category, indicator copy

* Update copy indicator desc and titles

* update side panel styling for 1.0

* Update methodology version / styling

* 1.0 side panel indicator designs (#1896)

* Remove up/down arrows from indicators

* update style of side panel categories if supported

- if the browser has ":has" support, the new category styles will be applied
- if not, the older style will remain in place

* update snapshots

* update styling for indicator values

- refactor disadvantaged blue dot to utils.scss

* remove missing icon and reduce subtext font size

* Remove un-needed import in test file

* Update category, indicator copy

* Update copy indicator desc and titles

* update side panel styling for 1.0

* Update methodology version / styling

* Add USVI and GU to map

- remove shortcuts on mobile

* Fix all link colors, prevent logo from wrapping, update non-selected side-panel (#1908)

* Update links colors

- Language links
- Download links
- Simple links
- External links
- Side panel demographics links
- return to top links
- update snapshots

* Fix wrapping on logo title

- remove beta pill

* Update un-selected side panel copy (desktop)

- two icons are needed

* Remove icons on mobile view

* Remove the pub. eng. button on all pages

* Add usa-link class to all links

- will create consiste visible state on all links

* Remove tribal toggle

- remove tribal layer from feature flag and make it default

* Update copy on Explore the Map page (#1915)

* Add Explore the Data box

* Update explore page description

- Remove paragraph under map

* Update territories copy

- Remove How you can help

* Update Whitehouse footer icon

* Correct heading order to pass a11y

* Remove beta pill in Beta Banner
- update snapshots

* Update explore page description
- remove color key

* revert image back to eagle seal

* Update release date variable name

* Add Impute, Adj and tribal signals to side panel

* Remove test category

- move send feedback button outside of categorization div
- left justify send feedback button
- update snapshots

* Update links in the territories paragraph on explore page

* Update tribal lands copy on explore page

* Align geolocate icon on desktop and mobile

* Add inverted style to YES

- update snapshots

* About page 1.0 (#1933)

* Initial About page

* Update navigation links

- adds hover and current effects
- fits width of each nav link to content

* Add location prop to J40Header

* Fix a11y error on internal links

- remove AboutCard LinkTypeWrapper if url is not specified
- remove gherkin tests on new nav links
- update snapshots

* Fix mobile nav for new nav links

* Add usa-current class to dropdown nav

* side panel narwal (#1943)

* Adds the PrioritizationCopy and TractPriotization

- adds both components
- removes logic around selecting AK data points
- update snapshots

* Add tests for TractPrioritization

* Adds tests for PrioritizationCopy

* Add income icon and tilde

- this is dependent on imputed income and adjacency

* Add tool tip to low income icon

* Update snapshots

* Removing AreaDetail test to allow tooltip library

- This library react-tooltip creates random DOM ID which will not allow for snapshot testing as he IDs change on each build. Due to time constraints, we simply removed the AreaDetails test. The AreaDetails component is made up of sub component and each sub component has tests so this is low risk.

- This is a temporary solution. Some longer terms solutions may be
1. Remove this library and get the USWDS tool tip to work
2. Re-factor the areaDetail.tests.tsx snapshot tests to do more DOM assertions rather than snapshots
3. Some combination of the two.

* Fix Tribal percentage error

* Update copy based on bug party (#1973)

* Update copy from team debug party
- closes #1945
- Lack of green space description
- Lack of indoor plumbing

* Update copy
- closes #1950

* Update copy
- closes #1951

* Update survey button
- Text and link
- closes 1967

* Update copy

- correct tool tip copy
- closes #1959

* No issue number: Update front-end Readme (#1935)

* Addresses `nvm` install

* Updated side panel, with two paragraphs, "Completely surrounded" and "Adjusted low income" and more! (#1990)

* Update logic for TractPrioritization and bug fix

- fix wildfire bug closes #1953
- rename TractPri API to better align with BE signal names
- redo test and all test cases

* Add PrioCopy1 and PrioCopy2

- fix rounding
- limited tests for each component. Many more test cases are needed
- add copy to i18n

* Adjust LowInc tool tip only on IMP_FLG=T

- remove threshold change for low income

* Add copy for comp. surr and Adj low inc

- create a new component DonutCopy
- add tests
- modify styling to work in both 1 para case and 2 para case

* Add Donut copy

* Fix typo on 2nd paragraph

* Update browser list

* Adds TA_COUNT_AK, TA_COUNT_C and TA_PERC_FE

- Prio1 and Prio2 both take TA_COUNT_C which should be null
- updates basic tests

* Remvoe cypress tests

* Update CONUS number to troubleshoot

* Copy adjustments

- move test copy to console.log
- move donutCopy to only show when ADJ_ET is true

* Update copy from Word Doc (#2001)

* add tsc compile

* fix TS warning around headingLevel

* Temporary fix around availableFor type error

- correlated to fix needed in ticket 2000

* Add copy update from CEJST pages - STATUS doc

- Add a period in Get the Data box
- Update unselected side panel text
- Update text under explore the map
- Content and styling for territories note
- persistent FAB - “Help improve the tool”
- Water needs to be “Water and Wastewater”
- Styling on demographics ( show )  => (show)
- Update age in demographics to be Elderly over 65
- Wildfire description is not correct
- Lead paint description needs to be updated
- remove bullet from How you can help
- Footer - remove RFI
- Footer - remove Eng cal
- add sign up link

* Update side panel non-selected copy

* Add back PEC button to each main page

* Remove console logs from J40Header

* Fix DOM warning on About page

- can't have <li> in <p>

* Fix nested DOM warning on Explore page

- Modify ExploreDataBox styling

* Update side panel non-selected with icons

- update height on mobile
- update snapshots

* Remove markdown ignore comments

- hoping this will build and match main so that the FE doesn't trigger the BE

* Add comments back to match main

* Update methodology page copy to Content 1.0 (#2009)

* Update methodology copy

- update categories
- update snapshots

* Add button to datasets page

- add tests

* Update copy for meth page according to Content1.0

* FAQS page (#2016)

* Fix a11y issue on Ling Iso card

* Add layout of new FAQs page

* Reorder SubNav links on About page

* Add NEW tag to new Burdens

* Add first 6 questions to FAQs

* Add the rest of the FAQs onto the page

* Adjust sub-nav order in About header

- update snapshots
- ensure that FAQ in SubNav is active

* Previous versions page narwal (#2018)

* Add Previous Version page

- Create a new DownloadButton component
- Add PreviousVersion link to main nav
- Extract out download button from PublicVideo component
- Update SidePageNav to render PrevVersion
- Add Beta start date
- Create previous-version page
- Add public eng to all pages
- update snapshots

* Update cypress test to test prev version page

- Add <ul> around card as it fails a11y without it.

* Add updated tribal base map

- this removes the LAR suffix in MapBox studio

* Initial Download page (#2021)

* Intial version of 1.0 download page

* fix a11y errors

* Update snapshots

* FRT copy update, isDAC to use SN_C and new base map of custom colors + updated tribal names (#2029)

* Update FRT copy in isDAC copy in side panel

* Update base map
- custom colors + updated tribal names
- closes #2005

* Update isDAC logic to use SN_C

- update component props
- update test cases
- closes #2024

* Update snapshots

* Remove unused vars from the constants (#2020) (#2023)

* Update release copy (#2036)

* Update Pub Eng page (#2043)

- Refactor download button to have gray buttons also
- Add a beta version of the PublicVideoBox in SCSS
- Update copy on Pub Eng page

* Change geojson to shapefile (#2044)

* geojson -> shapefile (#1931)

* Update test too (#1931)

* Beta and narwal links (#2051)

* Update download links to 1.0

* Update previous versions with two beta links

* Add beta data doc to prod .env

* Update PEC page

- add new icons (expired)
- create placeholder for 1.0 copy
- remove narwal links

* Add sign-up link on About page

* Update FRT copy

* Update contact page

* Point map to new 1.0 versions path on S3

- remove FILE_DL prefix on from .env variables as the path is for both file download and map tiles now
- Update MapTractLayers to use 1.0 score path
- Update downloads file to use updated score path names

* Only show two rows (ADJ and ADJ threshold) if

- ADJ_ET is true AND
- total number of disadv cats is 0

* Make 'PARTIALLY' highlighted like `YES`

* Highlight indicator value if

- ADJ_ET is true
- Imputed poverty income is > threshold (50)

* Update RAW true value for HRS_ET

* Make the logo and title of header nav back to map

* Content 1.0 updates, test tracts updated, some UI tweaks tasks (#2063)

* Content 1.0 updates

* Import variables rather than entire constant files

* Add "--" to all tract info

* Show "--" for when Adjusted low income is missing

* Add non disadvn case

- ADJ_ET is true and threshold isn't met

* Replace socio-economic with socioeconomic

* Add mouse pointer icon to side panel
- this looks like the bird lol

* Update sign up link

- closes #1640
- update snapshots

* Update tract feedback button to include tractid

- this is dependent on SM enabling multiple responses
- closes #1969

* Update HOLC long description note

- closes #2066

* Add content to question 2 of FAQs

- closes #2067
- update snapshots

* Update copy
- closes #2059
- updates release date to 11.21
- updates snapshots

* Remove language links

- closes #2055
- updates snapshots

* Update Two tribal strings

- fix if we have TA_COUNT_AK and TA_PERC
- Add "Partially surrounded" copy
- Add comment on how to find the logic truth table for paragraph1 and 2

* Revert date

* Update low income tooltip

- take into account pop = null
- update comments

* Update side panel copy

* Update copy on Methodology page

* Updated About page copy

* Update FAQs copy

* Update New tags to bold

- closes

* Add banner

- closes #2019

* Updated top of downloads page

- update change log copy

* Copy updates

- closes #2082

* Add and remove burdens for PR:

- closes #2083

* Correct burdens for Puerto Rico

* Add 3 download files to FE

- beta training slides to .env
- instructions to .env
- comp. chart to .env
- add comp chart to FAQ
- update snapshots

* Update priotization copy

- closes #2086
- closes #2085
- reorders ifs, placed all ifs with dependency no CC > =1 w/i in the first if block

* Update copy
- update icon in side panel (unselected)
- update copy in methodology cards

* Update link in FAQs

* Update linked text on note Tribal Nations

* Remove download file links from FAQs

* Update top of Download page

* Final copy update

-closes #2082

* Update space in About page copy

* Update copy based on Katherine's findings

- update snapshots
- remaining changes from Content 1.0

* Undo BE settings file

* Fix FUDS bug

- closes #2090

* Fix Low Income tooltip copy

* Final copy updates

-closes #2092

* Final final copy changes

* Update 1.0 communities list on download page

Co-authored-by: Jorge Escobar <83969469+esfoobar-usds@users.noreply.github.com>
Co-authored-by: Lucas Merrill Brown <lucas.m.brown@omb.eop.gov>
Co-authored-by: Matt Bowen <83967628+mattbowen-usds@users.noreply.github.com>
This commit is contained in:
Vim 2022-11-21 15:20:34 -08:00 committed by GitHub
commit 669d1d3f0e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
203 changed files with 18766 additions and 8728 deletions

View file

@ -1,20 +1,20 @@
import * as React from 'react';
import {useIntl} from 'gatsby-plugin-intl';
import {useWindowSize} from 'react-use';
import AboutCard from '../components/AboutCard/AboutCard';
import AboutCardsContainer from '../components/AboutCard/AboutCardsContainer';
import {Grid} from '@trussworks/react-uswds';
import HowYouCanHelp from '../components/HowYouCanHelp';
import J40MainGridContainer from '../components/J40MainGridContainer';
import Layout from '../components/layout';
import PublicEngageButton from '../components/PublicEngageButton';
import SubPageNav from '../components/SubPageNav';
import * as ABOUT_COPY from '../data/copy/about';
import * as COMMON_COPY from '../data/copy/common';
import {PAGES_ENDPOINTS} from '../data/constants';
import {FEEDBACK_EMAIL} from '../data/copy/common';
import {PAGES_ENDPOINTS, USWDS_BREAKPOINTS} from '../data/constants';
// @ts-ignore
import aboutUSMapImg from '../images/about-usmap-1.svg';
// @ts-ignore
import aboutJ40Img from '../images/about-j40-1.svg';
import accountBalanceIcon // @ts-ignore
from '/node_modules/uswds/dist/img/usa-icons/account_balance.svg';
@ -34,64 +34,62 @@ interface IAboutPageProps {
// markup
const AboutPage = ({location}: IAboutPageProps) => {
const intl = useIntl();
const {width} = useWindowSize();
return (
<Layout location={location} title={intl.formatMessage(ABOUT_COPY.PAGE.TILE)}>
<Layout location={location} title={intl.formatMessage(ABOUT_COPY.PAGE.TITLE)}>
<J40MainGridContainer>
<section className={'page-heading'}>
<h1 data-cy={'about-page-heading'}>{intl.formatMessage(ABOUT_COPY.PAGE.HEADING)}</h1>
<h1 data-cy={'about-page-heading'}>{intl.formatMessage(ABOUT_COPY.PAGE.TITLE)}</h1>
<PublicEngageButton />
</section>
{/* Section 1 */}
<AboutCardsContainer>
<AboutCard
size={'large'}
imgSrc={aboutUSMapImg}
header={intl.formatMessage(ABOUT_COPY.PAGE.HEADING_1)}>
<>
<p>
{ABOUT_COPY.HEADING_1.DESCRIPTION_1}
</p>
<p>
{intl.formatMessage(ABOUT_COPY.PAGE.HEADING1_DESCRIPTION2)}
</p>
</>
</AboutCard>
</AboutCardsContainer>
<Grid row gap className={'j40-mb5-mt3'}>
{/* First column */}
<Grid col={12} tablet={{col: 8}}>
<section>
<p>
{ABOUT_COPY.CONTENT.PARA1}
</p>
<p>
{ABOUT_COPY.CONTENT.PARA2}
</p>
{/* <div className={'j40-p-tag'}>
{ABOUT_COPY.CONTENT.PARA3}
<ul>
<li> {ABOUT_COPY.CONTENT.LI1}</li>
<li> {ABOUT_COPY.CONTENT.LI2}</li>
</ul>
</div> */}
<p>
{ABOUT_COPY.CONTENT.PARA4}
</p>
<p>
{ABOUT_COPY.CONTENT.PARA5}
</p>
</section>
</Grid>
{/* Section 2 */}
<AboutCardsContainer>
<AboutCard
size={'large'}
imgSrc={aboutJ40Img}
header={intl.formatMessage(ABOUT_COPY.PAGE.HEADING_2)}>
<>
<p>
{intl.formatMessage(ABOUT_COPY.PAGE.HEADING2_DESCRIPTION1)}
</p>
<p>
{ABOUT_COPY.HEADING_2.DESCRIPTION_2}
</p>
</>
</AboutCard>
</AboutCardsContainer>
{/* Second column */}
<Grid col={12} tablet={{col: 1}}>
{/* Spacer column */}
</Grid>
{/* Section 3 */}
<AboutCardsContainer>
<AboutCard
size={'large'}
header={intl.formatMessage(ABOUT_COPY.PAGE.HEADING_3)}>
<>
<p>
{ABOUT_COPY.HEADING_3.DESCRIPTION_1}
</p>
</>
</AboutCard>
</AboutCardsContainer>
{/* Third column */}
{width > USWDS_BREAKPOINTS.DESKTOP ?
<Grid col={12} tablet={{col: 3}}>
<SubPageNav
endPoints={[
PAGES_ENDPOINTS.ABOUT,
PAGES_ENDPOINTS.PUBLIC_ENG,
PAGES_ENDPOINTS.FAQS,
]}
/>
</Grid> : ''}
</Grid>
</J40MainGridContainer>
@ -99,31 +97,38 @@ const AboutPage = ({location}: IAboutPageProps) => {
fullWidth={true}
blueBackground={true}>
<J40MainGridContainer>
<h2>
{intl.formatMessage(ABOUT_COPY.HOW_TO_GET_STARTED.TITLE)}
</h2>
<Grid col={12} tablet={{col: 8}}>
<h2>
{intl.formatMessage(ABOUT_COPY.HOW_TO_USE_TOOL.TITLE)}
</h2>
<p>
{ABOUT_COPY.CONTENT.HOW_TO_USE_PARA1}
</p>
<p>
{intl.formatMessage(ABOUT_COPY.HOW_TO_USE_TOOL.PARA2)}
</p>
<p>
{ABOUT_COPY.CONTENT.HOW_TO_USE_PARA3}
</p>
</Grid>
<AboutCardsContainer>
<AboutCard
size={'small'}
imgSrc={accountBalanceIcon}
header={intl.formatMessage(ABOUT_COPY.HOW_TO_GET_STARTED.FEDERAL_PM_HEADING)}
linkText={intl.formatMessage(ABOUT_COPY.HOW_TO_GET_STARTED.FEDERAL_PM_LINK_TEXT)}
url={PAGES_ENDPOINTS.METHODOLOGY}
internal={true}>
header={intl.formatMessage(ABOUT_COPY.HOW_TO_USE_TOOL.USE_MAP_HEADING)}>
<p>
{intl.formatMessage(ABOUT_COPY.HOW_TO_GET_STARTED.FEDERAL_PM_INFO)}
{intl.formatMessage(ABOUT_COPY.HOW_TO_USE_TOOL.USE_MAP_PARA)}
</p>
</AboutCard>
<AboutCard
size={'small'}
imgSrc={groupsIcon}
header={intl.formatMessage(ABOUT_COPY.HOW_TO_GET_STARTED.COMMUNITY_MEMBERS_HEADING)}
linkText={intl.formatMessage(ABOUT_COPY.HOW_TO_GET_STARTED.COMMUNITY_MEMBERS_LINK_TEXT)}
url={PAGES_ENDPOINTS.EXPLORE}
internal={true}>
header={intl.formatMessage(ABOUT_COPY.HOW_TO_USE_TOOL.USE_DATA_HEADING)}>
<p>
{intl.formatMessage(ABOUT_COPY.HOW_TO_GET_STARTED.COMMUNITY_MEMBERS_INFO)}
{ABOUT_COPY.CONTENT.USE_DATA_PARA}
</p>
</AboutCard>
</AboutCardsContainer>
@ -138,7 +143,7 @@ const AboutPage = ({location}: IAboutPageProps) => {
imgSrc={commentIcon}
header={intl.formatMessage(ABOUT_COPY.GET_INVOLVED.SEND_FEEDBACK_HEADING)}
linkText={ABOUT_COPY.GET_INVOLVED_COMMENTS.EMAIL}
url={`mailto:${COMMON_COPY.FEEDBACK_EMAIL}`}
url={`mailto:${FEEDBACK_EMAIL}`}
openUrlNewTab={true}
internal={false}>
<p>
@ -159,6 +164,11 @@ const AboutPage = ({location}: IAboutPageProps) => {
</p>
</AboutCard>
</AboutCardsContainer>
<Grid col={12} tablet={{col: 8}}>
<HowYouCanHelp/>
</Grid>
</J40MainGridContainer>
</Layout>);
};

View file

@ -5,11 +5,11 @@ import {useIntl, FormattedMessage} from 'gatsby-plugin-intl';
import J40MainGridContainer from '../components/J40MainGridContainer';
import Layout from '../components/layout';
import LinkTypeWrapper from '../components/LinkTypeWrapper';
import RequestForInfo from '../components/RequestForInfo';
import PublicEngageButton from '../components/PublicEngageButton';
import * as CONTACT_COPY from '../data/copy/contact';
import * as COMMON_COPY from '../data/copy/common';
import {FEEDBACK_EMAIL} from '../data/copy/common';
interface IContactPageProps {
location: Location;
}
@ -34,30 +34,26 @@ const ContactPage = ({location}: IContactPageProps) => {
<h2>
{intl.formatMessage(CONTACT_COPY.PAGE_INTRO.PAGE_SUB_HEADING)}
</h2>
<p>{CONTACT_COPY.CENSUS_TRACT_FEEDBACK.PARAGRAPH3}</p>
<p>
<FormattedMessage
id={'contact.page.general'}
description={'Contact page body text'}
defaultMessage={`For general feedback, email {general_email_address}.`}
defaultMessage={`Otherwise, email CEQ at: {general_email_address}.`}
values={{
general_email_address:
<LinkTypeWrapper
linkText={COMMON_COPY.FEEDBACK_EMAIL}
linkText={FEEDBACK_EMAIL}
internal={false}
url={`mailto:${COMMON_COPY.FEEDBACK_EMAIL}`}
url={`mailto:${FEEDBACK_EMAIL}`}
openUrlNewTab={true}
/>,
}} />
</p>
<h3>{CONTACT_COPY.CENSUS_TRACT_FEEDBACK.TITLE}</h3>
<p>{CONTACT_COPY.CENSUS_TRACT_FEEDBACK.PARAGRAPH1}</p>
<p>{CONTACT_COPY.CENSUS_TRACT_FEEDBACK.PARAGRAPH2}</p>
<p>{CONTACT_COPY.CENSUS_TRACT_FEEDBACK.PARAGRAPH3}</p>
</Grid>
{/* Second Column */}
<Grid desktop={{col: 4}} col={12}>
<RequestForInfo />
</Grid>
</Grid>
</J40MainGridContainer>

View file

@ -1,15 +1,16 @@
import * as React from 'react';
import {Grid} from '@trussworks/react-uswds';
import {useIntl} from 'gatsby-plugin-intl';
import {Grid} from '@trussworks/react-uswds';
import {useWindowSize} from 'react-use';
import J40MainGridContainer from '../components/J40MainGridContainer';
import Layout from '../components/layout';
import PublicEngageButton from '../components/PublicEngageButton';
import ReleaseUpdate from '../components/ReleaseUpdate';
import SubPageNav from '../components/SubPageNav';
import {useWindowSize} from 'react-use';
import * as DOWNLOADS_COPY from '../data/copy/downloads';
import * as CONSTANTS from '../data/constants';
import {PAGES_ENDPOINTS, USWDS_BREAKPOINTS} from '../data/constants';
interface IDownloadsPageProps {
location: Location;
}
@ -31,9 +32,15 @@ const DownloadsPage = ({location}: IDownloadsPageProps) => {
<Grid row gap className={'j40-mb5-mt3'}>
<Grid col={12} tablet={{col: 8}}>
<h2>{intl.formatMessage(DOWNLOADS_COPY.PAGE_INTRO.PAGE_HEADING2)}</h2>
<h2 className={'j40-mt-0 j40-mb-3'}>{DOWNLOADS_COPY.DOWNLOAD_LINKS.TITLE}</h2>
<section>
<ReleaseUpdate />
</section>
<p>
{intl.formatMessage(DOWNLOADS_COPY.PAGE_INTRO.PAGE_DESCRIPTION1)}
{DOWNLOADS_COPY.DOWNLOAD_LINKS.TEXT}
</p>
<p>
{DOWNLOADS_COPY.DOWNLOAD_LINKS.LINK1}
@ -58,9 +65,16 @@ const DownloadsPage = ({location}: IDownloadsPageProps) => {
</Grid>
{/* Third column - Only show the SubPagNav component on desktop width */}
{width > CONSTANTS.USWDS_BREAKPOINTS.DESKTOP ?
{width > USWDS_BREAKPOINTS.DESKTOP ?
<Grid col={12} tablet={{col: 3}}>
<SubPageNav activeSubPageIndex={2}/>
<SubPageNav
activeSubPageIndex={1}
endPoints={[
PAGES_ENDPOINTS.METHODOLOGY,
PAGES_ENDPOINTS.DOWNLOADS,
PAGES_ENDPOINTS.PREVIOUS_VERSIONS,
]}
/>
</Grid> : ''}
</Grid>

View file

@ -1,28 +1,272 @@
import * as React from 'react';
import {Grid} from '@trussworks/react-uswds';
import {Accordion, Grid} from '@trussworks/react-uswds';
import {AccordionItemProps} from '@trussworks/react-uswds/lib/components/Accordion/Accordion';
import {useIntl} from 'gatsby-plugin-intl';
import {useWindowSize} from 'react-use';
import J40MainGridContainer from '../components/J40MainGridContainer';
import Layout from '../components/layout';
import PublicEngageButton from '../components/PublicEngageButton';
import SubPageNav from '../components/SubPageNav';
import {USWDS_BREAKPOINTS} from '../data/constants';
import * as FAQS_COPY from '../data/copy/faqs';
import {PAGES_ENDPOINTS} from '../data/constants';
import {SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT} from '../data/copy/explore';
// @ts-ignore
import censusDotIcon from '../images/sidePanelIcons/census-tract.svg';
// @ts-ignore
import tribalDotIcon from '../images/sidePanelIcons/tribal-tract.svg';
interface IFAQPageProps {
location: Location;
}
const dotStyles = {
display: 'flex',
p: {
paddingLeft: '2px',
},
};
const dotStylesTribal = {
alignSelf: 'baseline',
paddingTop: '5px',
};
const accordionContainerStyle = {
marginTop: `1.2rem`,
};
const FAQPage = ({location}: IFAQPageProps) => {
const intl = useIntl();
const {width} = useWindowSize();
const ANSWERS = [
(
<>
<p key={1}>{FAQS_COPY.FAQ_ANSWERS.Q1_P1}</p>
<p>{FAQS_COPY.FAQ_ANSWERS.Q1_P2}</p>
{/* <p>{FAQS_COPY.FAQ_ANSWERS.Q1_P3}</p>
<ul>
<li>{FAQS_COPY.FAQ_ANSWERS.Q1_P3_1}</li>
<li>{FAQS_COPY.FAQ_ANSWERS.Q1_P3_2}</li>
</ul> */}
<p>{FAQS_COPY.FAQ_ANSWERS.Q1_P4}</p>
</>
),
(
<>
<p key={2}>{FAQS_COPY.FAQ_ANSWERS.Q2_P1}</p>
<p>{FAQS_COPY.FAQ_ANSWERS.Q2_P2}</p>
<ul>
<li>{FAQS_COPY.FAQ_ANSWERS.Q2_P2_1}</li>
<li>{FAQS_COPY.FAQ_ANSWERS.Q2_P2_2}</li>
</ul>
<p>{FAQS_COPY.FAQ_ANSWERS.Q2_P3}</p>
<p>{FAQS_COPY.FAQ_ANSWERS.Q2_P4}</p>
</>
),
(
<>
<p key={3}>{FAQS_COPY.FAQ_ANSWERS.Q3_P1}</p>
<p>{FAQS_COPY.FAQ_ANSWERS.Q3_P2}</p>
<p>{FAQS_COPY.FAQ_ANSWERS.Q3_P3}</p>
</>
),
(
<>
<p key={4}>{FAQS_COPY.FAQ_ANSWERS.Q4_P1}</p>
<p>{FAQS_COPY.FAQ_ANSWERS.Q4_P2}</p>
<p>{FAQS_COPY.FAQ_ANSWERS.Q4_P3}</p>
</>
),
(
<>
<p key={5}>{FAQS_COPY.FAQ_ANSWERS.Q5_P1}</p>
<p>{FAQS_COPY.FAQ_ANSWERS.Q5_P2}</p>
<ul>
<li>{FAQS_COPY.FAQ_ANSWERS.Q5_P2_1}</li>
</ul>
</>
),
(
<>
<p key={6}>{FAQS_COPY.FAQ_ANSWERS.Q6_P1}</p>
<div style={dotStyles}>
<img
className={'faqs-dot-alignment'}
src={censusDotIcon}
alt={intl.formatMessage(SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.DAC_CIRCLE)}
/>
<div style={dotStyles.p}>{FAQS_COPY.FAQ_ANSWERS.Q6_P2}</div>
</div>
<div style={dotStyles}>
<img style={dotStylesTribal} src={tribalDotIcon}
alt={intl.formatMessage(SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.DAC_CIRCLE)}
/>
<div style={dotStyles.p}>{FAQS_COPY.FAQ_ANSWERS.Q6_P3}</div>
</div>
<p>{FAQS_COPY.FAQ_ANSWERS.Q6_P4}</p>
</>
),
(
<>
<p key={7}>{FAQS_COPY.FAQ_ANSWERS.Q7}</p>
</>
),
(
<>
<p key={8}>{FAQS_COPY.FAQ_ANSWERS.Q8_P1}</p>
<p>{FAQS_COPY.FAQ_ANSWERS.Q8_P2}</p>
</>
),
(
<>
<p key={9}>{FAQS_COPY.FAQ_ANSWERS.Q9_P1}</p>
<p>{FAQS_COPY.FAQ_ANSWERS.Q9_P2}</p>
<ul>
<li>{FAQS_COPY.FAQ_ANSWERS.Q9_P2_1}</li>
<li>{FAQS_COPY.FAQ_ANSWERS.Q9_P2_2}</li>
<li>{FAQS_COPY.FAQ_ANSWERS.Q9_P2_3}</li>
<li>{FAQS_COPY.FAQ_ANSWERS.Q9_P2_4}</li>
<li>{FAQS_COPY.FAQ_ANSWERS.Q9_P2_5}</li>
<li>{FAQS_COPY.FAQ_ANSWERS.Q9_P2_6}</li>
<li>{FAQS_COPY.FAQ_ANSWERS.Q9_P2_7}</li>
</ul>
</>
),
(
<>
<p key={10}>{FAQS_COPY.FAQ_ANSWERS.Q10}</p>
</>
),
(
<>
<p key={11}>{FAQS_COPY.FAQ_ANSWERS.Q11}</p>
</>
),
(
<>
<p key={12}>{FAQS_COPY.FAQ_ANSWERS.Q12_P1}</p>
<ul>
<li>{FAQS_COPY.FAQ_ANSWERS.Q12_P1_1}</li>
<li>{FAQS_COPY.FAQ_ANSWERS.Q12_P1_2}</li>
<ul>
<li>{FAQS_COPY.FAQ_ANSWERS.Q12_P1_2_1}</li>
<li>{FAQS_COPY.FAQ_ANSWERS.Q12_P1_2_2}</li>
<li>{FAQS_COPY.FAQ_ANSWERS.Q12_P1_2_3}</li>
<li>{FAQS_COPY.FAQ_ANSWERS.Q12_P1_2_4}</li>
</ul>
<li>{FAQS_COPY.FAQ_ANSWERS.Q12_P1_3}</li>
<li>{FAQS_COPY.FAQ_ANSWERS.Q12_P1_4}</li>
</ul>
<p>{FAQS_COPY.FAQ_ANSWERS.Q12_P2}</p>
<p>{FAQS_COPY.FAQ_ANSWERS.Q12_P3}</p>
{/* <p>{FAQS_COPY.FAQ_ANSWERS.Q12_P4}</p> */}
</>
),
(
<>
<p key={13}>{FAQS_COPY.FAQ_ANSWERS.Q13_P1}</p>
<p>{FAQS_COPY.FAQ_ANSWERS.Q13_P2}</p>
</>
),
(
<>
<p key={14}>{FAQS_COPY.FAQ_ANSWERS.Q14}</p>
</>
),
(
<>
<p key={15}>{FAQS_COPY.FAQ_ANSWERS.Q15_P1}</p>
<ul>
<li>{FAQS_COPY.FAQ_ANSWERS.Q15_P1_1}</li>
<li>{FAQS_COPY.FAQ_ANSWERS.Q15_P1_2}</li>
<li>{FAQS_COPY.FAQ_ANSWERS.Q15_P1_3}</li>
<li>{FAQS_COPY.FAQ_ANSWERS.Q15_P1_4}</li>
</ul>
</>
),
// (
// <>
// <p key={16}>{FAQS_COPY.FAQ_ANSWERS.Q16}</p>
// </>
// ),
(
<>
<p key={17}>{FAQS_COPY.FAQ_ANSWERS.Q17_P1}</p>
<p>{FAQS_COPY.FAQ_ANSWERS.Q17_P2}</p>
</>
),
(
<>
<p key={18}>{FAQS_COPY.FAQ_ANSWERS.Q18}</p>
</>
),
(
<>
<p key={19}>{FAQS_COPY.FAQ_ANSWERS.Q19}</p>
</>
),
(
<>
<p key={20}>{FAQS_COPY.FAQ_ANSWERS.Q20_P1}</p>
<p>{FAQS_COPY.FAQ_ANSWERS.Q20_P2}</p>
</>
),
];
const numberOfQuestions = Object.keys(FAQS_COPY.QUESTIONS).length;
const faqItems: AccordionItemProps[] = [...Array(numberOfQuestions).keys()].map((questionNum) => {
return {
id: `faq-id-${questionNum}`,
title: FAQS_COPY.QUESTIONS[questionNum],
content: ANSWERS[questionNum],
expanded: false,
headingLevel: 'h2',
};
});
return (
<Layout location={location} title={intl.formatMessage(FAQS_COPY.PAGE_INTRO.PAGE_TILE)}>
<J40MainGridContainer>
<h1>{intl.formatMessage(FAQS_COPY.PAGE_INTRO.PAGE_TILE)}</h1>
<section className={'page-heading'}>
<h1>{intl.formatMessage(FAQS_COPY.PAGE_INTRO.PAGE_TILE)}</h1>
<PublicEngageButton />
</section>
<Grid row>
{intl.formatMessage(FAQS_COPY.PAGE_INTRO.COMING_SOON)}
<Grid row gap className={'j40-mb5-mt3'}>
{/* First column */}
<Grid col={12} tablet={{col: 7}}>
<section style={accordionContainerStyle}>
{/* Enabling multiselect true fails a11y using axe tool */}
<Accordion items={faqItems}/>
</section>
</Grid>
{/* Second column */}
<Grid col={12} tablet={{col: 2}}>
{/* Spacer column */}
</Grid>
{/* Third column */}
{width > USWDS_BREAKPOINTS.DESKTOP ?
<Grid col={12} tablet={{col: 3}}>
<SubPageNav
activeSubPageIndex={2}
endPoints={[
PAGES_ENDPOINTS.ABOUT,
PAGES_ENDPOINTS.PUBLIC_ENG,
PAGES_ENDPOINTS.FAQS,
]}
/>
</Grid> : ''}
</Grid>
</J40MainGridContainer>
</Layout>

View file

@ -2,10 +2,10 @@ import React from 'react';
import {useIntl} from 'gatsby-plugin-intl';
import {Grid} from '@trussworks/react-uswds';
import HowYouCanHelp from '../components/HowYouCanHelp';
import ExploreDataBox from '../components/ExploreDataBox';
import J40Map from '../components/J40Map';
import J40MainGridContainer from '../components/J40MainGridContainer';
import Layout from '../components/layout';
import MapWrapper from '../components/MapWrapper';
import PublicEngageButton from '../components/PublicEngageButton';
import * as EXPLORE_COPY from '../data/copy/explore';
@ -33,45 +33,43 @@ const ExporeToolPage = ({location}: IMapPageProps) => {
{/* Gradually increase width of the Grid as the width decreases from desktop to mobile*/}
{/* desktop = 7 columns, tablet = 10 columns and mobile = 12 columns (full width) */}
<Grid desktop={{col: 7}} tablet={{col: 10}} col={12}>
<section>
<p>
{EXPLORE_COPY.PAGE_DESCRIPTION}
</p>
</section>
<Grid desktop={{col: 8}} tablet={{col: 10}} col={12}>
<p>
{EXPLORE_COPY.PAGE_DESCRIPTION1}
</p>
<p>
{EXPLORE_COPY.PAGE_DESCRIPTION2}
</p>
</Grid>
<Grid desktop={{col: 4}} tablet={{col: 10}} col={12}>
<ExploreDataBox />
</Grid>
</Grid>
</J40MainGridContainer>
<J40MainGridContainer>
<MapWrapper location={location}/>
</J40MainGridContainer>
<J40MainGridContainer>
<Grid desktop={{col: 7}} tablet={{col: 10}} col={12}>
<h2>{EXPLORE_COPY.NOTE_ON_TERRITORIES.INTRO}</h2>
<p>{EXPLORE_COPY.NOTE_ON_TERRITORIES.PARA_1}</p>
<p>{EXPLORE_COPY.NOTE_ON_TERRITORIES.PARA_2}</p>
<p>{EXPLORE_COPY.NOTE_ON_TERRITORIES.PARA_3}</p>
<p>{EXPLORE_COPY.NOTE_ON_TERRITORIES.PARA_4}</p>
</Grid>
<Grid desktop={{col: 7}} tablet={{col: 10}} col={12}>
<h2>{EXPLORE_COPY.NOTE_ON_TRIBAL_NATIONS.INTRO}</h2>
<p>{EXPLORE_COPY.NOTE_ON_TRIBAL_NATIONS.PARA_1}</p>
</Grid>
</J40MainGridContainer>
<J40MainGridContainer>
<Grid row>
<Grid col>
<section>
<HowYouCanHelp/>
</section>
</Grid>
<J40Map location={location}/>
</Grid>
</J40MainGridContainer>
</Layout>);
<J40MainGridContainer>
<Grid desktop={{col: 7}} tablet={{col: 10}} col={12}>
<h2>{EXPLORE_COPY.NOTE_ON_TERRITORIES.INTRO}</h2>
<p>{EXPLORE_COPY.NOTE_ON_TERRITORIES.PARA_0}</p>
<p>{EXPLORE_COPY.NOTE_ON_TERRITORIES.PARA_1}</p>
<p>{EXPLORE_COPY.NOTE_ON_TERRITORIES.PARA_2}</p>
</Grid>
<Grid desktop={{col: 7}} tablet={{col: 10}} col={12}>
<h2>{EXPLORE_COPY.NOTE_ON_TRIBAL_NATIONS.INTRO}</h2>
<p>{EXPLORE_COPY.NOTE_ON_TRIBAL_NATIONS.PARA_1}</p>
<p>{EXPLORE_COPY.NOTE_ON_TRIBAL_NATIONS.PARA_2}</p>
</Grid>
</J40MainGridContainer>
</Layout>
);
};
export default ExporeToolPage;

View file

@ -1,18 +1,18 @@
import * as React from 'react';
import {Grid} from '@trussworks/react-uswds';
import {useIntl} from 'gatsby-plugin-intl';
import {useWindowSize} from 'react-use';
import Categories from '../components/Categories';
import DatasetContainer from '../components/DatasetContainer';
import J40MainGridContainer from '../components/J40MainGridContainer';
import MethodologyFormula from '../components/MethodologyFormula';
import Layout from '../components/layout';
import PublicEngageButton from '../components/PublicEngageButton';
import SubPageNav from '../components/SubPageNav';
import {useWindowSize} from 'react-use';
import PublicEngageButton from '../components/PublicEngageButton';
import * as CONSTANTS from '../data/constants';
import {USWDS_BREAKPOINTS} from '../data/constants';
import * as METHODOLOGY_COPY from '../data/copy/methodology';
import {PAGES_ENDPOINTS} from '../data/constants';
interface MethodPageProps {
location: Location;
@ -32,24 +32,25 @@ const IndexPage = ({location}: MethodPageProps) => {
<PublicEngageButton />
</section>
<Grid row gap className={'j40-mb5-mt3'}>
<Grid row gap className={'j40-mt3'}>
{/* First column */}
<Grid col={12} tablet={{col: 8}}>
<section>
<p>
{intl.formatMessage(METHODOLOGY_COPY.PAGE.DESCRIPTION)}
{intl.formatMessage(METHODOLOGY_COPY.PAGE.PARA1)}
</p>
</section>
{/* Formula section */}
<MethodologyFormula />
{/* Category description */}
<section>
<p>
{intl.formatMessage(METHODOLOGY_COPY.PAGE.CATEGORY_TEXT)}
</p>
<div>
<ul>
<li>
{intl.formatMessage(METHODOLOGY_COPY.PAGE.PARA1_BULLET1)}
</li>
<li className={'j40-mt3'}>
{intl.formatMessage(METHODOLOGY_COPY.PAGE.PARA1_BULLET2)}
</li>
</ul>
</div>
</section>
</Grid>
@ -59,9 +60,15 @@ const IndexPage = ({location}: MethodPageProps) => {
</Grid>
{/* Third column */}
{width > CONSTANTS.USWDS_BREAKPOINTS.DESKTOP ?
{width > USWDS_BREAKPOINTS.DESKTOP ?
<Grid col={12} tablet={{col: 3}}>
<SubPageNav activeSubPageIndex={1}/>
<SubPageNav
endPoints={[
PAGES_ENDPOINTS.METHODOLOGY,
PAGES_ENDPOINTS.DOWNLOADS,
PAGES_ENDPOINTS.PREVIOUS_VERSIONS,
]}
/>
</Grid> : ''}
</Grid>
</J40MainGridContainer>

View file

@ -0,0 +1,98 @@
import * as React from 'react';
import {useIntl} from 'gatsby-plugin-intl';
import {useWindowSize} from 'react-use';
import {Card, CardBody, CardFooter, CardHeader, Grid} from '@trussworks/react-uswds';
import DownloadButton from '../components/DownloadButton';
import J40MainGridContainer from '../components/J40MainGridContainer';
import Layout from '../components/layout';
import PublicEngageButton from '../components/PublicEngageButton';
import SubPageNav from '../components/SubPageNav';
import * as PREV_VER_COPY from '../data/copy/previousVer';
import {PAGES_ENDPOINTS, USWDS_BREAKPOINTS} from '../data/constants';
import {getDownloadFileUrl} from '../data/copy/downloads';
interface IPreviousVersionsProps {
location: Location;
}
const containerStyle = {
marginTop: `1.2rem`,
};
// markup
const PreviousVersions = ({location}: IPreviousVersionsProps) => {
const intl = useIntl();
const {width} = useWindowSize();
return (
<Layout location={location} title={intl.formatMessage(PREV_VER_COPY.PAGE.TITLE)}>
<J40MainGridContainer>
<section className={'page-heading'}>
<h1 data-cy={'about-page-heading'}>{intl.formatMessage(PREV_VER_COPY.PAGE.TITLE)}</h1>
<PublicEngageButton />
</section>
<Grid row gap className={'j40-mb5-mt3'}>
{/* First column */}
<Grid col={12} tablet={{col: 8}}>
<section style={containerStyle}>
<ul>
<Card className={'previous-versions-container'} gridLayout={{tablet: {col: 6}}}>
<CardHeader>
<h2 className="usa-card__heading">{PREV_VER_COPY.CARD.TITLE}</h2>
</CardHeader>
<CardBody>
<p> {PREV_VER_COPY.CARD.BODY}</p>
</CardBody>
<CardFooter>
<DownloadButton
downloadLink={
getDownloadFileUrl(process.env.GATSBY_FILE_DL_PATH_BETA_DATA_DOC, true)
}
buttonText={intl.formatMessage(PREV_VER_COPY.BUTTON.TITLE1)}
imageAltTagText={intl.formatMessage(PREV_VER_COPY.BUTTON.BUTTON1_ALT_TAG)}
color={'default'}
/>
<DownloadButton
downloadLink={
getDownloadFileUrl(process.env.GATSBY_FILE_DL_PATH_BETA_SHAPE_FILE_ZIP, true)
}
buttonText={intl.formatMessage(PREV_VER_COPY.BUTTON.TITLE2)}
imageAltTagText={intl.formatMessage(PREV_VER_COPY.BUTTON.BUTTON2_ALT_TAG)}
color={'default'}
/>
</CardFooter>
</Card>
</ul>
</section>
</Grid>
{/* Second column */}
<Grid col={12} tablet={{col: 1}}>
{/* Spacer column */}
</Grid>
{/* Third column */}
{width > USWDS_BREAKPOINTS.DESKTOP ?
<Grid col={12} tablet={{col: 3}}>
<SubPageNav
activeSubPageIndex={2}
endPoints={[
PAGES_ENDPOINTS.METHODOLOGY,
PAGES_ENDPOINTS.DOWNLOADS,
PAGES_ENDPOINTS.PREVIOUS_VERSIONS,
]}
/>
</Grid> : ''}
</Grid>
</J40MainGridContainer>
</Layout>);
};
export default PreviousVersions;

View file

@ -1,5 +1,5 @@
import * as React from 'react';
import {Collection, Grid} from '@trussworks/react-uswds';
import {Collection, CollectionHeading, CollectionItem, Grid} from '@trussworks/react-uswds';
import {useIntl} from 'gatsby-plugin-intl';
import J40MainGridContainer from '../components/J40MainGridContainer';
@ -27,7 +27,7 @@ const PublicEngagementPage = ({location}: IPublicEngagementPageProps) => {
<h1>{intl.formatMessage(PUBLIC_ENG_COPY.PAGE_INTRO.PAGE_HEADING1)}</h1>
<Grid row>
<Grid row gap={6}>
<Grid desktop={{col: 8}}>
<p>
{intl.formatMessage(PUBLIC_ENG_COPY.PAGE_INTRO.PAGE_DESCRIPTION1)}
@ -36,14 +36,38 @@ const PublicEngagementPage = ({location}: IPublicEngagementPageProps) => {
{intl.formatMessage(PUBLIC_ENG_COPY.PAGE_INTRO.PAGE_DESCRIPTION2)}
</p>
<p>
{intl.formatMessage(PUBLIC_ENG_COPY.PAGE_INTRO.PAGE_DESCRIPTION3)}
{PUBLIC_ENG_COPY.RICH_COPY.PAGE_DESCRIPTION3}
</p>
</Grid>
<Grid desktop={{col: 4}}>
{/* <PublicVideoBox isBeta={false}/> */}
</Grid>
</Grid>
<Grid row>
<h2>
{intl.formatMessage(PUBLIC_ENG_COPY.PAGE_INTRO.PAGE_HEADING2)}
{PUBLIC_ENG_COPY.RICH_COPY.PAGE_HEADING2}
</h2>
</Grid>
<Grid row gap={6}>
<Grid desktop={{col: 8}}>
<Collection>
<CollectionItem>
<CollectionHeading headingLevel='h2'>
{intl.formatMessage(PUBLIC_ENG_COPY.PAGE_INTRO.PAGE_COMING_SOON)}
</CollectionHeading>
</CollectionItem>
</Collection>
</Grid>
<Grid desktop={{col: 4}}>
<PublicVideoBox isBeta={true}/>
</Grid>
</Grid>
<Grid row>
<h2>
{PUBLIC_ENG_COPY.RICH_COPY.PAGE_HEADING3}
</h2>
</Grid>
@ -54,9 +78,6 @@ const PublicEngagementPage = ({location}: IPublicEngagementPageProps) => {
{events.map((event, index) => <PublicEvent key={index} event={event} />)}
</Collection>
</Grid>
<Grid desktop={{col: 4}}>
<PublicVideoBox />
</Grid>
</Grid>
</J40MainGridContainer>

View file

@ -140,36 +140,14 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</div>
</section>
<div>
<img
alt="language icon for selecting language"
src="test-file-stub"
/>
<a
href="#"
>
English
</a>
<a
href="#"
>
Español
</a>
</div>
</div>
</div>
<div>
<div>
<div />
<div>
<span>
This is a beta site.
</span>
<span>
It is an early, in-progress version of the tool with limited datasets that will
be regularly updated.
</span>
</div>
<strong>
This tool has been updated.
</strong>
The 1.0 version of the tool was released on Nov 22, 2022.
</div>
</div>
<div
@ -184,28 +162,29 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="grid-col-1"
data-testid="grid"
>
<img
alt="Climate and Economic Justice Screening Tool"
src="test-file-stub"
/>
<a
data-cy="nav-link-explore-the-map"
href="/en/"
>
<img
alt="Climate and Economic Justice Screening Tool"
src="test-file-stub"
/>
</a>
</div>
<div
class="grid-col-6"
data-testid="grid"
>
<div>
<a
class="remove-link-style"
data-cy="nav-link-explore-the-map"
href="/en/"
>
<div>
Climate and Economic Justice
Climate and Economic Justice Screening Tool
</div>
<div>
<div>
Screening Tool
</div>
<div>
BETA
</div>
</div>
</div>
</a>
</div>
<div
class="grid-col-fill"
@ -249,7 +228,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
<button
aria-controls="methMenu"
aria-expanded="true"
aria-expanded="false"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-methodology"
data-testid="navDropDownButton"
@ -261,6 +240,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="methMenu"
>
<li
@ -283,17 +263,69 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Downloads
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-previous-versions"
href="/en/previous-versions"
>
Previous versions
</a>
</li>
</ul>
</li>
<li
class="usa-nav__primary-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
<button
aria-controls="aboutMenu"
aria-expanded="false"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-about"
data-testid="navDropDownButton"
type="button"
>
About
</a>
<span>
About
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="aboutMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
>
About
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-faqs"
href="/en/frequently-asked-questions"
>
Frequently asked questions
</a>
</li>
</ul>
</li>
<li
class="usa-nav__primary-item"
@ -305,33 +337,35 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Contact
</a>
</li>
<li
class="usa-nav__primary-item"
>
<div>
<div>
<img
alt="language icon for selecting language"
src="test-file-stub"
/>
<a
href="#"
>
English
</a>
<a
href="#"
>
Español
</a>
</div>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div
class="grid-container-desktop-lg"
data-testid="gridContainer"
>
<div
class="usa-alert usa-alert--info"
data-testid="alert"
>
<div
class="usa-alert__body"
>
<h1
class="usa-alert__heading"
>
Version 1.0 of the tool is now available
</h1>
<p
class="usa-alert__text"
>
The Council on Environmental Quality (CEQ) made the version 1.0 of the tool available on 11/22/2022. For more information about the improvements to the tool, CEQs press release will be coming soon.
</p>
</div>
</div>
</div>
</header>
<main
id="main-content"
@ -371,186 +405,71 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</section>
<div
class="grid-row grid-gap-lg j40-aboutcard-container "
class="grid-row grid-gap j40-mb5-mt3"
data-testid="grid"
>
<div
class="grid-gap-lg tablet:grid-col"
class="grid-col-12 tablet:grid-col-8"
data-testid="grid"
>
<div
class="grid-row j40-aboutcard-lg-card"
data-testid="grid"
>
<div
class="tablet:grid-col-3 j40-aboutpage-image-container"
data-testid="grid"
>
<img
alt="Screening tool"
class="j40-aboutcard-image"
src="test-file-stub"
/>
</div>
<div
class="tablet:grid-col-9"
data-cy="screening-tool-block"
data-testid="grid"
>
<div
class="grid-row"
data-testid="grid"
<section>
<p>
In January of 2020, President Biden issued
<a
class="usa-link usa-link--external"
data-cy=""
href="https://www.federalregister.gov/documents/2021/02/01/2021-02177/tackling-the-climate-crisis-at-home-and-abroad#:~:text=Sec.%20223.%20Justice40,40-percent%20goal."
rel="noreferrer"
target="_blank"
>
<h2>
Screening tool
</h2>
<p>
In
<a
class="usa-link usa-link--external"
data-cy=""
href="https://www.federalregister.gov/documents/2021/02/01/2021-02177/tackling-the-climate-crisis-at-home-and-abroad#:~:text=Sec.%20223.%20Justice40,40-percent%20goal."
rel="noreferrer"
target="_blank"
>
Executive Order 14008
</a>
on
<i>
Tackling the Climate Crisis at Home and Abroad
</i>
, President Biden directed the Council on Environmental Quality (CEQ)
to create a Climate and Economic Justice Screening Tool. The purpose of the tool is to help
Federal agencies identify disadvantaged communities that are marginalized, underserved, and
overburdened by pollution. The current version of the tool provides socioeconomic, environmental,
and climate information to inform decisions that may affect these communities. The
tool identifies disadvantaged communities through publicly-available, nationally-consistent datasets.
Executive Order 14008
</a>
. The order directed the Council on Environmental Quality (CEQ) to develop a new tool. This tool is called the Climate and Economic Justice Screening Tool. The tool has an interactive map and uses datasets that are indicators of burdens in eight categories: climate change, energy, health, housing, legacy pollution, transportation, water and wastewater, and workforce development. The tool uses this information to identify communities that are experiencing these burdens. These are the communities that are disadvantaged because they are overburdened and underserved.
</p>
<p>
The current version of the tool is in a public beta form and will be updated based on feedback and research.
</p>
</div>
</div>
</div>
</p>
<p>
Federal agencies will use the tool to help identify disadvantaged communities that will benefit from programs included in the
<a
class="usa-link usa-link--external"
data-cy=""
href="https://www.federalregister.gov/documents/2021/02/01/2021-02177/tackling-the-climate-crisis-at-home-and-abroad#:~:text=Sec.%20223.%20Justice40,40-percent%20goal."
rel="noreferrer"
target="_blank"
>
Justice40 Initiative
</a>
. The Justice40 Initiative seeks to deliver 40% of the overall benefits of investments in climate, clean energy, and related areas to disadvantaged communities.
</p>
<p>
CEQ will update the tool each year based on public feedback, research, and the availability of new data. The current version of the tool is version 1.0.
<a
class="usa-link usa-link--external"
data-cy=""
href="https://lp.constantcontactpages.com/su/Vm8pCFj/spring"
rel="noreferrer"
target="_blank"
>
Sign-up
</a>
for updates from CEQ
</p>
<p>
A Spanish version of the site will be available in the near future.
</p>
</section>
</div>
</div>
<div
class="grid-row grid-gap-lg j40-aboutcard-container "
data-testid="grid"
>
<div
class="grid-gap-lg tablet:grid-col"
class="grid-col-12 tablet:grid-col-1"
data-testid="grid"
>
<div
class="grid-row j40-aboutcard-lg-card"
data-testid="grid"
>
<div
class="tablet:grid-col-3 j40-aboutpage-image-container"
data-testid="grid"
>
<img
alt="The Justice40 Initiative"
class="j40-aboutcard-image"
src="test-file-stub"
/>
</div>
<div
class="tablet:grid-col-9"
data-cy="the-justice40-initiative-block"
data-testid="grid"
>
<div
class="grid-row"
data-testid="grid"
>
<h2>
The Justice40 Initiative
</h2>
<p>
The tool will provide important information for the Justice40 Initiative. The goal of the
Justice40 Initiative is to provide 40 percent of the overall benefits of certain Federal
investments in seven key areas to disadvantaged communities. These seven key areas are: climate
change, clean energy and energy efficiency, clean transit, affordable and sustainable
housing, training and workforce development, the remediation and reduction of legacy pollution,
and the development of critical clean water infrastructure.
</p>
<p>
Read more about the Justice40 Initiative in President Bidens
<a
class="usa-link usa-link--external"
data-cy=""
href="https://www.federalregister.gov/documents/2021/02/01/2021-02177/tackling-the-climate-crisis-at-home-and-abroad#:~:text=Sec.%20223.%20Justice40,40-percent%20goal."
rel="noreferrer"
target="_blank"
>
Executive Order 14008
</a>
on
<i>
Tackling the Climate Crisis at Home and Abroad
</i>
.
</p>
</div>
</div>
</div>
</div>
</div>
<div
class="grid-row grid-gap-lg j40-aboutcard-container "
data-testid="grid"
>
<div
class="grid-gap-lg tablet:grid-col"
data-testid="grid"
>
<div
class="grid-row j40-aboutcard-lg-card"
data-testid="grid"
>
<div
class="tablet:grid-col-3 j40-aboutpage-image-container"
data-testid="grid"
/>
<div
class="tablet:grid-col-9"
data-cy="still-have-questions?-block"
data-testid="grid"
>
<div
class="grid-row"
data-testid="grid"
>
<h2>
Still have questions?
</h2>
<p>
Find answers on the Climate and Economic Justice Screening Tool's
<a
class="usa-link usa-link--external"
data-cy=""
href="https://www.whitehouse.gov/wp-content/uploads/2022/02/CEQ-CEJST-QandA.pdf"
rel="noreferrer"
target="_blank"
>
Frequently Asked Questions
</a>
.
</p>
</div>
</div>
</div>
</div>
/>
</div>
</div>
<div
@ -560,9 +479,41 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="grid-container-desktop-lg"
data-testid="gridContainer"
>
<h2>
How to get started
</h2>
<div
class="grid-col-12 tablet:grid-col-8"
data-testid="grid"
>
<h2>
How to use the tool
</h2>
<p>
The tool shows information about the burdens that communities experience. It uses datasets to identify indicators of burdens. The tool shows these burdens in census tracts. Census tracts are small units of geography. Census tract boundaries for
<a
class="usa-link"
href="/en/methodology"
>
statistical areas
</a>
are determined by the U.S. Census Bureau once every ten years. The tool utilizes the census tract boundaries from 2010. This was chosen because many of the data sources in the tool currently use the 2010 census boundaries. The tool also shows land within the boundaries of Federally Recognized Tribes and point locations for Alaska Native Villages.
</p>
<p>
The tool ranks most of the burdens using percentiles. Percentiles show how much burden each tract experiences compared to other tracts. Certain burdens use percentages or a simple yes/no.
</p>
<p>
A community is considered to be disadvantaged if they are located within a census tract that meets the tools
<a
class="usa-link"
href="/en/methodology"
>
methodology
</a>
or are on land within the boundaries of Federally Recognized Tribes.
</p>
</div>
<div
class="grid-row grid-gap-lg j40-aboutcard-container "
data-testid="grid"
@ -580,14 +531,14 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="grid"
>
<img
alt="Federal program managers"
alt="Using the map"
class="j40-aboutcard-image"
src="test-file-stub"
/>
</div>
<div
class="tablet:grid-col-9"
data-cy="federal-program-managers-block"
data-cy="using-the-map-block"
data-testid="grid"
>
<div
@ -595,24 +546,16 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="grid"
>
<h3>
Federal program managers
Using the map
</h3>
<p>
Download the tools current list of communities, explore data that may be useful to your
program, and provide feedback on the tool.
Zoom in and select any census tract to see if it is considered disadvantaged.
</p>
<div
class="j40-aboutcard-sm-link"
>
<a
class="j40-aboutcard-link"
href="/en/methodology"
>
Methodology & data
</a>
</div>
/>
</div>
</div>
<div
@ -636,14 +579,14 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="grid"
>
<img
alt="Community members"
alt="Using the data"
class="j40-aboutcard-image"
src="test-file-stub"
/>
</div>
<div
class="tablet:grid-col-9"
data-cy="community-members-block"
data-cy="using-the-data-block"
data-testid="grid"
>
<div
@ -651,23 +594,23 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="grid"
>
<h3>
Community members
Using the data
</h3>
<p>
Explore data about communities across the U.S., including your own, and provide feedback on the tool.
The tool's data is available for
<a
class="usa-link"
href="/en/downloads"
>
download
</a>
. This data can be used to filter by state or county.
</p>
<div
class="j40-aboutcard-sm-link"
>
<a
class="j40-aboutcard-link"
href="/en/"
>
Explore the map
</a>
</div>
/>
</div>
</div>
<div
@ -724,21 +667,21 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</h3>
<p>
Have ideas about data and information that reflect the experiences and conditions of your community?
Have ideas for the tool? Contact the Council on Environmental Qualitys (CEQ).
</p>
<div
class="j40-aboutcard-sm-link"
>
<a
class="usa-link usa-link--external j40-aboutcard-link"
class="usa-link usa-link--external"
data-cy=""
href="mailto:Screeningtool-Support@omb.eop.gov"
rel="noreferrer"
target="_blank"
>
Email: Screeningtool-Support@omb.eop.gov
Contact
</a>
</div>
@ -791,7 +734,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="j40-aboutcard-sm-link"
>
<a
class="usa-link usa-link--external j40-aboutcard-link"
class="usa-link usa-link--external"
data-cy=""
href="https://github.com/usds/justice40-tool"
rel="noreferrer"
@ -811,6 +754,68 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</div>
</div>
<div
class="grid-col-12 tablet:grid-col-8"
data-testid="grid"
>
<div>
<h2>
How you can help improve the map
</h2>
<ul>
<li>
Provide
<a
class="usa-link usa-link--external"
data-cy=""
href="https://www.surveymonkey.com/r/P3LWTSB"
rel="noreferrer"
target="_blank"
>
general feedback
</a>
on the CEJST website
</li>
<li>
Suggest new
<a
class="usa-link usa-link--external"
data-cy=""
href="https://www.surveymonkey.com/r/6G9TQJ8"
rel="noreferrer"
target="_blank"
>
data sources
</a>
.
</li>
<li>
Any other questions? The best way to contact the Council on Environmental Quality (CEQ) is by filling out this
<a
class="usa-link usa-link--external"
data-cy=""
href="https://www.surveymonkey.com/r/5LZ7MNB"
rel="noreferrer"
target="_blank"
>
form
</a>
. Otherwise, email:
<a
class="usa-link"
href="/en/methodology"
>
Screeningtool-Support@omb.eop.gov
</a>
</li>
</ul>
<p>
The Council on Environmental Quality plans to issue a Request for Information in 2023. This will give the public time to use the tool before providing comments.
</p>
</div>
</div>
</div>
</main>
<footer
@ -871,6 +876,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</address>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="sign-up-for-updates"
href="https://lp.constantcontactpages.com/su/Vm8pCFj/spring"
rel="noreferrer"
target="_blank"
>
Sign up for updates
</a>
</li>
</ul>
</section>
</div>
@ -890,30 +908,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-footer__secondary-link"
>
<a
class="footer-link-first-child"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-information"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Information
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
class="usa-link usa-link--external footer-link-first-child"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -1032,7 +1027,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="gridContainer"
>
<a
href="https://www.surveymonkey.com/r/cejst-survey"
href="https://www.surveymonkey.com/r/P3LWTSB"
rel="noreferrer"
target="_blank"
>
@ -1041,7 +1036,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="button"
type="button"
>
Help improve the site & data
Help improve the tool
<img
alt="launch icon"
src="test-file-stub"

View file

@ -140,36 +140,14 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</div>
</section>
<div>
<img
alt="language icon for selecting language"
src="test-file-stub"
/>
<a
href="#"
>
English
</a>
<a
href="#"
>
Español
</a>
</div>
</div>
</div>
<div>
<div>
<div />
<div>
<span>
This is a beta site.
</span>
<span>
It is an early, in-progress version of the tool with limited datasets that will
be regularly updated.
</span>
</div>
<strong>
This tool has been updated.
</strong>
The 1.0 version of the tool was released on Nov 22, 2022.
</div>
</div>
<div
@ -184,28 +162,29 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="grid-col-1"
data-testid="grid"
>
<img
alt="Climate and Economic Justice Screening Tool"
src="test-file-stub"
/>
<a
data-cy="nav-link-explore-the-map"
href="/en/"
>
<img
alt="Climate and Economic Justice Screening Tool"
src="test-file-stub"
/>
</a>
</div>
<div
class="grid-col-6"
data-testid="grid"
>
<div>
<a
class="remove-link-style"
data-cy="nav-link-explore-the-map"
href="/en/"
>
<div>
Climate and Economic Justice
Climate and Economic Justice Screening Tool
</div>
<div>
<div>
Screening Tool
</div>
<div>
BETA
</div>
</div>
</div>
</a>
</div>
<div
class="grid-col-fill"
@ -249,7 +228,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
<button
aria-controls="methMenu"
aria-expanded="true"
aria-expanded="false"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-methodology"
data-testid="navDropDownButton"
@ -261,6 +240,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="methMenu"
>
<li
@ -283,17 +263,69 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Downloads
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-previous-versions"
href="/en/previous-versions"
>
Previous versions
</a>
</li>
</ul>
</li>
<li
class="usa-nav__primary-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
<button
aria-controls="aboutMenu"
aria-expanded="false"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-about"
data-testid="navDropDownButton"
type="button"
>
About
</a>
<span>
About
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="aboutMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
>
About
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-faqs"
href="/en/frequently-asked-questions"
>
Frequently asked questions
</a>
</li>
</ul>
</li>
<li
class="usa-nav__primary-item"
@ -305,33 +337,35 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Contact
</a>
</li>
<li
class="usa-nav__primary-item"
>
<div>
<div>
<img
alt="language icon for selecting language"
src="test-file-stub"
/>
<a
href="#"
>
English
</a>
<a
href="#"
>
Español
</a>
</div>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div
class="grid-container-desktop-lg"
data-testid="gridContainer"
>
<div
class="usa-alert usa-alert--info"
data-testid="alert"
>
<div
class="usa-alert__body"
>
<h1
class="usa-alert__heading"
>
Version 1.0 of the tool is now available
</h1>
<p
class="usa-alert__text"
>
The Council on Environmental Quality (CEQ) made the version 1.0 of the tool available on 11/22/2022. For more information about the improvements to the tool, CEQs press release will be coming soon.
</p>
</div>
</div>
</div>
</header>
<main
id="main-content"
@ -377,10 +411,25 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="grid"
>
<h2>
Email us
Contact us
</h2>
<p>
For general feedback, email
The best way to contact the Council on Environmental Quality (CEQ) is by filling out
<a
class="usa-link usa-link--external"
data-cy=""
href="https://www.surveymonkey.com/r/5LZ7MNB"
rel="noreferrer"
target="_blank"
>
this form
</a>
.
</p>
<p>
Otherwise, email CEQ at:
<a
class="usa-link usa-link--external"
data-cy=""
@ -392,69 +441,11 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</a>
.
</p>
<h3>
Census tract feedback
</h3>
<p>
To provide feedback about a specific census tract, either select the send feedback button after
selecting a census tract on the
<a
href="/en/"
>
Explore the map
</a>
page or use the email address provided above. Please include the census tract ID, county, and state or territory information, in addition to your feedback.
</p>
<p>
If there are specific data indicators that could be improved or changed, please include that
information in the body of the email.
</p>
<p>
In addition, you can provide feedback on the tool via this
<a
class="usa-link usa-link--external"
data-cy=""
href="https://www.surveymonkey.com/r/cejst-survey"
rel="noreferrer"
target="_blank"
>
survey
</a>
.
</p>
</div>
<div
class="grid-col-12 desktop:grid-col-4"
data-testid="grid"
>
<div
class="usa-summary-box"
data-testid="summary-box"
>
<div
class="usa-summary-box__body"
>
<h3
class="usa-summary-box__heading"
>
Request for Information
</h3>
<div
class="usa-summary-box__text"
>
<p>
The Request for Information on the Federal Register for the public beta period closed on May 25, 2022.
</p>
</div>
</div>
</div>
</div>
/>
</div>
</div>
</main>
@ -516,6 +507,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</address>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="sign-up-for-updates"
href="https://lp.constantcontactpages.com/su/Vm8pCFj/spring"
rel="noreferrer"
target="_blank"
>
Sign up for updates
</a>
</li>
</ul>
</section>
</div>
@ -535,30 +539,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-footer__secondary-link"
>
<a
class="footer-link-first-child"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-information"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Information
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
class="usa-link usa-link--external footer-link-first-child"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -677,7 +658,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="gridContainer"
>
<a
href="https://www.surveymonkey.com/r/cejst-survey"
href="https://www.surveymonkey.com/r/P3LWTSB"
rel="noreferrer"
target="_blank"
>
@ -686,7 +667,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="button"
type="button"
>
Help improve the site & data
Help improve the tool
<img
alt="launch icon"
src="test-file-stub"

View file

@ -140,36 +140,14 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</div>
</section>
<div>
<img
alt="language icon for selecting language"
src="test-file-stub"
/>
<a
href="#"
>
English
</a>
<a
href="#"
>
Español
</a>
</div>
</div>
</div>
<div>
<div>
<div />
<div>
<span>
This is a beta site.
</span>
<span>
It is an early, in-progress version of the tool with limited datasets that will
be regularly updated.
</span>
</div>
<strong>
This tool has been updated.
</strong>
The 1.0 version of the tool was released on Nov 22, 2022.
</div>
</div>
<div
@ -184,28 +162,29 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="grid-col-1"
data-testid="grid"
>
<img
alt="Climate and Economic Justice Screening Tool"
src="test-file-stub"
/>
<a
data-cy="nav-link-explore-the-map"
href="/en/"
>
<img
alt="Climate and Economic Justice Screening Tool"
src="test-file-stub"
/>
</a>
</div>
<div
class="grid-col-6"
data-testid="grid"
>
<div>
<a
class="remove-link-style"
data-cy="nav-link-explore-the-map"
href="/en/"
>
<div>
Climate and Economic Justice
Climate and Economic Justice Screening Tool
</div>
<div>
<div>
Screening Tool
</div>
<div>
BETA
</div>
</div>
</div>
</a>
</div>
<div
class="grid-col-fill"
@ -249,7 +228,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
<button
aria-controls="methMenu"
aria-expanded="true"
aria-expanded="false"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-methodology"
data-testid="navDropDownButton"
@ -261,6 +240,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="methMenu"
>
<li
@ -283,17 +263,69 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Downloads
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-previous-versions"
href="/en/previous-versions"
>
Previous versions
</a>
</li>
</ul>
</li>
<li
class="usa-nav__primary-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
<button
aria-controls="aboutMenu"
aria-expanded="false"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-about"
data-testid="navDropDownButton"
type="button"
>
About
</a>
<span>
About
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="aboutMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
>
About
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-faqs"
href="/en/frequently-asked-questions"
>
Frequently asked questions
</a>
</li>
</ul>
</li>
<li
class="usa-nav__primary-item"
@ -305,33 +337,35 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Contact
</a>
</li>
<li
class="usa-nav__primary-item"
>
<div>
<div>
<img
alt="language icon for selecting language"
src="test-file-stub"
/>
<a
href="#"
>
English
</a>
<a
href="#"
>
Español
</a>
</div>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div
class="grid-container-desktop-lg"
data-testid="gridContainer"
>
<div
class="usa-alert usa-alert--info"
data-testid="alert"
>
<div
class="usa-alert__body"
>
<h1
class="usa-alert__heading"
>
Version 1.0 of the tool is now available
</h1>
<p
class="usa-alert__text"
>
The Council on Environmental Quality (CEQ) made the version 1.0 of the tool available on 11/22/2022. For more information about the improvements to the tool, CEQs press release will be coming soon.
</p>
</div>
</div>
</div>
</header>
<main
id="main-content"
@ -376,16 +410,261 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="grid-col-12 tablet:grid-col-8"
data-testid="grid"
>
<h2>
File formats
<h2
class="j40-mt-0 j40-mb-3"
>
Version 1.0 file formats
</h2>
<section>
<div>
<span>
View
<a
aria-controls="releaseUpdate-panel"
class="usa-link"
href="javascript:void(0)"
id="releaseUpdate-header"
tabindex="0"
>
release notes
</a>
<img
alt="expand icon"
src="test-file-stub"
/>
</span>
<section
aria-labelledby="releaseUpdate-header"
hidden=""
id="releaseUpdate-panel"
>
<div>
<div>
Version 1.0 Release update - Nov 22, 2022
</div>
<div>
New & improved
</div>
<div>
<ul>
<li>
Added lands within the boundaries of Federally Recognized Tribes and
locations of Alaska Native Villages using data from the Bureau of Indian
Affairs at the U.S. Department of the Interior
</li>
<ul>
<li>
Added new data for indicators of burden
</li>
<li>
Climate change
</li>
<ul>
<li>
Projected flood risk
</li>
<li>
Projected wildfire risk
</li>
</ul>
<li>
Housing
</li>
<ul>
<li>
Historic underinvestment due to redlining
</li>
<li>
Lack of green space
</li>
<li>
Lack of plumbing
</li>
</ul>
<li>
Legacy pollution
</li>
<ul>
<li>
Abandoned mine lands
</li>
<li>
Formerly used defense sites
</li>
</ul>
<li>
Transportation
</li>
<ul>
<li>
Transportation barriers
</li>
</ul>
<li>
Water
</li>
<ul>
<li>
Leaking underground storage tanks
</li>
</ul>
</ul>
<li>
Included communities that are completely surrounded by other
disadvantaged communities and that meet an adjusted low income
threshold
</li>
<li>
Made technical changes to enhance accuracy of the tool
</li>
<ul>
<li>
Removed income data for students enrolled in higher education in the low income indicator
</li>
<li>
Imputed income for census tracts missing income data
</li>
<li>
Used transportation barriers and expected population loss rate
data burdens only for census tracts with populations of 20 or
more to exclude areas such as airports
</li>
</ul>
<li>
Improved the user interface
</li>
<ul>
<li>
Added demographics (race & age) for census tracts to map side panel
</li>
<li>
Improved the design of the map side panel
</li>
<li>
Updated the site copy of the website
</li>
</ul>
<li>
Added new data for all the U.S. Territories, and also made a small methodology change for Puerto Rico
</li>
<ul>
<li>
USVI
</li>
<ul>
<li>
Included data from 2010 decennial census for US Virgin Islands
</li>
</ul>
<li>
Guam
</li>
<ul>
<li>
Included data from 2010 decennial census for Guam
</li>
</ul>
<li>
Puerto Rico
</li>
<ul>
<li>
Removed linguistic isolation as an indicator in the methodology for Puerto Rico
</li>
<li>
Imported additional available data for Puerto Rico
</li>
<ul>
<li>
Energy cost
</li>
<li>
Housing cost
</li>
<li>
Abandoned mine lands
</li>
<li>
Proximity to hazardous waste sites
</li>
<li>
Proximity to Superfund (National Priorities List (NPL)) sites
</li>
<li>
Proximity to Risk Management Plan (RMP) sites
</li>
</ul>
</ul>
</ul>
<li>
Enhanced the technical files:
</li>
<ul>
<li>
Added all new data indicators and demographics to .xls, .csv, and shapefiles
</li>
<li>
Added previous versions page to access the beta versions
download files
</li>
<li>
Updated codebook
</li>
<li>
Updated Technical Support Document
</li>
</ul>
<li>
Improved the way that users provide feedback on the tool:
</li>
<ul>
<li>
Data survey
</li>
<li>
Site experience survey
</li>
<li>
Census tract feedback
</li>
<li>
General contact form
</li>
</ul>
<li>
Added a link to sign up for email mailing list managed by CEQ
</li>
</ul>
</div>
<div>
Fixes
</div>
<div>
<ul>
<li>
Bug fix: loaded missing life expectancy data for Maine and Wisconsin
</li>
<li>
Bug fix: Census tracts that are 100% water should not be
included on the map
</li>
</ul>
</div>
<div>
release version 1.0
</div>
</div>
</section>
</div>
</section>
<p>
The dataset used in the tool, along with a data dictionary and information about how to use the list of communities (.pdf) are available in the following file formats:
The dataset used in the 1.0 version of the tool, along with a codebook, and information about how to use the list of communities (.pdf) are available for download:
</p>
<p>
<a
class="usa-link"
download=""
href="//"
>
@ -395,11 +674,12 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
alt="The icon used to indicate that the file is downloadable"
src="test-file-stub"
/>
(.xlsx 24.9MB)
(.xlsx 35.6MB)
</p>
<p>
<a
class="usa-link"
download=""
href="//"
>
@ -409,10 +689,11 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
alt="The icon used to indicate that the file is downloadable"
src="test-file-stub"
/>
(.csv 28.1MB)
(.csv 42MB)
</p>
<p>
<a
class="usa-link"
download=""
href="//"
>
@ -422,7 +703,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
alt="The icon used to indicate that the file is downloadable"
src="test-file-stub"
/>
(Codebook included with geojson 741MB unzipped)
(Codebook included with shapefile 356.8MB unzipped)
</p>
<p>
<a
@ -434,7 +715,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
Technical support document
</a>
(.pdf 2.5MB)
(.pdf 2.4MB)
</p>
<p>
<a
@ -446,7 +727,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
How to use the list of communities
</a>
(.pdf 674kB)
(.pdf 687.9kB)
</p>
</div>
<div
@ -514,6 +795,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</address>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="sign-up-for-updates"
href="https://lp.constantcontactpages.com/su/Vm8pCFj/spring"
rel="noreferrer"
target="_blank"
>
Sign up for updates
</a>
</li>
</ul>
</section>
</div>
@ -533,30 +827,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-footer__secondary-link"
>
<a
class="footer-link-first-child"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-information"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Information
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
class="usa-link usa-link--external footer-link-first-child"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -675,7 +946,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="gridContainer"
>
<a
href="https://www.surveymonkey.com/r/cejst-survey"
href="https://www.surveymonkey.com/r/P3LWTSB"
rel="noreferrer"
target="_blank"
>
@ -684,7 +955,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="button"
type="button"
>
Help improve the site & data
Help improve the tool
<img
alt="launch icon"
src="test-file-stub"

File diff suppressed because it is too large Load diff

View file

@ -140,36 +140,14 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</div>
</section>
<div>
<img
alt="language icon for selecting language"
src="test-file-stub"
/>
<a
href="#"
>
English
</a>
<a
href="#"
>
Español
</a>
</div>
</div>
</div>
<div>
<div>
<div />
<div>
<span>
This is a beta site.
</span>
<span>
It is an early, in-progress version of the tool with limited datasets that will
be regularly updated.
</span>
</div>
<strong>
This tool has been updated.
</strong>
The 1.0 version of the tool was released on Nov 22, 2022.
</div>
</div>
<div
@ -184,28 +162,29 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="grid-col-1"
data-testid="grid"
>
<img
alt="Climate and Economic Justice Screening Tool"
src="test-file-stub"
/>
<a
data-cy="nav-link-explore-the-map"
href="/en/"
>
<img
alt="Climate and Economic Justice Screening Tool"
src="test-file-stub"
/>
</a>
</div>
<div
class="grid-col-6"
data-testid="grid"
>
<div>
<a
class="remove-link-style"
data-cy="nav-link-explore-the-map"
href="/en/"
>
<div>
Climate and Economic Justice
Climate and Economic Justice Screening Tool
</div>
<div>
<div>
Screening Tool
</div>
<div>
BETA
</div>
</div>
</div>
</a>
</div>
<div
class="grid-col-fill"
@ -249,7 +228,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
<button
aria-controls="methMenu"
aria-expanded="true"
aria-expanded="false"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-methodology"
data-testid="navDropDownButton"
@ -261,6 +240,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="methMenu"
>
<li
@ -283,17 +263,69 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Downloads
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-previous-versions"
href="/en/previous-versions"
>
Previous versions
</a>
</li>
</ul>
</li>
<li
class="usa-nav__primary-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
<button
aria-controls="aboutMenu"
aria-expanded="false"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-about"
data-testid="navDropDownButton"
type="button"
>
About
</a>
<span>
About
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="aboutMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
>
About
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-faqs"
href="/en/frequently-asked-questions"
>
Frequently asked questions
</a>
</li>
</ul>
</li>
<li
class="usa-nav__primary-item"
@ -305,33 +337,35 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Contact
</a>
</li>
<li
class="usa-nav__primary-item"
>
<div>
<div>
<img
alt="language icon for selecting language"
src="test-file-stub"
/>
<a
href="#"
>
English
</a>
<a
href="#"
>
Español
</a>
</div>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div
class="grid-container-desktop-lg"
data-testid="gridContainer"
>
<div
class="usa-alert usa-alert--info"
data-testid="alert"
>
<div
class="usa-alert__body"
>
<h1
class="usa-alert__heading"
>
Version 1.0 of the tool is now available
</h1>
<p
class="usa-alert__text"
>
The Council on Environmental Quality (CEQ) made the version 1.0 of the tool available on 11/22/2022. For more information about the improvements to the tool, CEQs press release will be coming soon.
</p>
</div>
</div>
</div>
</header>
<main
id="main-content"
@ -344,7 +378,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Public engagement opportunities
</h1>
<div
class="grid-row"
class="grid-row grid-gap-6"
data-testid="grid"
>
<div
@ -353,10 +387,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
<p>
CEQ is hosting engagement opportunities to connect with the public about the current version of the
tool. These sessions are an opportunity to obtain training on the tool or to provide feedback on the
beta version of the tool. CEQ hopes that members of the public will join these engagements to learn
about the tool, have their questions answered, and share feedback.
The Council on Environmental Quality (CEQ) is hosting engagement opportunities to connect with the public about the current versions of the Climate and Economic Justice Screening Tool (CEJST). These sessions are an opportunity to obtain training on the tool or to provide the feedback on the latest version of the tool. CEQ hopes that members of the public will join these engagements to learn about the tool, ask questions, an share feedback.
</p>
<p>
@ -366,18 +397,31 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</p>
<p>
As they become available, additional public trainings and engagement opportunities on the Climate
and Economic Justice Screening Tool will also be posted on this page.
As they become available, additional public trainings and engagement opportunities on the Climate and Economic Justice Screening Tool will also be posted on this page.
<a
class="usa-link usa-link--external"
data-cy=""
href="https://lp.constantcontactpages.com/su/Vm8pCFj/spring"
rel="noreferrer"
target="_blank"
>
Sign-up
</a>
for updates from CEQ
</p>
</div>
<div
class="desktop:grid-col-4"
data-testid="grid"
/>
</div>
<div
class="grid-row"
data-testid="grid"
>
<h2>
Find an event
Upcoming events for CEJST version 1.0
</h2>
</div>
<div
@ -392,6 +436,221 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-collection"
data-testid="collection"
>
<li
class="usa-collection__item"
>
<div
class="usa-collection__body"
>
<h2
class="usa-collection__heading"
>
Coming soon!
</h2>
</div>
</li>
</ul>
</div>
<div
class="desktop:grid-col-4"
data-testid="grid"
>
<div
class="usa-summary-box"
data-testid="summary-box"
>
<div
class="usa-summary-box__body"
>
<h2
class="usa-summary-box__heading"
>
Need information about the public beta?
</h2>
<div
class="usa-summary-box__text"
>
Watch a recorded version of the beta version of the CEJST training on YouTube.
<a
href="https://www.youtube.com/watch?v=QwHWcXbhw28"
rel="noreferrer"
target="_blank"
>
<button
class="usa-button"
data-testid="button"
type="button"
>
<div>
<div>
Watch on beta demo
</div>
<img
alt="the icon to show that this button will open in a new tab"
src="test-file-stub"
/>
</div>
</button>
</a>
<a
download=""
href="//"
>
<button
class="usa-button"
data-testid="button"
type="button"
>
<div>
<div>
Download beta slide deck
</div>
<img
alt="the icon to show that this button will download the file"
src="test-file-stub"
/>
</div>
</button>
</a>
</div>
</div>
</div>
</div>
</div>
<div
class="grid-row"
data-testid="grid"
>
<h2>
Previous events for public beta
</h2>
</div>
<div
class="grid-row grid-gap-6"
data-testid="grid"
>
<div
class="desktop:grid-col-8"
data-testid="grid"
>
<ul
class="usa-collection"
data-testid="collection"
>
<li
class="usa-collection__item"
>
<img
alt="Alt text"
class="usa-collection__img"
src="test-file-stub"
/>
<div
class="usa-collection__body"
>
<h3
class="usa-collection__heading"
>
CEJST training session #5
</h3>
<p
class="usa-collection__description"
>
The White House Council on Environmental Quality (CEQ), in partnership with the U.S. Digital
Service, is hosting a series of 'Training Webinars' for users of the Climate and Economic
Justice Screening Tool. These webinars are an opportunity for members of the public to learn how to
use the current version of the tool. The presenters at these webinars will be available to
provide technical support and address issues related to accessing and using the tool.
</p>
<p
class="usa-collection__description"
>
<b>
Event info
</b>
: October 9th (4:00 - 5:00 PM EST)
</p>
<p
class="usa-collection__description"
>
<a
href="https://pitc.zoomgov.com/webinar/register/WN_q86iMtpwTESYa6f0xpIk7g"
rel="noreferrer"
target="_blank"
>
<button
class="usa-button"
data-testid="button"
disabled=""
type="button"
>
Registration link
</button>
</a>
</p>
</div>
</li>
<li
class="usa-collection__item"
>
<img
alt="Alt text"
class="usa-collection__img"
src="test-file-stub"
/>
<div
class="usa-collection__body"
>
<h3
class="usa-collection__heading"
>
CEJST training session #4
</h3>
<p
class="usa-collection__description"
>
The White House Council on Environmental Quality (CEQ), in partnership with the U.S. Digital
Service, is hosting a series of 'Training Webinars' for users of the Climate and Economic
Justice Screening Tool. These webinars are an opportunity for members of the public to learn how to
use the current version of the tool. The presenters at these webinars will be available to
provide technical support and address issues related to accessing and using the tool.
</p>
<p
class="usa-collection__description"
>
<b>
Event info
</b>
: October 4th (4:00 - 5:00 PM EST)
</p>
<p
class="usa-collection__description"
>
<a
href="https://pitc.zoomgov.com/webinar/register/WN_q86iMtpwTESYa6f0xpIk7g"
rel="noreferrer"
target="_blank"
>
<button
class="usa-button"
data-testid="button"
disabled=""
type="button"
>
Registration link
</button>
</a>
</p>
</div>
</li>
<li
class="usa-collection__item"
>
@ -881,71 +1140,6 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</li>
</ul>
</div>
<div
class="desktop:grid-col-4"
data-testid="grid"
>
<div
class="usa-summary-box"
data-testid="summary-box"
>
<div
class="usa-summary-box__body"
>
<h3
class="usa-summary-box__heading"
>
Can't make an upcoming session?
</h3>
<div
class="usa-summary-box__text"
>
Watch a recorded version of the CEJST training on YouTube.
<a
href="https://www.youtube.com/watch?v=QwHWcXbhw28"
rel="noreferrer"
target="_blank"
>
<button
class="usa-button"
data-testid="button"
type="button"
>
<div>
<div>
Watch on YouTube
</div>
<img
alt="the icon to show that this button will open in a new tab"
src="test-file-stub"
/>
</div>
</button>
</a>
<a
download=""
href="https://static-data-screeningtool.geoplatform.gov/data-pipeline/data/score/downloadable/technical-training-slides.pptx"
>
<button
class="usa-button"
data-testid="button"
type="button"
>
<div>
<div>
Download slide deck
</div>
<img
alt="the icon to show that this button will download the file"
src="test-file-stub"
/>
</div>
</button>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
@ -1007,6 +1201,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</address>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="sign-up-for-updates"
href="https://lp.constantcontactpages.com/su/Vm8pCFj/spring"
rel="noreferrer"
target="_blank"
>
Sign up for updates
</a>
</li>
</ul>
</section>
</div>
@ -1026,30 +1233,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-footer__secondary-link"
>
<a
class="footer-link-first-child"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-information"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Information
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
class="usa-link usa-link--external footer-link-first-child"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -1168,7 +1352,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="gridContainer"
>
<a
href="https://www.surveymonkey.com/r/cejst-survey"
href="https://www.surveymonkey.com/r/P3LWTSB"
rel="noreferrer"
target="_blank"
>
@ -1177,7 +1361,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="button"
type="button"
>
Help improve the site & data
Help improve the tool
<img
alt="launch icon"
src="test-file-stub"

View file

@ -140,36 +140,14 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</div>
</section>
<div>
<img
alt="language icon for selecting language"
src="test-file-stub"
/>
<a
href="#"
>
English
</a>
<a
href="#"
>
Español
</a>
</div>
</div>
</div>
<div>
<div>
<div />
<div>
<span>
This is a beta site.
</span>
<span>
It is an early, in-progress version of the tool with limited datasets that will
be regularly updated.
</span>
</div>
<strong>
This tool has been updated.
</strong>
The 1.0 version of the tool was released on Nov 22, 2022.
</div>
</div>
<div
@ -184,28 +162,29 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="grid-col-1"
data-testid="grid"
>
<img
alt="Climate and Economic Justice Screening Tool"
src="test-file-stub"
/>
<a
data-cy="nav-link-explore-the-map"
href="/en/"
>
<img
alt="Climate and Economic Justice Screening Tool"
src="test-file-stub"
/>
</a>
</div>
<div
class="grid-col-6"
data-testid="grid"
>
<div>
<a
class="remove-link-style"
data-cy="nav-link-explore-the-map"
href="/en/"
>
<div>
Climate and Economic Justice
Climate and Economic Justice Screening Tool
</div>
<div>
<div>
Screening Tool
</div>
<div>
BETA
</div>
</div>
</div>
</a>
</div>
<div
class="grid-col-fill"
@ -249,7 +228,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
<button
aria-controls="methMenu"
aria-expanded="true"
aria-expanded="false"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-methodology"
data-testid="navDropDownButton"
@ -261,6 +240,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="methMenu"
>
<li
@ -283,17 +263,69 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Downloads
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-previous-versions"
href="/en/previous-versions"
>
Previous versions
</a>
</li>
</ul>
</li>
<li
class="usa-nav__primary-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
<button
aria-controls="aboutMenu"
aria-expanded="false"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-about"
data-testid="navDropDownButton"
type="button"
>
About
</a>
<span>
About
</span>
</button>
<ul
class="usa-nav__submenu"
hidden=""
id="aboutMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-about"
href="/en/about"
>
About
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-public-engagement"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-faqs"
href="/en/frequently-asked-questions"
>
Frequently asked questions
</a>
</li>
</ul>
</li>
<li
class="usa-nav__primary-item"
@ -305,33 +337,35 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Contact
</a>
</li>
<li
class="usa-nav__primary-item"
>
<div>
<div>
<img
alt="language icon for selecting language"
src="test-file-stub"
/>
<a
href="#"
>
English
</a>
<a
href="#"
>
Español
</a>
</div>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div
class="grid-container-desktop-lg"
data-testid="gridContainer"
>
<div
class="usa-alert usa-alert--info"
data-testid="alert"
>
<div
class="usa-alert__body"
>
<h1
class="usa-alert__heading"
>
Version 1.0 of the tool is now available
</h1>
<p
class="usa-alert__text"
>
The Council on Environmental Quality (CEQ) made the version 1.0 of the tool available on 11/22/2022. For more information about the improvements to the tool, CEQs press release will be coming soon.
</p>
</div>
</div>
</div>
</header>
<main
id="main-content"
@ -409,6 +443,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</address>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="sign-up-for-updates"
href="https://lp.constantcontactpages.com/su/Vm8pCFj/spring"
rel="noreferrer"
target="_blank"
>
Sign up for updates
</a>
</li>
</ul>
</section>
</div>
@ -428,30 +475,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-footer__secondary-link"
>
<a
class="footer-link-first-child"
href="/en/public-engagement"
>
Engagement calendar
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-information"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Information
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
class="usa-link usa-link--external footer-link-first-child"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -570,7 +594,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="gridContainer"
>
<a
href="https://www.surveymonkey.com/r/cejst-survey"
href="https://www.surveymonkey.com/r/P3LWTSB"
rel="noreferrer"
target="_blank"
>
@ -579,7 +603,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
data-testid="button"
type="button"
>
Help improve the site & data
Help improve the tool
<img
alt="launch icon"
src="test-file-stub"