mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-02-22 09:41:26 -08:00
Add language links to switch between English and Spanish (#842)
* Add language links to gov banner - align banners to site logo - create Language component and snapshot test - add Language component to GovBanner - update namespace for betaBanner scss.d.ts file * Update snapshots for each page * Componentizes the GovBanner - add styles - add unit test - token most styles to USWDS * Add language icon and update snapshots * Make language link text smaller * Update total height of BetaBanner * Add languageLink to scss.d.ts file * Add language links to mobile - add isDesktop prop to Language component - refactors header links to a simple array - update snapshots * Add href value to language links - update snapshots * merge other PRs and add spanish links - merge PR 817 - merge PR 794 - add spanish links for footer - add diffEnEs.js to detect differences between two json files - adds esNoBrackets.json - update intl README * Add government banner in spanish * Add spanish content for About and Explore page
This commit is contained in:
Vim
GitHub
parent
62e20dd881
commit
28c5b9c869
29 changed files with 1391 additions and 960 deletions
|
|
@ -6,12 +6,12 @@
|
|||
.betaBanner {
|
||||
@include u-display("flex");
|
||||
@include u-height(3);
|
||||
max-width: 60.25rem; // Needs this exact value to align with GovBanner
|
||||
max-width: 70.25rem; // Needs this exact value to align with GovBanner
|
||||
@include u-font("body", "3xs");
|
||||
@include u-margin-left(auto);
|
||||
@include u-margin-right(auto);
|
||||
@include u-padding-top("05");
|
||||
@include u-padding-bottom(3);
|
||||
@include u-padding-top(1);
|
||||
padding-bottom: 1.75rem;
|
||||
|
||||
@include at-media-max("desktop") {
|
||||
@include u-margin-left(2);
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
declare namespace BetaBannerNamespace {
|
||||
export interface IDatasetCardScss {
|
||||
export interface IBetaBannerScss {
|
||||
betaBannerContainer: string;
|
||||
betaBanner:string;
|
||||
betaPillIcon:string;
|
||||
|
|
@ -7,9 +7,9 @@ declare namespace BetaBannerNamespace {
|
|||
}
|
||||
}
|
||||
|
||||
declare const DatasetCardScssModule: BetaBannerNamespace.IDatasetCardScss & {
|
||||
declare const BetaBannerScssModule: BetaBannerNamespace.IBetaBannerScss & {
|
||||
/** WARNING: Only available when `css-loader` is used without `style-loader` or `mini-css-extract-plugin` */
|
||||
locals: BetaBannerNamespace.IDatasetCardScss;
|
||||
locals: BetaBannerNamespace.IBetaBannerScss;
|
||||
};
|
||||
|
||||
export = DatasetCardScssModule;
|
||||
export = BetaBannerScssModule;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,16 @@
|
|||
@use '../../styles/design-system.scss' as *;
|
||||
|
||||
.fullScreenContainer {
|
||||
background-color: #f0f0f0; // Non-tokenizable color
|
||||
@include u-padding-top('05');
|
||||
@include u-padding-bottom('05');
|
||||
|
||||
.bannerContainer {
|
||||
@include u-display("flex");
|
||||
max-width: 74rem;
|
||||
@include u-margin-left(auto);
|
||||
@include u-margin-right(auto);
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
}
|
||||
13
client/src/components/GovernmentBanner/GovernmentBanner.module.scss.d.ts
vendored
Normal file
13
client/src/components/GovernmentBanner/GovernmentBanner.module.scss.d.ts
vendored
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
declare namespace GovernmentBannerNamespace {
|
||||
export interface IGovernmentBannerScss {
|
||||
fullScreenContainer: string;
|
||||
bannerContainer:string;
|
||||
}
|
||||
}
|
||||
|
||||
declare const GovernmentBannerScssModule: GovernmentBannerNamespace.IGovernmentBannerScss & {
|
||||
/** WARNING: Only available when `css-loader` is used without `style-loader` or `mini-css-extract-plugin` */
|
||||
locals: GovernmentBannerNamespace.IGovernmentBannerScss;
|
||||
};
|
||||
|
||||
export = GovernmentBannerScssModule;
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
import * as React from 'react';
|
||||
import {render} from '@testing-library/react';
|
||||
import {LocalizedComponent} from '../../test/testHelpers';
|
||||
import GovernmentBanner from './GovernmentBanner';
|
||||
|
||||
describe('rendering of the GovernmentBanner', () => {
|
||||
const {asFragment} = render(
|
||||
<LocalizedComponent>
|
||||
<GovernmentBanner />
|
||||
</LocalizedComponent>,
|
||||
);
|
||||
|
||||
it('checks if component renders', () => {
|
||||
expect(asFragment()).toMatchSnapshot();
|
||||
});
|
||||
});
|
||||
21
client/src/components/GovernmentBanner/GovernmentBanner.tsx
Normal file
21
client/src/components/GovernmentBanner/GovernmentBanner.tsx
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
import React from 'react';
|
||||
import {GovBanner} from '@trussworks/react-uswds';
|
||||
import {useIntl} from 'gatsby-plugin-intl';
|
||||
|
||||
import Language from '../Language';
|
||||
|
||||
import * as styles from './GovernmentBanner.module.scss';
|
||||
|
||||
const GovernmentBanner = () => {
|
||||
const intl = useIntl();
|
||||
return (
|
||||
<div className={styles.fullScreenContainer}>
|
||||
<div className={styles.bannerContainer}>
|
||||
<GovBanner language={intl.locale === 'es' ? 'spanish' : 'english'}/>
|
||||
<Language isDesktop={true}/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default GovernmentBanner;
|
||||
|
|
@ -0,0 +1,157 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`rendering of the GovernmentBanner checks if component renders 1`] = `
|
||||
<DocumentFragment>
|
||||
<div>
|
||||
<div>
|
||||
<section
|
||||
class="usa-banner"
|
||||
data-testid="govBanner"
|
||||
>
|
||||
<div
|
||||
class="usa-accordion"
|
||||
>
|
||||
<header
|
||||
class="usa-banner__header"
|
||||
>
|
||||
<div
|
||||
class="usa-banner__inner"
|
||||
>
|
||||
<div
|
||||
class="grid-col-auto"
|
||||
>
|
||||
<img
|
||||
alt="U.S. flag"
|
||||
class="usa-banner__header-flag"
|
||||
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII="
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="grid-col-fill tablet:grid-col-auto"
|
||||
>
|
||||
<p
|
||||
class="usa-banner__header-text"
|
||||
>
|
||||
An official website of the United States government
|
||||
</p>
|
||||
<p
|
||||
aria-hidden="true"
|
||||
class="usa-banner__header-action"
|
||||
>
|
||||
Here’s how you know
|
||||
</p>
|
||||
</div>
|
||||
<button
|
||||
aria-controls="gov-banner"
|
||||
aria-expanded="false"
|
||||
class="usa-accordion__button usa-banner__button"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="usa-banner__button-text"
|
||||
>
|
||||
Here’s how you know
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
<div
|
||||
class="usa-banner__content usa-accordion__content"
|
||||
hidden=""
|
||||
id="gov-banner"
|
||||
>
|
||||
<div
|
||||
class="grid-row grid-gap-lg"
|
||||
>
|
||||
<div
|
||||
class="usa-banner__guidance tablet:grid-col-6"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
aria-hidden="true"
|
||||
class="usa-banner__icon usa-media-block__img"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWRvdC1nb3Y8L3RpdGxlPjxwYXRoIGZpbGw9IiMyMzc4QzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMyIDBjMTcuNjczIDAgMzIgMTQuMzI3IDMyIDMyIDAgMTcuNjczLTE0LjMyNyAzMi0zMiAzMkMxNC4zMjcgNjQgMCA0OS42NzMgMCAzMiAwIDE0LjMyNyAxNC4zMjcgMCAzMiAwem0wIDEuMjA4QzE0Ljk5NCAxLjIwOCAxLjIwOCAxNC45OTQgMS4yMDggMzJTMTQuOTk0IDYyLjc5MiAzMiA2Mi43OTIgNjIuNzkyIDQ5LjAwNiA2Mi43OTIgMzIgNDkuMDA2IDEuMjA4IDMyIDEuMjA4em0xMC41OSAzOC44NThhLjg1Ny44NTcgMCAwIDEgLjg4Mi44MjJ2MS42NDJIMTguODg2di0xLjY0MmEuODU3Ljg1NyAwIDAgMSAuODgyLS44MjJINDIuNTl6TTI1LjQ0MyAyNy43NzR2OS44MjloMS42NDJ2LTkuODNoMy4yNzN2OS44M0gzMnYtOS44M2gzLjI3MnY5LjgzaDEuNjQzdi05LjgzaDMuMjcydjkuODNoLjc2YS44NTcuODU3IDAgMCAxIC44ODIuODIxdi44MjFoLTIxLjN2LS44MDlhLjg1Ny44NTcgMCAwIDEgLjg4LS44MmguNzYydi05Ljg0MmgzLjI3MnptNS43MzYtOC4xODhsMTIuMjkzIDQuOTE1djEuNjQyaC0xLjYzYS44NTcuODU3IDAgMCAxLS44ODIuODIySDIxLjQxYS44NTcuODU3IDAgMCAxLS44ODItLjgyMmgtMS42NDJ2LTEuNjQybDEyLjI5My00LjkxNXoiLz48L3N2Zz4="
|
||||
/>
|
||||
<div
|
||||
class="usa-media-block__body"
|
||||
>
|
||||
<p>
|
||||
<strong>
|
||||
Official websites use .gov
|
||||
</strong>
|
||||
<br />
|
||||
A
|
||||
<strong>
|
||||
.gov
|
||||
</strong>
|
||||
website belongs to an official government organization in the United States.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="usa-banner__guidance tablet:grid-col-6"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
aria-hidden="true"
|
||||
class="usa-banner__icon usa-media-block__img"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWh0dHBzPC90aXRsZT48cGF0aCBmaWxsPSIjNzE5RjJBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMiAwYzE3LjY3MyAwIDMyIDE0LjMyNyAzMiAzMiAwIDE3LjY3My0xNC4zMjcgMzItMzIgMzJDMTQuMzI3IDY0IDAgNDkuNjczIDAgMzIgMCAxNC4zMjcgMTQuMzI3IDAgMzIgMHptMCAxLjIwOEMxNC45OTQgMS4yMDggMS4yMDggMTQuOTk0IDEuMjA4IDMyUzE0Ljk5NCA2Mi43OTIgMzIgNjIuNzkyIDYyLjc5MiA0OS4wMDYgNjIuNzkyIDMyIDQ5LjAwNiAxLjIwOCAzMiAxLjIwOHptMCAxOC44ODZhNy4yNDUgNy4yNDUgMCAwIDEgNy4yNDUgNy4yNDV2My4xMDNoLjUyYy44NiAwIDEuNTU3LjY5OCAxLjU1NyAxLjU1OHY5LjMyMmMwIC44Ni0uNjk3IDEuNTU4LTEuNTU3IDEuNTU4aC0xNS41M2MtLjg2IDAtMS41NTctLjY5Ny0xLjU1Ny0xLjU1OFYzMmMwLS44Ni42OTctMS41NTggMS41NTctMS41NThoLjUyVjI3LjM0QTcuMjQ1IDcuMjQ1IDAgMCAxIDMyIDIwLjA5NHptMCAzLjEwM2E0LjE0MiA0LjE0MiAwIDAgMC00LjE0MiA0LjE0MnYzLjEwM2g4LjI4NFYyNy4zNEE0LjE0MiA0LjE0MiAwIDAgMCAzMiAyMy4xOTd6Ii8+PC9zdmc+"
|
||||
/>
|
||||
<div
|
||||
class="usa-media-block__body"
|
||||
>
|
||||
<p>
|
||||
<strong>
|
||||
Secure .gov websites use HTTPS
|
||||
</strong>
|
||||
<br />
|
||||
A
|
||||
<strong>
|
||||
lock (
|
||||
<span
|
||||
class="icon-lock"
|
||||
>
|
||||
<img
|
||||
alt="lock"
|
||||
class="usa-banner__lock-image"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUyIiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNTIgNjQiPjx0aXRsZT5sb2NrPC90aXRsZT48cGF0aCBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNiAwYzEwLjQ5MyAwIDE5IDguNTA3IDE5IDE5djloM2E0IDQgMCAwIDEgNCA0djI4YTQgNCAwIDAgMS00IDRINGE0IDQgMCAwIDEtNC00VjMyYTQgNCAwIDAgMSA0LTRoM3YtOUM3IDguNTA3IDE1LjUwNyAwIDI2IDB6bTAgOGMtNS45NzkgMC0xMC44NDMgNC43Ny0xMC45OTYgMTAuNzEyTDE1IDE5djloMjJ2LTljMC02LjA3NS00LjkyNS0xMS0xMS0xMXoiLz48L3N2Zz4="
|
||||
title="Lock"
|
||||
/>
|
||||
</span>
|
||||
)
|
||||
</strong>
|
||||
or
|
||||
<strong>
|
||||
https://
|
||||
</strong>
|
||||
means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
</DocumentFragment>
|
||||
`;
|
||||
3
client/src/components/GovernmentBanner/index.tsx
Normal file
3
client/src/components/GovernmentBanner/index.tsx
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
import GovernmentBanner from './GovernmentBanner';
|
||||
|
||||
export default GovernmentBanner;
|
||||
|
|
@ -36,7 +36,7 @@ const J40Footer = () => {
|
|||
<a
|
||||
className={'footer-link-first-child'}
|
||||
key={'whitehouselink2'}
|
||||
href={'https://www.whitehouse.gov/'}
|
||||
href={intl.formatMessage(COMMON_COPY.FOOTER.WHITEHOUSE_LINK)}
|
||||
target={'_blank'}
|
||||
rel={'noreferrer'}
|
||||
data-cy={hyphenizeString(COMMON_COPY.FOOTER.WHITEHOUSE.defaultMessage)}>
|
||||
|
|
@ -54,7 +54,7 @@ const J40Footer = () => {
|
|||
key={'privacylink'}
|
||||
target={'_blank'}
|
||||
rel={'noreferrer'}
|
||||
href={'https://www.whitehouse.gov/privacy/'}
|
||||
href={intl.formatMessage(COMMON_COPY.FOOTER.PRIVACY_LINK)}
|
||||
data-cy={hyphenizeString(COMMON_COPY.FOOTER.PRIVACY.defaultMessage)}>
|
||||
{intl.formatMessage(COMMON_COPY.FOOTER.PRIVACY)}
|
||||
</a>,
|
||||
|
|
@ -64,9 +64,9 @@ const J40Footer = () => {
|
|||
<a
|
||||
className={'footer-link-first-child'}
|
||||
key={'contactlink'}
|
||||
href={'https://www.usa.gov/'}
|
||||
data-cy={hyphenizeString(COMMON_COPY.FOOTER.CONTACT_LINK.defaultMessage)}>
|
||||
{intl.formatMessage(COMMON_COPY.FOOTER.CONTACT_LINK)}
|
||||
href={intl.formatMessage(COMMON_COPY.FOOTER.FIND_CONTACT_LINK)}
|
||||
data-cy={hyphenizeString(COMMON_COPY.FOOTER.FIND_CONTACT.defaultMessage)}>
|
||||
{intl.formatMessage(COMMON_COPY.FOOTER.FIND_CONTACT)}
|
||||
</a>,
|
||||
],
|
||||
];
|
||||
|
|
|
|||
|
|
@ -1,5 +1,8 @@
|
|||
declare namespace J40HeaderNamespace {
|
||||
export interface IDatasetCardScss {
|
||||
fullScreenContainer: string;
|
||||
bannerContainer: string;
|
||||
language: string;
|
||||
logoNavRow: string;
|
||||
logo: string;
|
||||
logoTitle: string;
|
||||
|
|
|
|||
|
|
@ -4,11 +4,12 @@ import {
|
|||
Header,
|
||||
NavMenuButton,
|
||||
PrimaryNav,
|
||||
GovBanner,
|
||||
Grid,
|
||||
} from '@trussworks/react-uswds';
|
||||
import BetaBanner from '../BetaBanner';
|
||||
import J40MainGridContainer from '../J40MainGridContainer';
|
||||
import GovernmentBanner from '../GovernmentBanner';
|
||||
import Language from '../Language';
|
||||
|
||||
// @ts-ignore
|
||||
import siteLogo from '../../images/j40-logo-v2.png';
|
||||
|
|
@ -25,57 +26,45 @@ const J40Header = () => {
|
|||
const toggleMobileNav = (): void =>
|
||||
setMobileNavOpen((prevOpen) => !prevOpen);
|
||||
|
||||
const headerLinks = () => {
|
||||
// static map of all possible menu items. Originally, it was all strings,
|
||||
// but we need to handle both onsite and offsite links.
|
||||
const menuData = new Map<string, JSX.Element>([
|
||||
['about',
|
||||
<Link
|
||||
to={'/'}
|
||||
key={'about'}
|
||||
activeClassName="usa-current"
|
||||
data-cy={'nav-link-about'}>
|
||||
{intl.formatMessage(COMMON_COPY.HEADER.ABOUT)}
|
||||
</Link>,
|
||||
],
|
||||
['cejst',
|
||||
<Link
|
||||
to={'/cejst'}
|
||||
key={'cejst'}
|
||||
activeClassName="usa-current"
|
||||
data-cy={'nav-link-explore-the-tool'}>
|
||||
{intl.formatMessage(COMMON_COPY.HEADER.EXPLORE)}
|
||||
</Link>,
|
||||
],
|
||||
['methodology',
|
||||
<Link
|
||||
to={'/methodology'}
|
||||
key={'methodology'}
|
||||
activeClassName="usa-current"
|
||||
data-cy={'nav-link-methodology'}>
|
||||
{intl.formatMessage(COMMON_COPY.HEADER.METHODOLOGY)}
|
||||
</Link>,
|
||||
],
|
||||
['contact',
|
||||
<Link
|
||||
to={'/contact'}
|
||||
key={'contact'}
|
||||
activeClassName="usa-current"
|
||||
data-cy={'nav-link-contact'}>
|
||||
{intl.formatMessage(COMMON_COPY.HEADER.CONTACT)}
|
||||
</Link>,
|
||||
],
|
||||
]);
|
||||
|
||||
const menu =['about', 'cejst', 'methodology', 'contact'];
|
||||
return menu.map((key) => menuData.get(key));
|
||||
};
|
||||
const navLinks = [
|
||||
<Link
|
||||
to={'/'}
|
||||
key={'about'}
|
||||
activeClassName="usa-current"
|
||||
data-cy={'nav-link-about'}>
|
||||
{intl.formatMessage(COMMON_COPY.HEADER.ABOUT)}
|
||||
</Link>,
|
||||
<Link
|
||||
to={'/cejst'}
|
||||
key={'cejst'}
|
||||
activeClassName="usa-current"
|
||||
data-cy={'nav-link-explore-the-tool'}>
|
||||
{intl.formatMessage(COMMON_COPY.HEADER.EXPLORE)}
|
||||
</Link>,
|
||||
<Link
|
||||
to={'/methodology'}
|
||||
key={'methodology'}
|
||||
activeClassName="usa-current"
|
||||
data-cy={'nav-link-methodology'}>
|
||||
{intl.formatMessage(COMMON_COPY.HEADER.METHODOLOGY)}
|
||||
</Link>,
|
||||
<Link
|
||||
to={'/contact'}
|
||||
key={'contact'}
|
||||
activeClassName="usa-current"
|
||||
data-cy={'nav-link-contact'}>
|
||||
{intl.formatMessage(COMMON_COPY.HEADER.CONTACT)}
|
||||
</Link>,
|
||||
<div key={'language'}>
|
||||
<Language isDesktop={false}/>
|
||||
</div>,
|
||||
];
|
||||
|
||||
return (
|
||||
<Header basic={true} role={'banner'}>
|
||||
|
||||
{/* Banners */}
|
||||
<GovBanner/>
|
||||
<GovernmentBanner />
|
||||
<BetaBanner/>
|
||||
|
||||
{/* Logo and Navigation */}
|
||||
|
|
@ -104,9 +93,10 @@ const J40Header = () => {
|
|||
<NavMenuButton
|
||||
key={'mobileMenuButton'}
|
||||
onClick={toggleMobileNav}
|
||||
label="Menu"/>
|
||||
label="Menu">
|
||||
</NavMenuButton>
|
||||
<PrimaryNav
|
||||
items={headerLinks()}
|
||||
items={navLinks}
|
||||
mobileExpanded={mobileNavOpen}
|
||||
onToggleMobileNav={toggleMobileNav}
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -7,137 +7,157 @@ exports[`rendering of the J40Header checks if component renders 1`] = `
|
|||
data-testid="header"
|
||||
role="banner"
|
||||
>
|
||||
<section
|
||||
class="usa-banner"
|
||||
data-testid="govBanner"
|
||||
>
|
||||
<div
|
||||
class="usa-accordion"
|
||||
>
|
||||
<header
|
||||
class="usa-banner__header"
|
||||
<div>
|
||||
<div>
|
||||
<section
|
||||
class="usa-banner"
|
||||
data-testid="govBanner"
|
||||
>
|
||||
<div
|
||||
class="usa-banner__inner"
|
||||
class="usa-accordion"
|
||||
>
|
||||
<div
|
||||
class="grid-col-auto"
|
||||
<header
|
||||
class="usa-banner__header"
|
||||
>
|
||||
<img
|
||||
alt="U.S. flag"
|
||||
class="usa-banner__header-flag"
|
||||
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII="
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="grid-col-fill tablet:grid-col-auto"
|
||||
>
|
||||
<p
|
||||
class="usa-banner__header-text"
|
||||
>
|
||||
An official website of the United States government
|
||||
</p>
|
||||
<p
|
||||
aria-hidden="true"
|
||||
class="usa-banner__header-action"
|
||||
>
|
||||
Here’s how you know
|
||||
</p>
|
||||
</div>
|
||||
<button
|
||||
aria-controls="gov-banner"
|
||||
aria-expanded="false"
|
||||
class="usa-accordion__button usa-banner__button"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="usa-banner__button-text"
|
||||
>
|
||||
Here’s how you know
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
<div
|
||||
class="usa-banner__content usa-accordion__content"
|
||||
hidden=""
|
||||
id="gov-banner"
|
||||
>
|
||||
<div
|
||||
class="grid-row grid-gap-lg"
|
||||
>
|
||||
<div
|
||||
class="usa-banner__guidance tablet:grid-col-6"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
aria-hidden="true"
|
||||
class="usa-banner__icon usa-media-block__img"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWRvdC1nb3Y8L3RpdGxlPjxwYXRoIGZpbGw9IiMyMzc4QzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMyIDBjMTcuNjczIDAgMzIgMTQuMzI3IDMyIDMyIDAgMTcuNjczLTE0LjMyNyAzMi0zMiAzMkMxNC4zMjcgNjQgMCA0OS42NzMgMCAzMiAwIDE0LjMyNyAxNC4zMjcgMCAzMiAwem0wIDEuMjA4QzE0Ljk5NCAxLjIwOCAxLjIwOCAxNC45OTQgMS4yMDggMzJTMTQuOTk0IDYyLjc5MiAzMiA2Mi43OTIgNjIuNzkyIDQ5LjAwNiA2Mi43OTIgMzIgNDkuMDA2IDEuMjA4IDMyIDEuMjA4em0xMC41OSAzOC44NThhLjg1Ny44NTcgMCAwIDEgLjg4Mi44MjJ2MS42NDJIMTguODg2di0xLjY0MmEuODU3Ljg1NyAwIDAgMSAuODgyLS44MjJINDIuNTl6TTI1LjQ0MyAyNy43NzR2OS44MjloMS42NDJ2LTkuODNoMy4yNzN2OS44M0gzMnYtOS44M2gzLjI3MnY5LjgzaDEuNjQzdi05LjgzaDMuMjcydjkuODNoLjc2YS44NTcuODU3IDAgMCAxIC44ODIuODIxdi44MjFoLTIxLjN2LS44MDlhLjg1Ny44NTcgMCAwIDEgLjg4LS44MmguNzYydi05Ljg0MmgzLjI3MnptNS43MzYtOC4xODhsMTIuMjkzIDQuOTE1djEuNjQyaC0xLjYzYS44NTcuODU3IDAgMCAxLS44ODIuODIySDIxLjQxYS44NTcuODU3IDAgMCAxLS44ODItLjgyMmgtMS42NDJ2LTEuNjQybDEyLjI5My00LjkxNXoiLz48L3N2Zz4="
|
||||
/>
|
||||
<div
|
||||
class="usa-media-block__body"
|
||||
class="usa-banner__inner"
|
||||
>
|
||||
<p>
|
||||
<strong>
|
||||
Official websites use .gov
|
||||
</strong>
|
||||
<br />
|
||||
A
|
||||
<strong>
|
||||
.gov
|
||||
</strong>
|
||||
website belongs to an official government organization in the United States.
|
||||
</p>
|
||||
<div
|
||||
class="grid-col-auto"
|
||||
>
|
||||
<img
|
||||
alt="U.S. flag"
|
||||
class="usa-banner__header-flag"
|
||||
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII="
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="grid-col-fill tablet:grid-col-auto"
|
||||
>
|
||||
<p
|
||||
class="usa-banner__header-text"
|
||||
>
|
||||
An official website of the United States government
|
||||
</p>
|
||||
<p
|
||||
aria-hidden="true"
|
||||
class="usa-banner__header-action"
|
||||
>
|
||||
Here’s how you know
|
||||
</p>
|
||||
</div>
|
||||
<button
|
||||
aria-controls="gov-banner"
|
||||
aria-expanded="false"
|
||||
class="usa-accordion__button usa-banner__button"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="usa-banner__button-text"
|
||||
>
|
||||
Here’s how you know
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div
|
||||
class="usa-banner__guidance tablet:grid-col-6"
|
||||
class="usa-banner__content usa-accordion__content"
|
||||
hidden=""
|
||||
id="gov-banner"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
aria-hidden="true"
|
||||
class="usa-banner__icon usa-media-block__img"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWh0dHBzPC90aXRsZT48cGF0aCBmaWxsPSIjNzE5RjJBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMiAwYzE3LjY3MyAwIDMyIDE0LjMyNyAzMiAzMiAwIDE3LjY3My0xNC4zMjcgMzItMzIgMzJDMTQuMzI3IDY0IDAgNDkuNjczIDAgMzIgMCAxNC4zMjcgMTQuMzI3IDAgMzIgMHptMCAxLjIwOEMxNC45OTQgMS4yMDggMS4yMDggMTQuOTk0IDEuMjA4IDMyUzE0Ljk5NCA2Mi43OTIgMzIgNjIuNzkyIDYyLjc5MiA0OS4wMDYgNjIuNzkyIDMyIDQ5LjAwNiAxLjIwOCAzMiAxLjIwOHptMCAxOC44ODZhNy4yNDUgNy4yNDUgMCAwIDEgNy4yNDUgNy4yNDV2My4xMDNoLjUyYy44NiAwIDEuNTU3LjY5OCAxLjU1NyAxLjU1OHY5LjMyMmMwIC44Ni0uNjk3IDEuNTU4LTEuNTU3IDEuNTU4aC0xNS41M2MtLjg2IDAtMS41NTctLjY5Ny0xLjU1Ny0xLjU1OFYzMmMwLS44Ni42OTctMS41NTggMS41NTctMS41NThoLjUyVjI3LjM0QTcuMjQ1IDcuMjQ1IDAgMCAxIDMyIDIwLjA5NHptMCAzLjEwM2E0LjE0MiA0LjE0MiAwIDAgMC00LjE0MiA0LjE0MnYzLjEwM2g4LjI4NFYyNy4zNEE0LjE0MiA0LjE0MiAwIDAgMCAzMiAyMy4xOTd6Ii8+PC9zdmc+"
|
||||
/>
|
||||
<div
|
||||
class="usa-media-block__body"
|
||||
class="grid-row grid-gap-lg"
|
||||
>
|
||||
<p>
|
||||
<strong>
|
||||
Secure .gov websites use HTTPS
|
||||
</strong>
|
||||
<br />
|
||||
A
|
||||
<strong>
|
||||
lock (
|
||||
<span
|
||||
class="icon-lock"
|
||||
>
|
||||
<img
|
||||
alt="lock"
|
||||
class="usa-banner__lock-image"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUyIiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNTIgNjQiPjx0aXRsZT5sb2NrPC90aXRsZT48cGF0aCBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNiAwYzEwLjQ5MyAwIDE5IDguNTA3IDE5IDE5djloM2E0IDQgMCAwIDEgNCA0djI4YTQgNCAwIDAgMS00IDRINGE0IDQgMCAwIDEtNC00VjMyYTQgNCAwIDAgMSA0LTRoM3YtOUM3IDguNTA3IDE1LjUwNyAwIDI2IDB6bTAgOGMtNS45NzkgMC0xMC44NDMgNC43Ny0xMC45OTYgMTAuNzEyTDE1IDE5djloMjJ2LTljMC02LjA3NS00LjkyNS0xMS0xMS0xMXoiLz48L3N2Zz4="
|
||||
title="Lock"
|
||||
/>
|
||||
</span>
|
||||
)
|
||||
</strong>
|
||||
or
|
||||
<strong>
|
||||
https://
|
||||
</strong>
|
||||
means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.
|
||||
</p>
|
||||
<div
|
||||
class="usa-banner__guidance tablet:grid-col-6"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
aria-hidden="true"
|
||||
class="usa-banner__icon usa-media-block__img"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWRvdC1nb3Y8L3RpdGxlPjxwYXRoIGZpbGw9IiMyMzc4QzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMyIDBjMTcuNjczIDAgMzIgMTQuMzI3IDMyIDMyIDAgMTcuNjczLTE0LjMyNyAzMi0zMiAzMkMxNC4zMjcgNjQgMCA0OS42NzMgMCAzMiAwIDE0LjMyNyAxNC4zMjcgMCAzMiAwem0wIDEuMjA4QzE0Ljk5NCAxLjIwOCAxLjIwOCAxNC45OTQgMS4yMDggMzJTMTQuOTk0IDYyLjc5MiAzMiA2Mi43OTIgNjIuNzkyIDQ5LjAwNiA2Mi43OTIgMzIgNDkuMDA2IDEuMjA4IDMyIDEuMjA4em0xMC41OSAzOC44NThhLjg1Ny44NTcgMCAwIDEgLjg4Mi44MjJ2MS42NDJIMTguODg2di0xLjY0MmEuODU3Ljg1NyAwIDAgMSAuODgyLS44MjJINDIuNTl6TTI1LjQ0MyAyNy43NzR2OS44MjloMS42NDJ2LTkuODNoMy4yNzN2OS44M0gzMnYtOS44M2gzLjI3MnY5LjgzaDEuNjQzdi05LjgzaDMuMjcydjkuODNoLjc2YS44NTcuODU3IDAgMCAxIC44ODIuODIxdi44MjFoLTIxLjN2LS44MDlhLjg1Ny44NTcgMCAwIDEgLjg4LS44MmguNzYydi05Ljg0MmgzLjI3MnptNS43MzYtOC4xODhsMTIuMjkzIDQuOTE1djEuNjQyaC0xLjYzYS44NTcuODU3IDAgMCAxLS44ODIuODIySDIxLjQxYS44NTcuODU3IDAgMCAxLS44ODItLjgyMmgtMS42NDJ2LTEuNjQybDEyLjI5My00LjkxNXoiLz48L3N2Zz4="
|
||||
/>
|
||||
<div
|
||||
class="usa-media-block__body"
|
||||
>
|
||||
<p>
|
||||
<strong>
|
||||
Official websites use .gov
|
||||
</strong>
|
||||
<br />
|
||||
A
|
||||
<strong>
|
||||
.gov
|
||||
</strong>
|
||||
website belongs to an official government organization in the United States.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="usa-banner__guidance tablet:grid-col-6"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
aria-hidden="true"
|
||||
class="usa-banner__icon usa-media-block__img"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWh0dHBzPC90aXRsZT48cGF0aCBmaWxsPSIjNzE5RjJBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMiAwYzE3LjY3MyAwIDMyIDE0LjMyNyAzMiAzMiAwIDE3LjY3My0xNC4zMjcgMzItMzIgMzJDMTQuMzI3IDY0IDAgNDkuNjczIDAgMzIgMCAxNC4zMjcgMTQuMzI3IDAgMzIgMHptMCAxLjIwOEMxNC45OTQgMS4yMDggMS4yMDggMTQuOTk0IDEuMjA4IDMyUzE0Ljk5NCA2Mi43OTIgMzIgNjIuNzkyIDYyLjc5MiA0OS4wMDYgNjIuNzkyIDMyIDQ5LjAwNiAxLjIwOCAzMiAxLjIwOHptMCAxOC44ODZhNy4yNDUgNy4yNDUgMCAwIDEgNy4yNDUgNy4yNDV2My4xMDNoLjUyYy44NiAwIDEuNTU3LjY5OCAxLjU1NyAxLjU1OHY5LjMyMmMwIC44Ni0uNjk3IDEuNTU4LTEuNTU3IDEuNTU4aC0xNS41M2MtLjg2IDAtMS41NTctLjY5Ny0xLjU1Ny0xLjU1OFYzMmMwLS44Ni42OTctMS41NTggMS41NTctMS41NThoLjUyVjI3LjM0QTcuMjQ1IDcuMjQ1IDAgMCAxIDMyIDIwLjA5NHptMCAzLjEwM2E0LjE0MiA0LjE0MiAwIDAgMC00LjE0MiA0LjE0MnYzLjEwM2g4LjI4NFYyNy4zNEE0LjE0MiA0LjE0MiAwIDAgMCAzMiAyMy4xOTd6Ii8+PC9zdmc+"
|
||||
/>
|
||||
<div
|
||||
class="usa-media-block__body"
|
||||
>
|
||||
<p>
|
||||
<strong>
|
||||
Secure .gov websites use HTTPS
|
||||
</strong>
|
||||
<br />
|
||||
A
|
||||
<strong>
|
||||
lock (
|
||||
<span
|
||||
class="icon-lock"
|
||||
>
|
||||
<img
|
||||
alt="lock"
|
||||
class="usa-banner__lock-image"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUyIiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNTIgNjQiPjx0aXRsZT5sb2NrPC90aXRsZT48cGF0aCBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNiAwYzEwLjQ5MyAwIDE5IDguNTA3IDE5IDE5djloM2E0IDQgMCAwIDEgNCA0djI4YTQgNCAwIDAgMS00IDRINGE0IDQgMCAwIDEtNC00VjMyYTQgNCAwIDAgMSA0LTRoM3YtOUM3IDguNTA3IDE1LjUwNyAwIDI2IDB6bTAgOGMtNS45NzkgMC0xMC44NDMgNC43Ny0xMC45OTYgMTAuNzEyTDE1IDE5djloMjJ2LTljMC02LjA3NS00LjkyNS0xMS0xMS0xMXoiLz48L3N2Zz4="
|
||||
title="Lock"
|
||||
/>
|
||||
</span>
|
||||
)
|
||||
</strong>
|
||||
or
|
||||
<strong>
|
||||
https://
|
||||
</strong>
|
||||
means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
</section>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<div />
|
||||
|
|
@ -254,6 +274,28 @@ exports[`rendering of the J40Header checks if component renders 1`] = `
|
|||
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>
|
||||
|
|
|
|||
38
client/src/components/Language/Language.module.scss
Normal file
38
client/src/components/Language/Language.module.scss
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
@use '../../styles/design-system.scss' as *;
|
||||
|
||||
@mixin baseLanguageStyles {
|
||||
@include u-margin-right(4);
|
||||
@include u-display("flex");
|
||||
|
||||
.languageIcon {
|
||||
align-self: baseline;
|
||||
}
|
||||
|
||||
.languageLink {
|
||||
@include u-display("inline-block");
|
||||
@include u-margin-left(1.5);
|
||||
cursor: pointer;
|
||||
font-size: .8rem; // government banner text size not a token
|
||||
@include u-padding-top('2px');
|
||||
|
||||
&:hover {
|
||||
text-decoration-line: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.languageContainer {
|
||||
@include baseLanguageStyles();
|
||||
@include at-media-max("desktop") {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.languageContainerMobile {
|
||||
@include baseLanguageStyles();
|
||||
@include u-padding-top(3);
|
||||
@include at-media("desktop") {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
15
client/src/components/Language/Language.module.scss.d.ts
vendored
Normal file
15
client/src/components/Language/Language.module.scss.d.ts
vendored
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
declare namespace LanguageNamespace {
|
||||
export interface ILanguageScss {
|
||||
languageContainer: string;
|
||||
languageContainerMobile: string;
|
||||
languageIcon: string;
|
||||
languageLink: string;
|
||||
}
|
||||
}
|
||||
|
||||
declare const LanguageScssModule: LanguageNamespace.ILanguageScss & {
|
||||
/** WARNING: Only available when `css-loader` is used without `style-loader` or `mini-css-extract-plugin` */
|
||||
locals: LanguageNamespace.ILanguageScss;
|
||||
};
|
||||
|
||||
export = LanguageScssModule;
|
||||
16
client/src/components/Language/Language.test.tsx
Normal file
16
client/src/components/Language/Language.test.tsx
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
import * as React from 'react';
|
||||
import {render} from '@testing-library/react';
|
||||
import {LocalizedComponent} from '../../test/testHelpers';
|
||||
import Language from './Language';
|
||||
|
||||
describe('rendering of the Language', () => {
|
||||
const {asFragment} = render(
|
||||
<LocalizedComponent>
|
||||
<Language />
|
||||
</LocalizedComponent>,
|
||||
);
|
||||
|
||||
it('checks if component renders', () => {
|
||||
expect(asFragment()).toMatchSnapshot();
|
||||
});
|
||||
});
|
||||
39
client/src/components/Language/Language.tsx
Normal file
39
client/src/components/Language/Language.tsx
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
import React from 'react';
|
||||
import {IntlContextConsumer, changeLocale} from 'gatsby-plugin-intl';
|
||||
|
||||
// @ts-ignore
|
||||
import languageIcon from '/node_modules/uswds/dist/img/usa-icons/language.svg';
|
||||
import * as styles from './Language.module.scss';
|
||||
|
||||
const languageName = {
|
||||
en: 'English',
|
||||
es: 'Español',
|
||||
};
|
||||
|
||||
interface ILanguageProps {
|
||||
isDesktop: boolean
|
||||
}
|
||||
|
||||
const Language = ({isDesktop}:ILanguageProps) => {
|
||||
return (
|
||||
<div className={isDesktop ? styles.languageContainer : styles.languageContainerMobile}>
|
||||
<img className={styles.languageIcon} src={languageIcon} alt={'language icon for selecting language'}/>
|
||||
<IntlContextConsumer>
|
||||
{({languages, language: currentLocale}) =>
|
||||
languages.map((language: React.Key | null | undefined) => (
|
||||
<a
|
||||
href="#"
|
||||
className={styles.languageLink}
|
||||
key={language}
|
||||
onClick={() => changeLocale(language)}
|
||||
>
|
||||
{languageName[language]}
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</IntlContextConsumer>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Language;
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`rendering of the Language checks if component renders 1`] = `
|
||||
<DocumentFragment>
|
||||
<div>
|
||||
<img
|
||||
alt="language icon for selecting language"
|
||||
src="test-file-stub"
|
||||
/>
|
||||
<a
|
||||
href="#"
|
||||
>
|
||||
English
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
>
|
||||
Español
|
||||
</a>
|
||||
</div>
|
||||
</DocumentFragment>
|
||||
`;
|
||||
3
client/src/components/Language/index.tsx
Normal file
3
client/src/components/Language/index.tsx
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
import Language from './Language';
|
||||
|
||||
export default Language;
|
||||
|
|
@ -67,20 +67,30 @@ export const FOOTER = defineMessages({
|
|||
description: 'Footer column header',
|
||||
},
|
||||
WHITEHOUSE: {
|
||||
id: 'footer.whitehouselink',
|
||||
id: 'footer.whitehouse.text',
|
||||
defaultMessage: 'Whitehouse.gov',
|
||||
description: 'Footer Whitehouse.gov link text',
|
||||
},
|
||||
WHITEHOUSE_LINK: {
|
||||
id: 'footer.whitehouse.link',
|
||||
defaultMessage: 'https://www.whitehouse.gov/',
|
||||
description: 'Footer Whitehouse.gov link text',
|
||||
},
|
||||
FOIA: {
|
||||
id: 'footer.foialink',
|
||||
id: 'footer.foia.text',
|
||||
defaultMessage: 'Freedom of Information Act (FOIA)',
|
||||
description: 'Footer FOIA link text',
|
||||
},
|
||||
PRIVACY: {
|
||||
id: 'footer.privacylink',
|
||||
id: 'footer.privacy.text',
|
||||
defaultMessage: 'Privacy Policy',
|
||||
description: 'Footer privacy policy link text',
|
||||
},
|
||||
PRIVACY_LINK: {
|
||||
id: 'footer.privacy.link',
|
||||
defaultMessage: 'https://www.whitehouse.gov/privacy/',
|
||||
description: 'Footer privacy policy link text',
|
||||
},
|
||||
LOGO_ALT: {
|
||||
id: 'footer.whitehouselogoalt',
|
||||
defaultMessage: 'Whitehouse logo',
|
||||
|
|
@ -91,11 +101,16 @@ export const FOOTER = defineMessages({
|
|||
defaultMessage: 'Have a question about government services?',
|
||||
description: 'Footer column header',
|
||||
},
|
||||
CONTACT_LINK: {
|
||||
id: 'footer.findcontactlink',
|
||||
FIND_CONTACT: {
|
||||
id: 'footer.findcontact',
|
||||
defaultMessage: 'Find a contact at USA.gov',
|
||||
description: 'Footer find contact link text',
|
||||
},
|
||||
FIND_CONTACT_LINK: {
|
||||
id: 'footer.findcontact.link',
|
||||
defaultMessage: 'https://www.usa.gov/',
|
||||
description: 'Footer find contact link text',
|
||||
},
|
||||
CONTACT: {
|
||||
id: 'footer.contactheader',
|
||||
defaultMessage: 'Contact',
|
||||
|
|
|
|||
|
|
@ -360,7 +360,12 @@ export const DOWNLOAD_DRAFT = {
|
|||
<a href={METHODOLOGY_COPY.DOWNLOAD_ZIP_URL}>
|
||||
{`Download the draft list v${METHODOLOGY_COPY.VERSION_NUMBER}`}
|
||||
</a>,
|
||||
downloadDraftEs:
|
||||
<a href={METHODOLOGY_COPY.DOWNLOAD_ZIP_URL}>
|
||||
{'Descargue la lista preliminar'}
|
||||
</a>,
|
||||
dateUpdated: METHODOLOGY_COPY.DOWNLOAD_LAST_UPDATED,
|
||||
dateUpdatedEs: METHODOLOGY_COPY.DOWNLOAD_LAST_UPDATED_ES,
|
||||
}}
|
||||
/>,
|
||||
PARAGRAPH_2: <FormattedMessage
|
||||
|
|
@ -398,6 +403,10 @@ export const HOW_YOU_CAN_HELP_LIST_ITEMS = {
|
|||
dataMeth:
|
||||
<Link to={'/methodology'}>
|
||||
{'Data & methodology'}
|
||||
</Link>,
|
||||
dataMethEs:
|
||||
<Link to={'/methodology'}>
|
||||
{'Datos y metodología'}
|
||||
</Link>,
|
||||
}}
|
||||
/>,
|
||||
|
|
|
|||
|
|
@ -25,6 +25,7 @@ export const PAGE = defineMessages({
|
|||
// Download Package
|
||||
export const DOWNLOAD_FILE_SIZE = '111MB';
|
||||
export const DOWNLOAD_LAST_UPDATED = '10/01/21';
|
||||
export const DOWNLOAD_LAST_UPDATED_ES = '01/10/21';
|
||||
export const VERSION_NUMBER = '0.1';
|
||||
|
||||
export const DOWNLOAD_ZIP_URL = [
|
||||
|
|
|
|||
|
|
@ -1,25 +1,21 @@
|
|||
# Translating content to Spanish
|
||||
|
||||
## Keys without curly brackets
|
||||
Navigate to the `es.json` file. This JSON file is grouped into pairs of keys. Namely an english key and regular key. Below we can see the first two keys of the `es.json` file.
|
||||
Navigate to the `es.json` file. This JSON file will have a key and a value in English. The translation team will replace all English values with Spanish values.
|
||||
|
||||
```json
|
||||
{
|
||||
"about.page.sub.header.1.text.1_english" : "On January 27, 2021, 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 and provide socioeconomic, environmental, and climate information and data to inform decisions that may affect these communities. The tool identifies disadvantaged communities as communities of focus through publicly available, nationally consistent, high-quality data.",
|
||||
"about.page.sub.header.1.text.1" : "El 27 de enero de 2021, 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 and provide socioeconomic, environmental, and climate information and data to inform decisions that may affect these communities. The tool identifies disadvantaged communities as communities of focus through publicly available, nationally consistent, high-quality data.",
|
||||
"about.page.sub.header.1.text.1" : "On January 27, 2021, 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 and provide socioeconomic, environmental, and climate information and data to inform decisions that may affect these communities. The tool identifies disadvantaged communities as communities of focus through publicly available, nationally consistent, high-quality data.",
|
||||
}
|
||||
```
|
||||
|
||||
The first key is the english key suffixed with `_english`. The second key has no suffix and is meant to hold the Spanish translation. These translations are WYSIWYG.
|
||||
|
||||
## Keys with curly brackets
|
||||
|
||||
There are some keys with curly brackets, for example, line 176 of `es.json`:
|
||||
There are some keys with curly brackets, for example, `es.json`:
|
||||
|
||||
```json
|
||||
{
|
||||
"download.draft.ptag.1_english" : "{downloadDraft} of communities of focus and datasets used. Last updated: {dateUpdated}.",
|
||||
"download.draft.ptag.1" : "",
|
||||
"download.draft.ptag.1" : "{downloadDraft} of communities of focus and datasets used. Last updated: {dateUpdated}.",
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -44,4 +40,4 @@ And let's say we want `Descargue la lista preliminar` to be a link. Then, we wou
|
|||
|
||||
Where `downloadDraftEs` = _Descargue la lista preliminar_ and `dateUpdatedEs`= _01/10/21_
|
||||
|
||||
TBD: How should these curly bracket variables be communicated to the dev team?
|
||||
TBD: How should these curly bracket variables be communicated to the dev team?
|
||||
13
client/src/intl/diffEnEs.js
Normal file
13
client/src/intl/diffEnEs.js
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
const enJson = require('./en.json');
|
||||
const esJson = require('./es.json');
|
||||
// const assert = require('assert');
|
||||
|
||||
const esKeys = Object.keys(esJson);
|
||||
const esKeysNotInEn = Object.keys(enJson).filter((key) => !esKeys.includes(key));
|
||||
|
||||
if (esKeysNotInEn.length > 0) {
|
||||
console.log('\nKeys that are missing in es.json: ');
|
||||
console.log(esKeysNotInEn);
|
||||
} else {
|
||||
console.log('All keys from en.json appear to exist in es.json');
|
||||
}
|
||||
|
|
@ -287,11 +287,15 @@
|
|||
"defaultMessage": "Contact",
|
||||
"description": "Footer column header"
|
||||
},
|
||||
"footer.findcontactlink": {
|
||||
"footer.findcontact": {
|
||||
"defaultMessage": "Find a contact at USA.gov",
|
||||
"description": "Footer find contact link text"
|
||||
},
|
||||
"footer.foialink": {
|
||||
"footer.findcontact.link": {
|
||||
"defaultMessage": "https://www.usa.gov/",
|
||||
"description": "Footer find contact link text"
|
||||
},
|
||||
"footer.foia.text": {
|
||||
"defaultMessage": "Freedom of Information Act (FOIA)",
|
||||
"description": "Footer FOIA link text"
|
||||
},
|
||||
|
|
@ -303,7 +307,11 @@
|
|||
"defaultMessage": "More information",
|
||||
"description": "Footer column header"
|
||||
},
|
||||
"footer.privacylink": {
|
||||
"footer.privacy.link": {
|
||||
"defaultMessage": "https://www.whitehouse.gov/privacy/",
|
||||
"description": "Footer privacy policy link text"
|
||||
},
|
||||
"footer.privacy.text": {
|
||||
"defaultMessage": "Privacy Policy",
|
||||
"description": "Footer privacy policy link text"
|
||||
},
|
||||
|
|
@ -311,7 +319,11 @@
|
|||
"defaultMessage": "Have a question about government services?",
|
||||
"description": "Footer column header"
|
||||
},
|
||||
"footer.whitehouselink": {
|
||||
"footer.whitehouse.link": {
|
||||
"defaultMessage": "https://www.whitehouse.gov/",
|
||||
"description": "Footer Whitehouse.gov link text"
|
||||
},
|
||||
"footer.whitehouse.text": {
|
||||
"defaultMessage": "Whitehouse.gov",
|
||||
"description": "Footer Whitehouse.gov link text"
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,422 +1,145 @@
|
|||
{
|
||||
"about.page.sub.header.1.text.1_english" : "On January 27, 2021, 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 and provide socioeconomic, environmental, and climate information and data to inform decisions that may affect these communities. The tool identifies disadvantaged communities as communities of focus through publicly available, nationally consistent, high-quality data.",
|
||||
"about.page.sub.header.1.text.1" : "El 27 de enero de 2021, 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 and provide socioeconomic, environmental, and climate information and data to inform decisions that may affect these communities. The tool identifies disadvantaged communities as communities of focus through publicly available, nationally consistent, high-quality data.",
|
||||
|
||||
"about.page.sub.header.1.text.2_english" : "The current version of the tool is in a public beta form and will be updated based on feedback from the public.",
|
||||
"about.page.sub.header.1.text.2" : "La versión actual de la herramienta se encuentra en una versión beta pública y se actualizará en función de los comentarios del público.",
|
||||
|
||||
"about.page.sub.header.2.text.1_english" : "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 programs 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.",
|
||||
"about.page.sub.header.2.text.1" : "La herramienta proporcionará información importante para la iniciativa Justice40. The goal of the Justice40 initiative is to provide 40-percent of the overall benefits of certain federal programs 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.",
|
||||
|
||||
"about.page.sub.header.2.text.2_english" : "Read more about the Justice40 Initiative in President Biden’s",
|
||||
"about.page.sub.header.2.text.2" : "Leer más sobre la iniciativa Justice40",
|
||||
|
||||
"about.page.title.text_english" : "About",
|
||||
"about.page.title.text" : "Sobre nosotras",
|
||||
|
||||
"areaDetail.categorization.community.of.focus_english" : "Community of focus",
|
||||
"areaDetail.categorization.community.of.focus" : "",
|
||||
|
||||
"areaDetail.categorization.not.community.of.focus_english" : "Not a community of focus",
|
||||
"areaDetail.categorization.not.community.of.focus" : "",
|
||||
|
||||
"areaDetail.geographicInfo.censusBlockGroup_english" : "Census block group:",
|
||||
"areaDetail.geographicInfo.censusBlockGroup" : "",
|
||||
|
||||
"areaDetail.geographicInfo.county_english" : "County:",
|
||||
"areaDetail.geographicInfo.county" : "",
|
||||
|
||||
"areaDetail.geographicInfo.population_english" : "Population:",
|
||||
"areaDetail.geographicInfo.population" : "",
|
||||
|
||||
"areaDetail.geographicInfo.state_english" : "State:",
|
||||
"areaDetail.geographicInfo.state" : "",
|
||||
|
||||
"areaDetail.indicator.areaMedianIncome_english" : "Area Median Income",
|
||||
"areaDetail.indicator.areaMedianIncome" : "",
|
||||
|
||||
"areaDetail.indicator.asthma_english" : "Asthma",
|
||||
"areaDetail.indicator.asthma" : "",
|
||||
|
||||
"areaDetail.indicator.description.area_median_income_english" : "Median income of the census block group calculated as a percent of the metropolitan area’s or state's median income",
|
||||
"areaDetail.indicator.description.area_median_income" : "",
|
||||
|
||||
"areaDetail.indicator.description.asthma_english" : "People who answer “yes” to both of the questions: “Have you ever been told by a doctor nurse, or other health professional that you have asthma?” and “Do you still have asthma?\"",
|
||||
"areaDetail.indicator.description.asthma" : "",
|
||||
|
||||
"areaDetail.indicator.description.diabetes_english" : "People ages 18 and up who report having been told by a doctor, nurse, or other health professionals that they have diabetes other than diabetes during pregnancy",
|
||||
"areaDetail.indicator.description.diabetes" : "",
|
||||
|
||||
"areaDetail.indicator.description.dieselPartMatter_english" : "Mixture of particles that is part of diesel exhaust in the air",
|
||||
"areaDetail.indicator.description.dieselPartMatter" : "",
|
||||
|
||||
"areaDetail.indicator.description.education_english" : "Percent of people age 25 or older that didn’t get a high school diploma",
|
||||
"areaDetail.indicator.description.education" : "",
|
||||
|
||||
"areaDetail.indicator.description.energyBurden_english" : "Average annual energy cost ($) divided by household income",
|
||||
"areaDetail.indicator.description.energyBurden" : "",
|
||||
|
||||
"areaDetail.indicator.description.femaRisk_english" : "Expected Annual Loss Score, which is the average economic loss in dollars resulting from natural hazards each year.",
|
||||
"areaDetail.indicator.description.femaRisk" : "",
|
||||
|
||||
"areaDetail.indicator.description.heartDisease_english" : "People ages 18 and up who report ever having been told by a doctor, nurse, or other health professionals that they had angina or coronary heart disease",
|
||||
"areaDetail.indicator.description.heartDisease" : "",
|
||||
|
||||
"areaDetail.indicator.description.houseBurden_english" : "Households that are low income and spend more than 30% of their income on housing costs",
|
||||
"areaDetail.indicator.description.houseBurden" : "",
|
||||
|
||||
"areaDetail.indicator.description.leadPaint_english" : "Housing units built pre-1960, used as an indicator of potential lead paint exposure in homes",
|
||||
"areaDetail.indicator.description.leadPaint" : "",
|
||||
|
||||
"areaDetail.indicator.description.lifeExpect_english" : "Estimated years of life expectancy",
|
||||
"areaDetail.indicator.description.lifeExpect" : "",
|
||||
|
||||
"areaDetail.indicator.description.pm25_english" : "Fine inhalable particles, with diameters that are generally 2.5 micrometers and smaller",
|
||||
"areaDetail.indicator.description.pm25" : "",
|
||||
|
||||
"areaDetail.indicator.description.poverty_english" : "Percent of a block group's population in households where the household income is at or below 100% of the federal poverty level",
|
||||
"areaDetail.indicator.description.poverty" : "",
|
||||
|
||||
"areaDetail.indicator.description.trafficVolume_english" : "Count of vehicles (average annual daily traffic) at major roads within 500 meters, divided by distance in meters",
|
||||
"areaDetail.indicator.description.trafficVolume" : "",
|
||||
|
||||
"areaDetail.indicator.description.wasteWater_english" : "Toxic concentrations at stream segments within 500 meters divided by distance in kilometers",
|
||||
"areaDetail.indicator.description.wasteWater" : "",
|
||||
|
||||
"areaDetail.indicator.diabetes_english" : "Diabetes",
|
||||
"areaDetail.indicator.diabetes" : "",
|
||||
|
||||
"areaDetail.indicator.dieselPartMatter_english" : "Diesel particulate matter",
|
||||
"areaDetail.indicator.dieselPartMatter" : "",
|
||||
|
||||
"areaDetail.indicator.education_english" : "Education, less than high school",
|
||||
"areaDetail.indicator.education" : "",
|
||||
|
||||
"areaDetail.indicator.energyBurden_english" : "Energy burden",
|
||||
"areaDetail.indicator.energyBurden" : "",
|
||||
|
||||
"areaDetail.indicator.femaRisk_english" : "FEMA Risk Index",
|
||||
"areaDetail.indicator.femaRisk" : "",
|
||||
|
||||
"areaDetail.indicator.heartDisease_english" : "Heart disease",
|
||||
"areaDetail.indicator.heartDisease" : "",
|
||||
|
||||
"areaDetail.indicator.houseBurden_english" : "Housing cost burden",
|
||||
"areaDetail.indicator.houseBurden" : "",
|
||||
|
||||
"areaDetail.indicator.leadPaint_english" : "Lead paint",
|
||||
"areaDetail.indicator.leadPaint" : "",
|
||||
|
||||
"areaDetail.indicator.lifeExpect_english" : "Life expectancy",
|
||||
"areaDetail.indicator.lifeExpect" : "",
|
||||
|
||||
"areaDetail.indicator.pm25_english" : "PM2.5",
|
||||
"areaDetail.indicator.pm25" : "",
|
||||
|
||||
"areaDetail.indicator.poverty_english" : "Poverty",
|
||||
"areaDetail.indicator.poverty" : "",
|
||||
|
||||
"areaDetail.indicator.trafficVolume_english" : "Traffic proximity and volume",
|
||||
"areaDetail.indicator.trafficVolume" : "",
|
||||
|
||||
"areaDetail.indicator.wasteWater_english" : "Wastewater discharge",
|
||||
"areaDetail.indicator.wasteWater" : "",
|
||||
|
||||
"areaDetail.indicators.indicatorColumnHeader_english" : "Indicator",
|
||||
"areaDetail.indicators.indicatorColumnHeader" : "",
|
||||
|
||||
"areaDetail.indicators.percentileColumnHeader_english" : "Percentile (0-100)",
|
||||
"areaDetail.indicators.percentileColumnHeader" : "",
|
||||
|
||||
"banner.beta.info_english" : "It is an early, in-progress version of the tool with limited data sets that will be continuously updated.",
|
||||
"banner.beta.info" : "",
|
||||
|
||||
"banner.beta.title_english" : "This is a Beta site.",
|
||||
"banner.beta.title" : "",
|
||||
|
||||
"community.members.heading_english" : "Community members",
|
||||
"community.members.heading" : "",
|
||||
|
||||
"community.members.info_english" : "Explore data about communities of focus in your area, and help provide feedback on the tool.",
|
||||
"community.members.info" : "",
|
||||
|
||||
"community.members.link_english" : "Explore the tool",
|
||||
"community.members.link" : "",
|
||||
|
||||
"contact.page.header.text_english" : "Contact",
|
||||
"contact.page.header.text" : "",
|
||||
|
||||
"contact.page.sub.header.text_english" : "Email us",
|
||||
"contact.page.sub.header.text" : "",
|
||||
|
||||
"contact.page.title.text_english" : "Contact",
|
||||
"contact.page.title.text" : "",
|
||||
|
||||
"datasetCard.dataDateRange_english" : "Data date range:",
|
||||
"datasetCard.dataDateRange" : "",
|
||||
|
||||
"datasetCard.dataResolution_english" : "Data resolution:",
|
||||
"datasetCard.dataResolution" : "",
|
||||
|
||||
"datasetCard.dataSource_english" : "Data source:",
|
||||
"datasetCard.dataSource" : "",
|
||||
|
||||
"datasetContainer.additional.heading_english" : "Additional Indicators",
|
||||
"datasetContainer.additional.heading" : "",
|
||||
|
||||
"datasetContainer.additional.info_english" : "These datasets provide additional information about each community.",
|
||||
"datasetContainer.additional.info" : "",
|
||||
|
||||
"datasetContainer.heading_english" : "Datasets used in methodology",
|
||||
"datasetContainer.heading" : "",
|
||||
|
||||
"datasetContainer.info_english" : "The datasets come from a variety of sources and were selected based on relevance, availability, recency, and quality. The datasets seek to identify a range of human health, environmental, climate-related, and other cumulative impacts on communities.",
|
||||
"datasetContainer.info" : "",
|
||||
|
||||
"download.draft.ptag.1_english" : "{downloadDraft} of communities of focus and datasets used. Last updated: {dateUpdated}.",
|
||||
"download.draft.ptag.1" : "",
|
||||
|
||||
"download.draft.ptag.2_english" : "ZIP file will contain one .xlsx, one .csv, and one .pdf ({downloadFileSize}).",
|
||||
"download.draft.ptag.2" : "",
|
||||
|
||||
"downloadPacket.button.text_english" : "Download package",
|
||||
"downloadPacket.button.text" : "",
|
||||
|
||||
"downloadPacket.header.text_english" : "Draft communities list v{versionNumber} ({downloadFileSize})",
|
||||
"downloadPacket.header.text" : "",
|
||||
|
||||
"downloadPacket.info.last.updated_english" : "Last updated: {downloadLastUpdated}",
|
||||
"downloadPacket.info.last.updated" : "",
|
||||
|
||||
"downloadPacket.info.text_english" : "The package includes draft v{versionNumber} of the list of communities of focus (.csv and .xlsx) and information about how to use the list (.pdf).",
|
||||
"downloadPacket.info.text" : "",
|
||||
|
||||
"exploreTool.heading.text_english" : "Explore the tool",
|
||||
"exploreTool.heading.text" : "",
|
||||
|
||||
"exploreTool.page.description_english" : "Zoom into the map to see communities of focus that can help Federal agencies identify disadvantaged communities and to provide socioeconomic, environmental, and climate information and data. Learn more about the methodology and datasets that were used to determine these communities of focus on the {methodologyLink} page.",
|
||||
"exploreTool.page.description" : "",
|
||||
|
||||
"exploreTool.title.text_english" : "Explore the tool",
|
||||
"exploreTool.title.text" : "",
|
||||
|
||||
"federal.pm.heading_english" : "Federal program managers",
|
||||
"federal.pm.heading" : "",
|
||||
|
||||
"federal.pm.info_english" : "Download the screening tool’s draft list of communities of focus. Explore data that may be useful to your program, and provide feedback on the tool.",
|
||||
"federal.pm.info" : "",
|
||||
|
||||
"federal.pm.link_english" : "Go to data & methodology",
|
||||
"federal.pm.link" : "",
|
||||
|
||||
"footer.arialabel_english" : "Footer navigation",
|
||||
"footer.arialabel" : "",
|
||||
|
||||
"footer.contactheader_english" : "Contact",
|
||||
"footer.contactheader" : "",
|
||||
|
||||
"footer.findcontactlink_english" : "Find a contact at USA.gov",
|
||||
"footer.findcontactlink" : "",
|
||||
|
||||
"footer.foialink_english" : "Freedom of Information Act (FOIA)",
|
||||
"footer.foialink" : "",
|
||||
|
||||
"footer.logo.title_english" : "Council on Environmental Quality",
|
||||
"footer.logo.title" : "",
|
||||
|
||||
"footer.moreinfoheader_english" : "More information",
|
||||
"footer.moreinfoheader" : "",
|
||||
|
||||
"footer.privacylink_english" : "Privacy Policy",
|
||||
"footer.privacylink" : "",
|
||||
|
||||
"footer.questionsheader_english" : "Have a question about government services?",
|
||||
"footer.questionsheader" : "",
|
||||
|
||||
"footer.whitehouselink_english" : "Whitehouse.gov",
|
||||
"footer.whitehouselink" : "",
|
||||
|
||||
"footer.whitehouselogoalt_english" : "Whitehouse logo",
|
||||
"footer.whitehouselogoalt" : "",
|
||||
|
||||
"getInvolved.title_english" : "Get involved",
|
||||
"getInvolved.title" : "",
|
||||
|
||||
"header.about_english" : "About",
|
||||
"header.about" : "",
|
||||
|
||||
"header.contact_english" : "Contact",
|
||||
"header.contact" : "",
|
||||
|
||||
"header.explore_english" : "Explore the tool",
|
||||
"header.explore" : "",
|
||||
|
||||
"header.methodology_english" : "Data & methodology",
|
||||
"header.methodology" : "",
|
||||
|
||||
"header.title.line1_english" : "Climate and Economic Justice",
|
||||
"header.title.line1" : "",
|
||||
|
||||
"header.title.line2_english" : "Screening Tool",
|
||||
"header.title.line2" : "",
|
||||
|
||||
"howToGetStarted.title_english" : "How to get started",
|
||||
"howToGetStarted.title" : "",
|
||||
|
||||
"index.heading.about.us_english" : "About us",
|
||||
"index.heading.about.us" : "",
|
||||
|
||||
"index.heading.justice40_english" : "The Justice40 Initiative",
|
||||
"index.heading.justice40" : "",
|
||||
|
||||
"index.heading.screentool_english" : "The screening tool",
|
||||
"index.heading.screentool" : "",
|
||||
|
||||
"index.presidentalLinkLabel_english" : "Executive Order 14008 on Tackling the Climate Crisis at Home and Abroad.",
|
||||
"index.presidentalLinkLabel" : "",
|
||||
|
||||
"join.open.source.info_english" : "The screening tool’s code is open source, which means it is available for the public to view and contribute to. Anyone can view and contribute on GitHub.",
|
||||
"join.open.source.info" : "",
|
||||
|
||||
"join.open.source.link_english" : "Check it out on GitHub",
|
||||
"join.open.source.link" : "",
|
||||
|
||||
"join.opensource.heading_english" : "Join the open source community",
|
||||
"join.opensource.heading" : "",
|
||||
|
||||
"legend.info.priority.label_english" : "Draft community of focus",
|
||||
"legend.info.priority.label" : "",
|
||||
|
||||
"legend.info.threshold.label_english" : "A community identified as experiencing disadvantages that merits the focus of certain Federal investments, including through the Justice40 Initiative",
|
||||
"legend.info.threshold.label" : "",
|
||||
|
||||
"map.territoryFocus.alaska.long_english" : "Alaska",
|
||||
"map.territoryFocus.alaska.long" : "",
|
||||
|
||||
"map.territoryFocus.alaska.short_english" : "AK",
|
||||
"map.territoryFocus.alaska.short" : "",
|
||||
|
||||
"map.territoryFocus.focusOn_english" : "Focus on {territory}",
|
||||
"map.territoryFocus.focusOn" : "",
|
||||
|
||||
"map.territoryFocus.hawaii.long_english" : "Hawaii",
|
||||
"map.territoryFocus.hawaii.long" : "",
|
||||
|
||||
"map.territoryFocus.hawaii.short_english" : "HI",
|
||||
"map.territoryFocus.hawaii.short" : "",
|
||||
|
||||
"map.territoryFocus.lower48.long_english" : "Lower 48",
|
||||
"map.territoryFocus.lower48.long" : "",
|
||||
|
||||
"map.territoryFocus.lower48.short_english" : "48",
|
||||
"map.territoryFocus.lower48.short" : "",
|
||||
|
||||
"map.territoryFocus.puerto_rico.long_english" : "Puerto Rico",
|
||||
"map.territoryFocus.puerto_rico.long" : "",
|
||||
|
||||
"map.territoryFocus.puerto_rico.short_english" : "PR",
|
||||
"map.territoryFocus.puerto_rico.short" : "",
|
||||
|
||||
"map.zoom.warning_english" : "Zoom in to the state or regional level to see prioritized communities on the map.",
|
||||
"map.zoom.warning" : "",
|
||||
|
||||
"mapIntro.censusBlockGroupDefinition_english" : "A census block group is generally between 600 and 3,000 people. It is the smallest geographical unit for which the U.S. Census Bureau publishes sample data.",
|
||||
"mapIntro.censusBlockGroupDefinition" : "",
|
||||
|
||||
"mapIntro.didYouKnow_english" : "Did you know?",
|
||||
"mapIntro.didYouKnow" : "",
|
||||
|
||||
"mapIntro.mapIntroHeader_english" : "Zoom and select a census block group to view data",
|
||||
"mapIntro.mapIntroHeader" : "",
|
||||
|
||||
"methodology.page.header.text_english" : "Methodology",
|
||||
"methodology.page.header.text" : "",
|
||||
|
||||
"methodology.page.paragraph.first_english" : "The methodology for identifying communities of focus is currently in a draft, pre-decisional form that may change over time as more datasets become available.",
|
||||
"methodology.page.paragraph.first" : "",
|
||||
|
||||
"methodology.page.title.text_english" : "Data and Methodology",
|
||||
"methodology.page.title.text" : "",
|
||||
|
||||
"methodology.step.1.a.heading_english" : "Percent of Area Median Income",
|
||||
"methodology.step.1.a.heading" : "",
|
||||
|
||||
"methodology.step.1.a.info.1_english" : "If a census block group is in a metropolitan area, this value is the median income of the census block group calculated as a percent of the metropolitan area’s median income.",
|
||||
"methodology.step.1.a.info.1" : "",
|
||||
|
||||
"methodology.step.1.a.info.2_english" : "If a census block group is not in a metropolitan area, this value is the median income of the census block group calculated as a percent of the state’s median income.",
|
||||
"methodology.step.1.a.info.2" : "",
|
||||
|
||||
"methodology.step.1.b.heading_english" : "Percent of households below or at 100% of the federal poverty line",
|
||||
"methodology.step.1.b.heading" : "",
|
||||
|
||||
"methodology.step.1.c.heading_english" : "The high school degree achievement rate for adults 25 years and older",
|
||||
"methodology.step.1.c.heading" : "",
|
||||
|
||||
"methodology.step.1.c.info_english" : "The percent of individuals who are 25 or older who have received a high school degree.",
|
||||
"methodology.step.1.c.info" : "",
|
||||
|
||||
"methodology.step.1.heading_english" : "Gather datasets",
|
||||
"methodology.step.1.heading" : "",
|
||||
|
||||
"methodology.step.1.info_english" : "The methodology includes the following inputs that are equally weighted.",
|
||||
"methodology.step.1.info" : "",
|
||||
|
||||
"methodology.step.2.heading_english" : "Determine communites of focus",
|
||||
"methodology.step.2.heading" : "",
|
||||
|
||||
"methodology.step.2.info_english" : "Under the existing formula, a census block group will be considered a community of focus if:",
|
||||
"methodology.step.2.info" : "",
|
||||
|
||||
"methodology.steps.2.b.info_english" : "This is the percent of households in a state with a household income below or at 100% of the {federalPovertyLine}. This federal poverty line is calculated based on the composition of each household (e.g., based on household size), but it does not vary geographically.",
|
||||
"methodology.steps.2.b.info" : "",
|
||||
|
||||
"methodology.steps.2.formula_english" : "{medianIncome} {or} {livingAtPovery} {and} {education}",
|
||||
"methodology.steps.2.formula" : "",
|
||||
|
||||
"methodology.steps.description.1_english" : "The methodology for identifying communities of focus is calculated at the census block group level. Census block geographical boundaries are determined by the U.S. Census Bureau once every ten years. This tool utilizes the census block boundaries from 2010.",
|
||||
"methodology.steps.description.1" : "",
|
||||
|
||||
"methodology.steps.description.2_english" : "The following describes the process for identifying communities of focus.",
|
||||
"methodology.steps.description.2" : "",
|
||||
|
||||
"methodology.steps.heading_english" : "Methodology",
|
||||
"methodology.steps.heading" : "",
|
||||
|
||||
"pageNotFound.Guidance.text_english" : "Try creating a page in",
|
||||
"pageNotFound.Guidance.text" : "",
|
||||
|
||||
"pageNotFound.apology.description.text_english" : "we couldn’t find what you were looking for.",
|
||||
"pageNotFound.apology.description.text" : "",
|
||||
|
||||
"pageNotFound.apology.text_english" : "Sorry",
|
||||
"pageNotFound.apology.text" : "",
|
||||
|
||||
"pageNotFound.heading.text_english" : "Page not found",
|
||||
"pageNotFound.heading.text" : "",
|
||||
|
||||
"pageNotFound.link.to.go.home.text_english" : "Go home",
|
||||
"pageNotFound.link.to.go.home.text" : "",
|
||||
|
||||
"pageNotFound.title.text_english" : "Page not found",
|
||||
"pageNotFound.title.text" : "",
|
||||
|
||||
"send.feedback.heading_english" : "Send feedback",
|
||||
"send.feedback.heading" : "",
|
||||
|
||||
"send.feedback.info_english" : "Have ideas about how this tool can be improved to better reflect the on-the-ground experiences of your community?",
|
||||
"send.feedback.info" : "",
|
||||
|
||||
"youCanHelpInfoText.heading_english" : "How you can help improve the tool",
|
||||
"youCanHelpInfoText.heading" : "",
|
||||
|
||||
"youCanHelpInfoText.list.item.1_english" : "If you have helpful information, we would love to {rxEmailFromYou}.",
|
||||
"youCanHelpInfoText.list.item.1" : "",
|
||||
|
||||
"youCanHelpInfoText.list.item.2_english" : "View our {dataMeth} page and send us feedback.",
|
||||
"youCanHelpInfoText.list.item.2" : "",
|
||||
|
||||
"youCanHelpInfoText.list.item.3_english" : "Find your community of interest and {shareFeedback}.",
|
||||
"youCanHelpInfoText.list.item.3" : ""
|
||||
|
||||
}
|
||||
"about.page.sub.header.1.text.1": "El 27 de enero de 2021, el presidente Biden impartió instrucciones al Consejo sobre la Calidad del Medio Ambiente (CEQ, por sus siglas en inglés) de crear una herramienta para la evaluación de la justicia climática y económica. El objeto de la herramienta es ayudar a los organismos federales a identificar comunidades desfavorecidas y brindar información y datos socioeconómicos, ambientales y climáticos para fundamentar las decisiones que inciden en estas comunidades. La herramienta identifica a comunidades desfavorecidas como comunidades focales mediante datos públicos, de alta calidad y congruentes a nivel nacional.",
|
||||
"about.page.sub.header.1.text.2": "La versión actual de la herramienta se encuentra en formato beta público y se actualizará conforme los comentarios del público.",
|
||||
"about.page.sub.header.2.text.1": "La herramienta brindará información importante para la Iniciativa Justice40. La meta de la Iniciativa Justice40 es brindar el 40% de los beneficios generales de ciertos programas federales en siete ámbitos clave a comunidades desfavorecidas. Estos siete ámbitos clave son: cambio climático, energía no contaminante y eficiencia energética, tráfico no contaminante, viviendas asequibles y sostenibles, capacitación y formación de la fuerza laboral, remediación y reducción de contaminación legada y creación de infraestructura hídrica esencial no contaminante.",
|
||||
"about.page.sub.header.2.text.2": "Lea más sobre la Iniciativa Justice40 en el documento del presidente Biden",
|
||||
"about.page.title.text": "Información básica",
|
||||
"areaDetail.categorization.community.of.focus": "Comunidad focal",
|
||||
"areaDetail.categorization.not.community.of.focus": "No es una comunidad focal",
|
||||
"areaDetail.geographicInfo.censusBlockGroup": "Grupo de bloques censales:",
|
||||
"areaDetail.geographicInfo.county": "Condado:",
|
||||
"areaDetail.geographicInfo.population": "Población:",
|
||||
"areaDetail.geographicInfo.state": "Estado:",
|
||||
"areaDetail.indicator.areaMedianIncome": "Renta mediana del área",
|
||||
"areaDetail.indicator.asthma": "Asma",
|
||||
"areaDetail.indicator.description.area_median_income": "La renta mediana del grupo de bloques censales calculada como porcentaje de la renta mediana del área metropolitana o del estado.",
|
||||
"areaDetail.indicator.description.asthma": "Personas que respondan “sí” a ambas preguntas: “¿Alguna vez le dijo un médico, enfermero u otro profesional sanitario que tiene asma?” y “¿Aún tiene asma?\"",
|
||||
"areaDetail.indicator.description.diabetes": "Personas de 18 años de edad y más que informan que un médico, enfermero u otro profesional sanitario les dijo que tienen diabetes y no es diabetes gestacional",
|
||||
"areaDetail.indicator.description.dieselPartMatter": "Combinación de partículas que componen el gas de motor diésel en la atmósfera.",
|
||||
"areaDetail.indicator.description.education": "Porcentaje de personas de 25 años o más que no obtuvieron un diploma de educación secundaria.",
|
||||
"areaDetail.indicator.description.energyBurden": "Costo promedio anual de la energía ($) dividido por los ingresos familiares",
|
||||
"areaDetail.indicator.description.femaRisk": "Puntuación de pérdida anual prevista, que es el promedio de pérdida económica en dólares a raíz de riesgos naturales cada año.",
|
||||
"areaDetail.indicator.description.heartDisease": "Personas de 18 años de edad y más que informan que alguna vez un médico, enfermero u otro profesional sanitario les dijo que tenían angina de pecho o cardiopatía coronaria",
|
||||
"areaDetail.indicator.description.houseBurden": "Hogares de ingresos bajos que gastan más del 30% de sus ingresos en costos de vivienda",
|
||||
"areaDetail.indicator.description.leadPaint": "Unidades de vivienda construidas antes de 1960, utilizadas como un indicador de exposición potencial a plomo en la pintura de los hogares",
|
||||
"areaDetail.indicator.description.lifeExpect": "Años previstos de expectativa de vida",
|
||||
"areaDetail.indicator.description.pm25": "Partículas finas inhalables, con diámetros por lo general de 2,5 micrómetros y menos",
|
||||
"areaDetail.indicator.description.poverty": "Porcentaje de la población de un grupo de bloques en hogares en los que los ingresos familiares se encuentran al 100% o menos del nivel de pobreza federal",
|
||||
"areaDetail.indicator.description.trafficVolume": "Número de vehículos (tránsito diario anual promedio) en carreteras principales dentro de los 500 metros, dividido por distancia en metros",
|
||||
"areaDetail.indicator.description.wasteWater": "Concentraciones tóxicas en segmentos de corrientes dentro de los 500 metros divididas por distancia en kilómetros",
|
||||
"areaDetail.indicator.diabetes": "Diabetes",
|
||||
"areaDetail.indicator.dieselPartMatter": "Partículas de humo diésel ",
|
||||
"areaDetail.indicator.education": "Educación, menos de la escuela secundaria",
|
||||
"areaDetail.indicator.energyBurden": "Carga energética",
|
||||
"areaDetail.indicator.femaRisk": "Índice de riesgos de FEMA",
|
||||
"areaDetail.indicator.heartDisease": "Cardiopatía",
|
||||
"areaDetail.indicator.houseBurden": "Carga del costo de la vivienda",
|
||||
"areaDetail.indicator.leadPaint": "Pintura con plomo",
|
||||
"areaDetail.indicator.lifeExpect": "Expectativa de vida",
|
||||
"areaDetail.indicator.pm25": "PM2.5",
|
||||
"areaDetail.indicator.poverty": "Pobreza",
|
||||
"areaDetail.indicator.trafficVolume": "Proximidad al tránsito y volumen",
|
||||
"areaDetail.indicator.wasteWater": "Descarga de aguas residuales",
|
||||
"areaDetail.indicators.indicatorColumnHeader": "Indicador",
|
||||
"areaDetail.indicators.percentileColumnHeader": "Percentil (0-100)",
|
||||
"banner.beta.info": "Es una versión preliminar inconclusa de la herramienta con conjuntos de datos limitados que se actualizarán en forma continua.",
|
||||
"banner.beta.title": "Este es un sitio beta.",
|
||||
"community.members.heading": "Miembros de la comunidad",
|
||||
"community.members.info": "Explore datos sobre comunidades focales en su zona, y colabore con el envío de comentarios sobre la herramienta.",
|
||||
"community.members.link": "Explore la herramienta",
|
||||
"contact.page.header.text": "Contact",
|
||||
"contact.page.sub.header.text": "Email us",
|
||||
"contact.page.title.text": "Contact",
|
||||
"datasetCard.dataDateRange": "Intervalo de fechas de los datos:",
|
||||
"datasetCard.dataResolution": "Resolución de los datos:",
|
||||
"datasetCard.dataSource": "Fuente de datos:",
|
||||
"datasetContainer.additional.heading": "Otros indicadores",
|
||||
"datasetContainer.additional.info": "Estos conjuntos de datos brindan más información sobre cada comunidad.",
|
||||
"datasetContainer.heading": "Conjuntos de datos utilizados en la metodología",
|
||||
"datasetContainer.info": "Los conjuntos de datos provienen de una variedad de fuentes y se seleccionaron según la pertinencia, disponibilidad, inmediatez y calidad. Los conjuntos de datos procuran identificar una gama de efectos sanitarios, ambientales y climáticos, entre otros efectos acumulados, en las comunidades.",
|
||||
"download.draft.ptag.1": "{downloadDraftEs} de comunidades focales y conjuntos de datos utilizados. Última actualización: {dateUpdatedEs}.",
|
||||
"download.draft.ptag.2": "El archivo ZIP contendrá un .xlsx, un .csv y un .pdf ({downloadFileSize}).",
|
||||
"downloadPacket.button.text": "Descargue paquete",
|
||||
"downloadPacket.header.text": "Lista preliminar de comunidades v{versionNumber} ({downloadFileSize})",
|
||||
"downloadPacket.info.last.updated": "Última actualización: {dateUpdatedEs}",
|
||||
"downloadPacket.info.text": "El paquete incluye una v{versionNumber} preliminar de la lista de comunidades focales (.csv y .xlsx) e información sobre cómo usar la lista (.pdf).",
|
||||
"exploreTool.heading.text": "Explore la herramienta",
|
||||
"exploreTool.page.description": "Amplíe el mapa para ver comunidades focales que pueden ayudar a los organismos federales a identificar comunidades desfavorecidas y para brindar información y datos socioeconómicos, ambientales y climáticos. Infórmese más sobre la metodología y los conjuntos de datos que se usaron para determinar estas comunidades focales en la página de {methodologyLinkEs}.",
|
||||
"exploreTool.title.text": "Explore la herramienta",
|
||||
"federal.pm.heading": "Gerentes de programas federales",
|
||||
"federal.pm.info": "Descargue la lista preliminar de las comunidades focales de la herramienta de evaluación. Explore datos que podrían ser útiles para su programa y exprese comentarios sobre la herramienta.",
|
||||
"federal.pm.link": "Ir a datos y metodología",
|
||||
"footer.arialabel": "Navegación de pie de página",
|
||||
"footer.contactheader": "Contacto",
|
||||
"footer.findcontact": "Buscar un contacto en USA.gov.",
|
||||
"footer.findcontact.link": "https://www.usa.gov/espanol/",
|
||||
"footer.foia.text": "Ley de Libertad de Información (FOIA)",
|
||||
"footer.logo.title": "Consejo sobre la Calidad del Medio Ambiente",
|
||||
"footer.moreinfoheader": "Más información",
|
||||
"footer.privacy.link": "https://www.whitehouse.gov/es/privacidad/",
|
||||
"footer.privacy.text": "Política de privacidad",
|
||||
"footer.questionsheader": "¿Tiene una pregunta sobre los servicios del gobierno?",
|
||||
"footer.whitehouse.link": "https://www.whitehouse.gov/es/",
|
||||
"footer.whitehouse.text": "Whitehouse.gov",
|
||||
"footer.whitehouselogoalt": "Whitehouse logo",
|
||||
"getInvolved.title": "Participe",
|
||||
"header.about": "Sobre la aplicación",
|
||||
"header.contact": "Contacto",
|
||||
"header.explore": "Explore la herramienta",
|
||||
"header.methodology": "Datos y metodología",
|
||||
"header.title.line1": "Justicia climática y económica",
|
||||
"header.title.line2": "Herramienta de evaluación",
|
||||
"howToGetStarted.title": "Inicio",
|
||||
"index.heading.about.us": "Nuestra información",
|
||||
"index.heading.justice40": "La Iniciativa Justice40",
|
||||
"index.heading.screentool": "La herramienta de evaluación",
|
||||
"index.presidentalLinkLabel": "Orden ejecutiva 14008 sobre la Respuesta a la crisis climática en el país y en el extranjero.",
|
||||
"join.open.source.info": "El código de la herramienta de evaluación es código abierto, lo cual significa que está disponible para que el público lo vea y contribuya. Todos pueden ver y contribuir en GitHub.",
|
||||
"join.open.source.link": "Véala en GitHub",
|
||||
"join.opensource.heading": "Súmese a la comunidad de código abierto.",
|
||||
"legend.info.priority.label": "Comunidad focal preliminar",
|
||||
"legend.info.threshold.label": "Comunidad identificada como una en situación de desventaja que merece ser el foco de ciertas inversiones federales y de la Iniciativa Justice40.",
|
||||
"map.territoryFocus.alaska.long": "Alaska",
|
||||
"map.territoryFocus.alaska.short": "AK",
|
||||
"map.territoryFocus.focusOn": "Enfoque en territorios",
|
||||
"map.territoryFocus.hawaii.long": "Hawái",
|
||||
"map.territoryFocus.hawaii.short": "HI",
|
||||
"map.territoryFocus.lower48.long": "48 estados continentales",
|
||||
"map.territoryFocus.lower48.short": "48",
|
||||
"map.territoryFocus.puerto_rico.long": "Puerto Rico",
|
||||
"map.territoryFocus.puerto_rico.short": "PR",
|
||||
"map.zoom.warning": "Amplíe el nivel del estado o regional para ver las comunidades priorizadas en el mapa.",
|
||||
"mapIntro.censusBlockGroupDefinition": "Un grupo de bloques censales suele tener entre 600 y 3.000 personas. Se trata de la unidad geográfica más pequeña para la cual la Oficina del Censo de los EE. UU. publica una muestra de datos.",
|
||||
"mapIntro.didYouKnow": "¿Sabía que...?",
|
||||
"mapIntro.mapIntroHeader": "Amplíe y seleccione un grupo de bloques censales para ver los datos",
|
||||
"methodology.page.header.text": "Methodology",
|
||||
"methodology.page.paragraph.first": "The methodology for identifying communities of focus is currently in a draft, pre-decisional form that may change over time as more datasets become available.",
|
||||
"methodology.page.title.text": "Data and Methodology",
|
||||
"methodology.step.1.a.heading": "Percent of Area Median Income",
|
||||
"methodology.step.1.a.info.1": "If a census block group is in a metropolitan area, this value is the median income of the census block group calculated as a percent of the metropolitan area’s median income.",
|
||||
"methodology.step.1.a.info.2": "If a census block group is not in a metropolitan area, this value is the median income of the census block group calculated as a percent of the state’s median income.",
|
||||
"methodology.step.1.b.heading": "Percent of households below or at 100% of the federal poverty line",
|
||||
"methodology.step.1.c.heading": "The high school degree achievement rate for adults 25 years and older",
|
||||
"methodology.step.1.c.info": "The percent of individuals who are 25 or older who have received a high school degree.",
|
||||
"methodology.step.1.heading": "Gather datasets",
|
||||
"methodology.step.1.info": "The methodology includes the following inputs that are equally weighted.",
|
||||
"methodology.step.2.heading": "Determine communities of focus",
|
||||
"methodology.step.2.info": "Under the existing formula, a census block group will be considered a community of focus if:",
|
||||
"methodology.steps.2.b.info": "This is the percent of households in a state with a household income below or at 100% of the federal poverty line. This federal poverty line is calculated based on the composition of each household (e.g., based on household size), but it does not vary geographically.",
|
||||
"methodology.steps.2.formula": "(The median income is less than 80% of the area median income OR households living in poverty (at or below 100% of the federal poverty level) is greater than 20%) AND The high school degree achievement rate for adults 25 years and older is greater than 95%",
|
||||
"methodology.steps.description.1": "The methodology for identifying communities of focus is calculated at the census block group level. Census block geographical boundaries are determined by the U.S. Census Bureau once every ten years. This tool utilizes the census block boundaries from 2010.",
|
||||
"methodology.steps.description.2": "The following describes the process for identifying communities of focus.",
|
||||
"methodology.steps.heading": "Methodology",
|
||||
"pageNotFound.Guidance.text": "Intente crear una página en",
|
||||
"pageNotFound.apology.description.text": "No pudimos encontrar lo que busca.",
|
||||
"pageNotFound.apology.text": "Disculpe.",
|
||||
"pageNotFound.heading.text": "No se encontró la página",
|
||||
"pageNotFound.link.to.go.home.text": "Ir al inicio",
|
||||
"pageNotFound.title.text": "No se encontró la página",
|
||||
"send.feedback.heading": "Enviar comentarios",
|
||||
"send.feedback.info": "¿Tiene ideas sobre cómo mejorar esta herramienta para reflejar mejor las experiencias en el terreno de su comunidad?",
|
||||
"youCanHelpInfoText.heading": "Contribuya a mejorar la herramienta",
|
||||
"youCanHelpInfoText.list.item.1": "Si tiene información útil, nos encantaría que nos envíe un correo electrónico.",
|
||||
"youCanHelpInfoText.list.item.2": "Vea nuestra página de {dataMethEs} y envíenos comentarios.",
|
||||
"youCanHelpInfoText.list.item.3": "Encuentre su comunidad de interés y comparta sus comentarios."
|
||||
}
|
||||
142
client/src/intl/esNoBrackets.json
Normal file
142
client/src/intl/esNoBrackets.json
Normal file
|
|
@ -0,0 +1,142 @@
|
|||
{
|
||||
"about.page.sub.header.1.text.1": "El 27 de enero de 2021, el presidente Biden impartió instrucciones al Consejo sobre la Calidad del Medio Ambiente (CEQ, por sus siglas en inglés) de crear una herramienta para la evaluación de la justicia climática y económica. El objeto de la herramienta es ayudar a los organismos federales a identificar comunidades desfavorecidas y brindar información y datos socioeconómicos, ambientales y climáticos para fundamentar las decisiones que inciden en estas comunidades. La herramienta identifica a comunidades desfavorecidas como comunidades focales mediante datos públicos, de alta calidad y congruentes a nivel nacional.",
|
||||
"about.page.sub.header.1.text.2": "La versión actual de la herramienta se encuentra en formato beta público y se actualizará conforme los comentarios del público.",
|
||||
"about.page.sub.header.2.text.1": "La herramienta brindará información importante para la Iniciativa Justice40. La meta de la Iniciativa Justice40 es brindar el 40% de los beneficios generales de ciertos programas federales en siete ámbitos clave a comunidades desfavorecidas. Estos siete ámbitos clave son: cambio climático, energía no contaminante y eficiencia energética, tráfico no contaminante, viviendas asequibles y sostenibles, capacitación y formación de la fuerza laboral, remediación y reducción de contaminación legada y creación de infraestructura hídrica esencial no contaminante.",
|
||||
"about.page.sub.header.2.text.2": "Lea más sobre la Iniciativa Justice40 en el documento del presidente Biden",
|
||||
"about.page.title.text": "Información básica",
|
||||
"areaDetail.categorization.community.of.focus": "Comunidad focal",
|
||||
"areaDetail.categorization.not.community.of.focus": "No es una comunidad focal",
|
||||
"areaDetail.geographicInfo.censusBlockGroup": "Grupo de bloques censales:",
|
||||
"areaDetail.geographicInfo.county": "Condado:",
|
||||
"areaDetail.geographicInfo.population": "Población:",
|
||||
"areaDetail.geographicInfo.state": "Estado:",
|
||||
"areaDetail.indicator.areaMedianIncome": "Renta mediana del área",
|
||||
"areaDetail.indicator.asthma": "Asma",
|
||||
"areaDetail.indicator.description.area_median_income": "La renta mediana del grupo de bloques censales calculada como porcentaje de la renta mediana del área metropolitana o del estado.",
|
||||
"areaDetail.indicator.description.asthma": "Personas que respondan “sí” a ambas preguntas: “¿Alguna vez le dijo un médico, enfermero u otro profesional sanitario que tiene asma?” y “¿Aún tiene asma?\"",
|
||||
"areaDetail.indicator.description.diabetes": "Personas de 18 años de edad y más que informan que un médico, enfermero u otro profesional sanitario les dijo que tienen diabetes y no es diabetes gestacional",
|
||||
"areaDetail.indicator.description.dieselPartMatter": "Combinación de partículas que componen el gas de motor diésel en la atmósfera.",
|
||||
"areaDetail.indicator.description.education": "Porcentaje de personas de 25 años o más que no obtuvieron un diploma de educación secundaria.",
|
||||
"areaDetail.indicator.description.energyBurden": "Costo promedio anual de la energía ($) dividido por los ingresos familiares",
|
||||
"areaDetail.indicator.description.femaRisk": "Puntuación de pérdida anual prevista, que es el promedio de pérdida económica en dólares a raíz de riesgos naturales cada año.",
|
||||
"areaDetail.indicator.description.heartDisease": "Personas de 18 años de edad y más que informan que alguna vez un médico, enfermero u otro profesional sanitario les dijo que tenían angina de pecho o cardiopatía coronaria",
|
||||
"areaDetail.indicator.description.houseBurden": "Hogares de ingresos bajos que gastan más del 30% de sus ingresos en costos de vivienda",
|
||||
"areaDetail.indicator.description.leadPaint": "Unidades de vivienda construidas antes de 1960, utilizadas como un indicador de exposición potencial a plomo en la pintura de los hogares",
|
||||
"areaDetail.indicator.description.lifeExpect": "Años previstos de expectativa de vida",
|
||||
"areaDetail.indicator.description.pm25": "Partículas finas inhalables, con diámetros por lo general de 2,5 micrómetros y menos",
|
||||
"areaDetail.indicator.description.poverty": "Porcentaje de la población de un grupo de bloques en hogares en los que los ingresos familiares se encuentran al 100% o menos del nivel de pobreza federal",
|
||||
"areaDetail.indicator.description.trafficVolume": "Número de vehículos (tránsito diario anual promedio) en carreteras principales dentro de los 500 metros, dividido por distancia en metros",
|
||||
"areaDetail.indicator.description.wasteWater": "Concentraciones tóxicas en segmentos de corrientes dentro de los 500 metros divididas por distancia en kilómetros",
|
||||
"areaDetail.indicator.diabetes": "Diabetes",
|
||||
"areaDetail.indicator.dieselPartMatter": "Partículas de humo diésel ",
|
||||
"areaDetail.indicator.education": "Educación, menos de la escuela secundaria",
|
||||
"areaDetail.indicator.energyBurden": "Carga energética",
|
||||
"areaDetail.indicator.femaRisk": "Índice de riesgos de FEMA",
|
||||
"areaDetail.indicator.heartDisease": "Cardiopatía",
|
||||
"areaDetail.indicator.houseBurden": "Carga del costo de la vivienda",
|
||||
"areaDetail.indicator.leadPaint": "Pintura con plomo",
|
||||
"areaDetail.indicator.lifeExpect": "Expectativa de vida",
|
||||
"areaDetail.indicator.pm25": "PM2.5",
|
||||
"areaDetail.indicator.poverty": "Pobreza",
|
||||
"areaDetail.indicator.trafficVolume": "Proximidad al tránsito y volumen",
|
||||
"areaDetail.indicator.wasteWater": "Descarga de aguas residuales",
|
||||
"areaDetail.indicators.indicatorColumnHeader": "Indicador",
|
||||
"areaDetail.indicators.percentileColumnHeader": "Percentil (0-100)",
|
||||
"banner.beta.info": "Es una versión preliminar inconclusa de la herramienta con conjuntos de datos limitados que se actualizarán en forma continua.",
|
||||
"banner.beta.title": "Este es un sitio beta.",
|
||||
"community.members.heading": "Miembros de la comunidad",
|
||||
"community.members.info": "Explore datos sobre comunidades focales en su zona, y colabore con el envío de comentarios sobre la herramienta.",
|
||||
"community.members.link": "Explore la herramienta",
|
||||
"contact.page.header.text": "Contact",
|
||||
"contact.page.sub.header.text": "Email us",
|
||||
"contact.page.title.text": "Contact",
|
||||
"datasetCard.dataDateRange": "Intervalo de fechas de los datos:",
|
||||
"datasetCard.dataResolution": "Resolución de los datos:",
|
||||
"datasetCard.dataSource": "Fuente de datos:",
|
||||
"datasetContainer.additional.heading": "Otros indicadores",
|
||||
"datasetContainer.additional.info": "Estos conjuntos de datos brindan más información sobre cada comunidad.",
|
||||
"datasetContainer.heading": "Conjuntos de datos utilizados en la metodología",
|
||||
"datasetContainer.info": "Los conjuntos de datos provienen de una variedad de fuentes y se seleccionaron según la pertinencia, disponibilidad, inmediatez y calidad. Los conjuntos de datos procuran identificar una gama de efectos sanitarios, ambientales y climáticos, entre otros efectos acumulados, en las comunidades.",
|
||||
"download.draft.ptag.1": "{downloadDraftEs} de comunidades focales y conjuntos de datos utilizados. Última actualización: {dateUpdatedEs}.",
|
||||
"download.draft.ptag.2": "El archivo ZIP contendrá un .xlsx, un .csv y un .pdf ({downloadFileSize}).",
|
||||
"downloadPacket.button.text": "Descargue paquete",
|
||||
"downloadPacket.header.text": "Lista preliminar de comunidades v{versionNumber} ({downloadFileSize})",
|
||||
"downloadPacket.info.last.updated": "Última actualización: {dateUpdatedEs}",
|
||||
"downloadPacket.info.text": "El paquete incluye una v{versionNumber} preliminar de la lista de comunidades focales (.csv y .xlsx) e información sobre cómo usar la lista (.pdf).",
|
||||
"exploreTool.heading.text": "Explore la herramienta",
|
||||
"exploreTool.page.description": "Amplíe el mapa para ver comunidades focales que pueden ayudar a los organismos federales a identificar comunidades desfavorecidas y para brindar información y datos socioeconómicos, ambientales y climáticos. Infórmese más sobre la metodología y los conjuntos de datos que se usaron para determinar estas comunidades focales en la página de {methodologyLinkEs}.",
|
||||
"exploreTool.title.text": "Explore la herramienta",
|
||||
"federal.pm.heading": "Gerentes de programas federales",
|
||||
"federal.pm.info": "Descargue la lista preliminar de las comunidades focales de la herramienta de evaluación. Explore datos que podrían ser útiles para su programa y exprese comentarios sobre la herramienta.",
|
||||
"federal.pm.link": "Ir a datos y metodología",
|
||||
"footer.arialabel": "Navegación de pie de página",
|
||||
"footer.contactheader": "Contacto",
|
||||
"footer.findcontactlink": "Buscar un contacto en USA.gov.",
|
||||
"footer.foialink": "Ley de Libertad de Información (FOIA)",
|
||||
"footer.logo.title": "Consejo sobre la Calidad del Medio Ambiente",
|
||||
"footer.moreinfoheader": "Más información",
|
||||
"footer.privacylink": "Política de privacidad",
|
||||
"footer.questionsheader": "¿Tiene una pregunta sobre los servicios del gobierno?",
|
||||
"footer.whitehouselink": "Whitehouse.gov",
|
||||
"footer.whitehouselogoalt": "Whitehouse logo",
|
||||
"getInvolved.title": "Participe",
|
||||
"header.about": "Sobre la aplicación",
|
||||
"header.contact": "Contacto",
|
||||
"header.explore": "Explore la herramienta",
|
||||
"header.methodology": "Datos y metodología",
|
||||
"header.title.line1": "Justicia climática y económica",
|
||||
"header.title.line2": "Herramienta de evaluación",
|
||||
"howToGetStarted.title": "Inicio",
|
||||
"index.heading.about.us": "Nuestra información",
|
||||
"index.heading.justice40": "La Iniciativa Justice40",
|
||||
"index.heading.screentool": "La herramienta de evaluación",
|
||||
"index.presidentalLinkLabel": "Orden ejecutiva 14008 sobre la Respuesta a la crisis climática en el país y en el extranjero.",
|
||||
"join.open.source.info": "El código de la herramienta de evaluación es código abierto, lo cual significa que está disponible para que el público lo vea y contribuya. Todos pueden ver y contribuir en GitHub.",
|
||||
"join.open.source.link": "Véala en GitHub",
|
||||
"join.opensource.heading": "Súmese a la comunidad de código abierto.",
|
||||
"legend.info.priority.label": "Comunidad focal preliminar",
|
||||
"legend.info.threshold.label": "Comunidad identificada como una en situación de desventaja que merece ser el foco de ciertas inversiones federales y de la Iniciativa Justice40.",
|
||||
"map.territoryFocus.alaska.long": "Alaska",
|
||||
"map.territoryFocus.alaska.short": "AK",
|
||||
"map.territoryFocus.focusOn": "Enfoque en territorios",
|
||||
"map.territoryFocus.hawaii.long": "Hawái",
|
||||
"map.territoryFocus.hawaii.short": "HI",
|
||||
"map.territoryFocus.lower48.long": "48 estados continentales",
|
||||
"map.territoryFocus.lower48.short": "48",
|
||||
"map.territoryFocus.puerto_rico.long": "Puerto Rico",
|
||||
"map.territoryFocus.puerto_rico.short": "PR",
|
||||
"map.zoom.warning": "Amplíe el nivel del estado o regional para ver las comunidades priorizadas en el mapa.",
|
||||
"mapIntro.censusBlockGroupDefinition": "Un grupo de bloques censales suele tener entre 600 y 3.000 personas. Se trata de la unidad geográfica más pequeña para la cual la Oficina del Censo de los EE. UU. publica una muestra de datos.",
|
||||
"mapIntro.didYouKnow": "¿Sabía que...?",
|
||||
"mapIntro.mapIntroHeader": "Amplíe y seleccione un grupo de bloques censales para ver los datos",
|
||||
"methodology.page.header.text": "Methodology",
|
||||
"methodology.page.paragraph.first": "The methodology for identifying communities of focus is currently in a draft, pre-decisional form that may change over time as more datasets become available.",
|
||||
"methodology.page.title.text": "Data and Methodology",
|
||||
"methodology.step.1.a.heading": "Percent of Area Median Income",
|
||||
"methodology.step.1.a.info.1": "If a census block group is in a metropolitan area, this value is the median income of the census block group calculated as a percent of the metropolitan area’s median income.",
|
||||
"methodology.step.1.a.info.2": "If a census block group is not in a metropolitan area, this value is the median income of the census block group calculated as a percent of the state’s median income.",
|
||||
"methodology.step.1.b.heading": "Percent of households below or at 100% of the federal poverty line",
|
||||
"methodology.step.1.c.heading": "The high school degree achievement rate for adults 25 years and older",
|
||||
"methodology.step.1.c.info": "The percent of individuals who are 25 or older who have received a high school degree.",
|
||||
"methodology.step.1.heading": "Gather datasets",
|
||||
"methodology.step.1.info": "The methodology includes the following inputs that are equally weighted.",
|
||||
"methodology.step.2.heading": "Determine communities of focus",
|
||||
"methodology.step.2.info": "Under the existing formula, a census block group will be considered a community of focus if:",
|
||||
"methodology.steps.2.b.info": "This is the percent of households in a state with a household income below or at 100% of the federal poverty line. This federal poverty line is calculated based on the composition of each household (e.g., based on household size), but it does not vary geographically.",
|
||||
"methodology.steps.2.formula": "(The median income is less than 80% of the area median income OR households living in poverty (at or below 100% of the federal poverty level) is greater than 20%) AND The high school degree achievement rate for adults 25 years and older is greater than 95%",
|
||||
"methodology.steps.description.1": "The methodology for identifying communities of focus is calculated at the census block group level. Census block geographical boundaries are determined by the U.S. Census Bureau once every ten years. This tool utilizes the census block boundaries from 2010.",
|
||||
"methodology.steps.description.2": "The following describes the process for identifying communities of focus.",
|
||||
"methodology.steps.heading": "Methodology",
|
||||
"pageNotFound.Guidance.text": "Intente crear una página en",
|
||||
"pageNotFound.apology.description.text": "No pudimos encontrar lo que busca.",
|
||||
"pageNotFound.apology.text": "Disculpe.",
|
||||
"pageNotFound.heading.text": "No se encontró la página",
|
||||
"pageNotFound.link.to.go.home.text": "Ir al inicio",
|
||||
"pageNotFound.title.text": "No se encontró la página",
|
||||
"send.feedback.heading": "Enviar comentarios",
|
||||
"send.feedback.info": "¿Tiene ideas sobre cómo mejorar esta herramienta para reflejar mejor las experiencias en el terreno de su comunidad?",
|
||||
"youCanHelpInfoText.heading": "Contribuya a mejorar la herramienta",
|
||||
"youCanHelpInfoText.list.item.1": "Si tiene información útil, nos encantaría que nos envíe un correo electrónico.",
|
||||
"youCanHelpInfoText.list.item.2": "Vea nuestra página de {dataMethEs} y envíenos comentarios.",
|
||||
"youCanHelpInfoText.list.item.3": "Encuentre su comunidad de interés y comparta sus comentarios."
|
||||
}
|
||||
|
|
@ -7,137 +7,157 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
|
|||
data-testid="header"
|
||||
role="banner"
|
||||
>
|
||||
<section
|
||||
class="usa-banner"
|
||||
data-testid="govBanner"
|
||||
>
|
||||
<div
|
||||
class="usa-accordion"
|
||||
>
|
||||
<header
|
||||
class="usa-banner__header"
|
||||
<div>
|
||||
<div>
|
||||
<section
|
||||
class="usa-banner"
|
||||
data-testid="govBanner"
|
||||
>
|
||||
<div
|
||||
class="usa-banner__inner"
|
||||
class="usa-accordion"
|
||||
>
|
||||
<div
|
||||
class="grid-col-auto"
|
||||
<header
|
||||
class="usa-banner__header"
|
||||
>
|
||||
<img
|
||||
alt="U.S. flag"
|
||||
class="usa-banner__header-flag"
|
||||
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII="
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="grid-col-fill tablet:grid-col-auto"
|
||||
>
|
||||
<p
|
||||
class="usa-banner__header-text"
|
||||
>
|
||||
An official website of the United States government
|
||||
</p>
|
||||
<p
|
||||
aria-hidden="true"
|
||||
class="usa-banner__header-action"
|
||||
>
|
||||
Here’s how you know
|
||||
</p>
|
||||
</div>
|
||||
<button
|
||||
aria-controls="gov-banner"
|
||||
aria-expanded="false"
|
||||
class="usa-accordion__button usa-banner__button"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="usa-banner__button-text"
|
||||
>
|
||||
Here’s how you know
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
<div
|
||||
class="usa-banner__content usa-accordion__content"
|
||||
hidden=""
|
||||
id="gov-banner"
|
||||
>
|
||||
<div
|
||||
class="grid-row grid-gap-lg"
|
||||
>
|
||||
<div
|
||||
class="usa-banner__guidance tablet:grid-col-6"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
aria-hidden="true"
|
||||
class="usa-banner__icon usa-media-block__img"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWRvdC1nb3Y8L3RpdGxlPjxwYXRoIGZpbGw9IiMyMzc4QzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMyIDBjMTcuNjczIDAgMzIgMTQuMzI3IDMyIDMyIDAgMTcuNjczLTE0LjMyNyAzMi0zMiAzMkMxNC4zMjcgNjQgMCA0OS42NzMgMCAzMiAwIDE0LjMyNyAxNC4zMjcgMCAzMiAwem0wIDEuMjA4QzE0Ljk5NCAxLjIwOCAxLjIwOCAxNC45OTQgMS4yMDggMzJTMTQuOTk0IDYyLjc5MiAzMiA2Mi43OTIgNjIuNzkyIDQ5LjAwNiA2Mi43OTIgMzIgNDkuMDA2IDEuMjA4IDMyIDEuMjA4em0xMC41OSAzOC44NThhLjg1Ny44NTcgMCAwIDEgLjg4Mi44MjJ2MS42NDJIMTguODg2di0xLjY0MmEuODU3Ljg1NyAwIDAgMSAuODgyLS44MjJINDIuNTl6TTI1LjQ0MyAyNy43NzR2OS44MjloMS42NDJ2LTkuODNoMy4yNzN2OS44M0gzMnYtOS44M2gzLjI3MnY5LjgzaDEuNjQzdi05LjgzaDMuMjcydjkuODNoLjc2YS44NTcuODU3IDAgMCAxIC44ODIuODIxdi44MjFoLTIxLjN2LS44MDlhLjg1Ny44NTcgMCAwIDEgLjg4LS44MmguNzYydi05Ljg0MmgzLjI3MnptNS43MzYtOC4xODhsMTIuMjkzIDQuOTE1djEuNjQyaC0xLjYzYS44NTcuODU3IDAgMCAxLS44ODIuODIySDIxLjQxYS44NTcuODU3IDAgMCAxLS44ODItLjgyMmgtMS42NDJ2LTEuNjQybDEyLjI5My00LjkxNXoiLz48L3N2Zz4="
|
||||
/>
|
||||
<div
|
||||
class="usa-media-block__body"
|
||||
class="usa-banner__inner"
|
||||
>
|
||||
<p>
|
||||
<strong>
|
||||
Official websites use .gov
|
||||
</strong>
|
||||
<br />
|
||||
A
|
||||
<strong>
|
||||
.gov
|
||||
</strong>
|
||||
website belongs to an official government organization in the United States.
|
||||
</p>
|
||||
<div
|
||||
class="grid-col-auto"
|
||||
>
|
||||
<img
|
||||
alt="U.S. flag"
|
||||
class="usa-banner__header-flag"
|
||||
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII="
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="grid-col-fill tablet:grid-col-auto"
|
||||
>
|
||||
<p
|
||||
class="usa-banner__header-text"
|
||||
>
|
||||
An official website of the United States government
|
||||
</p>
|
||||
<p
|
||||
aria-hidden="true"
|
||||
class="usa-banner__header-action"
|
||||
>
|
||||
Here’s how you know
|
||||
</p>
|
||||
</div>
|
||||
<button
|
||||
aria-controls="gov-banner"
|
||||
aria-expanded="false"
|
||||
class="usa-accordion__button usa-banner__button"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="usa-banner__button-text"
|
||||
>
|
||||
Here’s how you know
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div
|
||||
class="usa-banner__guidance tablet:grid-col-6"
|
||||
class="usa-banner__content usa-accordion__content"
|
||||
hidden=""
|
||||
id="gov-banner"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
aria-hidden="true"
|
||||
class="usa-banner__icon usa-media-block__img"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWh0dHBzPC90aXRsZT48cGF0aCBmaWxsPSIjNzE5RjJBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMiAwYzE3LjY3MyAwIDMyIDE0LjMyNyAzMiAzMiAwIDE3LjY3My0xNC4zMjcgMzItMzIgMzJDMTQuMzI3IDY0IDAgNDkuNjczIDAgMzIgMCAxNC4zMjcgMTQuMzI3IDAgMzIgMHptMCAxLjIwOEMxNC45OTQgMS4yMDggMS4yMDggMTQuOTk0IDEuMjA4IDMyUzE0Ljk5NCA2Mi43OTIgMzIgNjIuNzkyIDYyLjc5MiA0OS4wMDYgNjIuNzkyIDMyIDQ5LjAwNiAxLjIwOCAzMiAxLjIwOHptMCAxOC44ODZhNy4yNDUgNy4yNDUgMCAwIDEgNy4yNDUgNy4yNDV2My4xMDNoLjUyYy44NiAwIDEuNTU3LjY5OCAxLjU1NyAxLjU1OHY5LjMyMmMwIC44Ni0uNjk3IDEuNTU4LTEuNTU3IDEuNTU4aC0xNS41M2MtLjg2IDAtMS41NTctLjY5Ny0xLjU1Ny0xLjU1OFYzMmMwLS44Ni42OTctMS41NTggMS41NTctMS41NThoLjUyVjI3LjM0QTcuMjQ1IDcuMjQ1IDAgMCAxIDMyIDIwLjA5NHptMCAzLjEwM2E0LjE0MiA0LjE0MiAwIDAgMC00LjE0MiA0LjE0MnYzLjEwM2g4LjI4NFYyNy4zNEE0LjE0MiA0LjE0MiAwIDAgMCAzMiAyMy4xOTd6Ii8+PC9zdmc+"
|
||||
/>
|
||||
<div
|
||||
class="usa-media-block__body"
|
||||
class="grid-row grid-gap-lg"
|
||||
>
|
||||
<p>
|
||||
<strong>
|
||||
Secure .gov websites use HTTPS
|
||||
</strong>
|
||||
<br />
|
||||
A
|
||||
<strong>
|
||||
lock (
|
||||
<span
|
||||
class="icon-lock"
|
||||
>
|
||||
<img
|
||||
alt="lock"
|
||||
class="usa-banner__lock-image"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUyIiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNTIgNjQiPjx0aXRsZT5sb2NrPC90aXRsZT48cGF0aCBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNiAwYzEwLjQ5MyAwIDE5IDguNTA3IDE5IDE5djloM2E0IDQgMCAwIDEgNCA0djI4YTQgNCAwIDAgMS00IDRINGE0IDQgMCAwIDEtNC00VjMyYTQgNCAwIDAgMSA0LTRoM3YtOUM3IDguNTA3IDE1LjUwNyAwIDI2IDB6bTAgOGMtNS45NzkgMC0xMC44NDMgNC43Ny0xMC45OTYgMTAuNzEyTDE1IDE5djloMjJ2LTljMC02LjA3NS00LjkyNS0xMS0xMS0xMXoiLz48L3N2Zz4="
|
||||
title="Lock"
|
||||
/>
|
||||
</span>
|
||||
)
|
||||
</strong>
|
||||
or
|
||||
<strong>
|
||||
https://
|
||||
</strong>
|
||||
means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.
|
||||
</p>
|
||||
<div
|
||||
class="usa-banner__guidance tablet:grid-col-6"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
aria-hidden="true"
|
||||
class="usa-banner__icon usa-media-block__img"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWRvdC1nb3Y8L3RpdGxlPjxwYXRoIGZpbGw9IiMyMzc4QzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMyIDBjMTcuNjczIDAgMzIgMTQuMzI3IDMyIDMyIDAgMTcuNjczLTE0LjMyNyAzMi0zMiAzMkMxNC4zMjcgNjQgMCA0OS42NzMgMCAzMiAwIDE0LjMyNyAxNC4zMjcgMCAzMiAwem0wIDEuMjA4QzE0Ljk5NCAxLjIwOCAxLjIwOCAxNC45OTQgMS4yMDggMzJTMTQuOTk0IDYyLjc5MiAzMiA2Mi43OTIgNjIuNzkyIDQ5LjAwNiA2Mi43OTIgMzIgNDkuMDA2IDEuMjA4IDMyIDEuMjA4em0xMC41OSAzOC44NThhLjg1Ny44NTcgMCAwIDEgLjg4Mi44MjJ2MS42NDJIMTguODg2di0xLjY0MmEuODU3Ljg1NyAwIDAgMSAuODgyLS44MjJINDIuNTl6TTI1LjQ0MyAyNy43NzR2OS44MjloMS42NDJ2LTkuODNoMy4yNzN2OS44M0gzMnYtOS44M2gzLjI3MnY5LjgzaDEuNjQzdi05LjgzaDMuMjcydjkuODNoLjc2YS44NTcuODU3IDAgMCAxIC44ODIuODIxdi44MjFoLTIxLjN2LS44MDlhLjg1Ny44NTcgMCAwIDEgLjg4LS44MmguNzYydi05Ljg0MmgzLjI3MnptNS43MzYtOC4xODhsMTIuMjkzIDQuOTE1djEuNjQyaC0xLjYzYS44NTcuODU3IDAgMCAxLS44ODIuODIySDIxLjQxYS44NTcuODU3IDAgMCAxLS44ODItLjgyMmgtMS42NDJ2LTEuNjQybDEyLjI5My00LjkxNXoiLz48L3N2Zz4="
|
||||
/>
|
||||
<div
|
||||
class="usa-media-block__body"
|
||||
>
|
||||
<p>
|
||||
<strong>
|
||||
Official websites use .gov
|
||||
</strong>
|
||||
<br />
|
||||
A
|
||||
<strong>
|
||||
.gov
|
||||
</strong>
|
||||
website belongs to an official government organization in the United States.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="usa-banner__guidance tablet:grid-col-6"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
aria-hidden="true"
|
||||
class="usa-banner__icon usa-media-block__img"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWh0dHBzPC90aXRsZT48cGF0aCBmaWxsPSIjNzE5RjJBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMiAwYzE3LjY3MyAwIDMyIDE0LjMyNyAzMiAzMiAwIDE3LjY3My0xNC4zMjcgMzItMzIgMzJDMTQuMzI3IDY0IDAgNDkuNjczIDAgMzIgMCAxNC4zMjcgMTQuMzI3IDAgMzIgMHptMCAxLjIwOEMxNC45OTQgMS4yMDggMS4yMDggMTQuOTk0IDEuMjA4IDMyUzE0Ljk5NCA2Mi43OTIgMzIgNjIuNzkyIDYyLjc5MiA0OS4wMDYgNjIuNzkyIDMyIDQ5LjAwNiAxLjIwOCAzMiAxLjIwOHptMCAxOC44ODZhNy4yNDUgNy4yNDUgMCAwIDEgNy4yNDUgNy4yNDV2My4xMDNoLjUyYy44NiAwIDEuNTU3LjY5OCAxLjU1NyAxLjU1OHY5LjMyMmMwIC44Ni0uNjk3IDEuNTU4LTEuNTU3IDEuNTU4aC0xNS41M2MtLjg2IDAtMS41NTctLjY5Ny0xLjU1Ny0xLjU1OFYzMmMwLS44Ni42OTctMS41NTggMS41NTctMS41NThoLjUyVjI3LjM0QTcuMjQ1IDcuMjQ1IDAgMCAxIDMyIDIwLjA5NHptMCAzLjEwM2E0LjE0MiA0LjE0MiAwIDAgMC00LjE0MiA0LjE0MnYzLjEwM2g4LjI4NFYyNy4zNEE0LjE0MiA0LjE0MiAwIDAgMCAzMiAyMy4xOTd6Ii8+PC9zdmc+"
|
||||
/>
|
||||
<div
|
||||
class="usa-media-block__body"
|
||||
>
|
||||
<p>
|
||||
<strong>
|
||||
Secure .gov websites use HTTPS
|
||||
</strong>
|
||||
<br />
|
||||
A
|
||||
<strong>
|
||||
lock (
|
||||
<span
|
||||
class="icon-lock"
|
||||
>
|
||||
<img
|
||||
alt="lock"
|
||||
class="usa-banner__lock-image"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUyIiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNTIgNjQiPjx0aXRsZT5sb2NrPC90aXRsZT48cGF0aCBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNiAwYzEwLjQ5MyAwIDE5IDguNTA3IDE5IDE5djloM2E0IDQgMCAwIDEgNCA0djI4YTQgNCAwIDAgMS00IDRINGE0IDQgMCAwIDEtNC00VjMyYTQgNCAwIDAgMSA0LTRoM3YtOUM3IDguNTA3IDE1LjUwNyAwIDI2IDB6bTAgOGMtNS45NzkgMC0xMC44NDMgNC43Ny0xMC45OTYgMTAuNzEyTDE1IDE5djloMjJ2LTljMC02LjA3NS00LjkyNS0xMS0xMS0xMXoiLz48L3N2Zz4="
|
||||
title="Lock"
|
||||
/>
|
||||
</span>
|
||||
)
|
||||
</strong>
|
||||
or
|
||||
<strong>
|
||||
https://
|
||||
</strong>
|
||||
means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
</section>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<div />
|
||||
|
|
@ -254,6 +274,28 @@ 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>
|
||||
|
|
|
|||
|
|
@ -7,137 +7,157 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
|
|||
data-testid="header"
|
||||
role="banner"
|
||||
>
|
||||
<section
|
||||
class="usa-banner"
|
||||
data-testid="govBanner"
|
||||
>
|
||||
<div
|
||||
class="usa-accordion"
|
||||
>
|
||||
<header
|
||||
class="usa-banner__header"
|
||||
<div>
|
||||
<div>
|
||||
<section
|
||||
class="usa-banner"
|
||||
data-testid="govBanner"
|
||||
>
|
||||
<div
|
||||
class="usa-banner__inner"
|
||||
class="usa-accordion"
|
||||
>
|
||||
<div
|
||||
class="grid-col-auto"
|
||||
<header
|
||||
class="usa-banner__header"
|
||||
>
|
||||
<img
|
||||
alt="U.S. flag"
|
||||
class="usa-banner__header-flag"
|
||||
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII="
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="grid-col-fill tablet:grid-col-auto"
|
||||
>
|
||||
<p
|
||||
class="usa-banner__header-text"
|
||||
>
|
||||
An official website of the United States government
|
||||
</p>
|
||||
<p
|
||||
aria-hidden="true"
|
||||
class="usa-banner__header-action"
|
||||
>
|
||||
Here’s how you know
|
||||
</p>
|
||||
</div>
|
||||
<button
|
||||
aria-controls="gov-banner"
|
||||
aria-expanded="false"
|
||||
class="usa-accordion__button usa-banner__button"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="usa-banner__button-text"
|
||||
>
|
||||
Here’s how you know
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
<div
|
||||
class="usa-banner__content usa-accordion__content"
|
||||
hidden=""
|
||||
id="gov-banner"
|
||||
>
|
||||
<div
|
||||
class="grid-row grid-gap-lg"
|
||||
>
|
||||
<div
|
||||
class="usa-banner__guidance tablet:grid-col-6"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
aria-hidden="true"
|
||||
class="usa-banner__icon usa-media-block__img"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWRvdC1nb3Y8L3RpdGxlPjxwYXRoIGZpbGw9IiMyMzc4QzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMyIDBjMTcuNjczIDAgMzIgMTQuMzI3IDMyIDMyIDAgMTcuNjczLTE0LjMyNyAzMi0zMiAzMkMxNC4zMjcgNjQgMCA0OS42NzMgMCAzMiAwIDE0LjMyNyAxNC4zMjcgMCAzMiAwem0wIDEuMjA4QzE0Ljk5NCAxLjIwOCAxLjIwOCAxNC45OTQgMS4yMDggMzJTMTQuOTk0IDYyLjc5MiAzMiA2Mi43OTIgNjIuNzkyIDQ5LjAwNiA2Mi43OTIgMzIgNDkuMDA2IDEuMjA4IDMyIDEuMjA4em0xMC41OSAzOC44NThhLjg1Ny44NTcgMCAwIDEgLjg4Mi44MjJ2MS42NDJIMTguODg2di0xLjY0MmEuODU3Ljg1NyAwIDAgMSAuODgyLS44MjJINDIuNTl6TTI1LjQ0MyAyNy43NzR2OS44MjloMS42NDJ2LTkuODNoMy4yNzN2OS44M0gzMnYtOS44M2gzLjI3MnY5LjgzaDEuNjQzdi05LjgzaDMuMjcydjkuODNoLjc2YS44NTcuODU3IDAgMCAxIC44ODIuODIxdi44MjFoLTIxLjN2LS44MDlhLjg1Ny44NTcgMCAwIDEgLjg4LS44MmguNzYydi05Ljg0MmgzLjI3MnptNS43MzYtOC4xODhsMTIuMjkzIDQuOTE1djEuNjQyaC0xLjYzYS44NTcuODU3IDAgMCAxLS44ODIuODIySDIxLjQxYS44NTcuODU3IDAgMCAxLS44ODItLjgyMmgtMS42NDJ2LTEuNjQybDEyLjI5My00LjkxNXoiLz48L3N2Zz4="
|
||||
/>
|
||||
<div
|
||||
class="usa-media-block__body"
|
||||
class="usa-banner__inner"
|
||||
>
|
||||
<p>
|
||||
<strong>
|
||||
Official websites use .gov
|
||||
</strong>
|
||||
<br />
|
||||
A
|
||||
<strong>
|
||||
.gov
|
||||
</strong>
|
||||
website belongs to an official government organization in the United States.
|
||||
</p>
|
||||
<div
|
||||
class="grid-col-auto"
|
||||
>
|
||||
<img
|
||||
alt="U.S. flag"
|
||||
class="usa-banner__header-flag"
|
||||
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII="
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="grid-col-fill tablet:grid-col-auto"
|
||||
>
|
||||
<p
|
||||
class="usa-banner__header-text"
|
||||
>
|
||||
An official website of the United States government
|
||||
</p>
|
||||
<p
|
||||
aria-hidden="true"
|
||||
class="usa-banner__header-action"
|
||||
>
|
||||
Here’s how you know
|
||||
</p>
|
||||
</div>
|
||||
<button
|
||||
aria-controls="gov-banner"
|
||||
aria-expanded="false"
|
||||
class="usa-accordion__button usa-banner__button"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="usa-banner__button-text"
|
||||
>
|
||||
Here’s how you know
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div
|
||||
class="usa-banner__guidance tablet:grid-col-6"
|
||||
class="usa-banner__content usa-accordion__content"
|
||||
hidden=""
|
||||
id="gov-banner"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
aria-hidden="true"
|
||||
class="usa-banner__icon usa-media-block__img"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWh0dHBzPC90aXRsZT48cGF0aCBmaWxsPSIjNzE5RjJBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMiAwYzE3LjY3MyAwIDMyIDE0LjMyNyAzMiAzMiAwIDE3LjY3My0xNC4zMjcgMzItMzIgMzJDMTQuMzI3IDY0IDAgNDkuNjczIDAgMzIgMCAxNC4zMjcgMTQuMzI3IDAgMzIgMHptMCAxLjIwOEMxNC45OTQgMS4yMDggMS4yMDggMTQuOTk0IDEuMjA4IDMyUzE0Ljk5NCA2Mi43OTIgMzIgNjIuNzkyIDYyLjc5MiA0OS4wMDYgNjIuNzkyIDMyIDQ5LjAwNiAxLjIwOCAzMiAxLjIwOHptMCAxOC44ODZhNy4yNDUgNy4yNDUgMCAwIDEgNy4yNDUgNy4yNDV2My4xMDNoLjUyYy44NiAwIDEuNTU3LjY5OCAxLjU1NyAxLjU1OHY5LjMyMmMwIC44Ni0uNjk3IDEuNTU4LTEuNTU3IDEuNTU4aC0xNS41M2MtLjg2IDAtMS41NTctLjY5Ny0xLjU1Ny0xLjU1OFYzMmMwLS44Ni42OTctMS41NTggMS41NTctMS41NThoLjUyVjI3LjM0QTcuMjQ1IDcuMjQ1IDAgMCAxIDMyIDIwLjA5NHptMCAzLjEwM2E0LjE0MiA0LjE0MiAwIDAgMC00LjE0MiA0LjE0MnYzLjEwM2g4LjI4NFYyNy4zNEE0LjE0MiA0LjE0MiAwIDAgMCAzMiAyMy4xOTd6Ii8+PC9zdmc+"
|
||||
/>
|
||||
<div
|
||||
class="usa-media-block__body"
|
||||
class="grid-row grid-gap-lg"
|
||||
>
|
||||
<p>
|
||||
<strong>
|
||||
Secure .gov websites use HTTPS
|
||||
</strong>
|
||||
<br />
|
||||
A
|
||||
<strong>
|
||||
lock (
|
||||
<span
|
||||
class="icon-lock"
|
||||
>
|
||||
<img
|
||||
alt="lock"
|
||||
class="usa-banner__lock-image"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUyIiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNTIgNjQiPjx0aXRsZT5sb2NrPC90aXRsZT48cGF0aCBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNiAwYzEwLjQ5MyAwIDE5IDguNTA3IDE5IDE5djloM2E0IDQgMCAwIDEgNCA0djI4YTQgNCAwIDAgMS00IDRINGE0IDQgMCAwIDEtNC00VjMyYTQgNCAwIDAgMSA0LTRoM3YtOUM3IDguNTA3IDE1LjUwNyAwIDI2IDB6bTAgOGMtNS45NzkgMC0xMC44NDMgNC43Ny0xMC45OTYgMTAuNzEyTDE1IDE5djloMjJ2LTljMC02LjA3NS00LjkyNS0xMS0xMS0xMXoiLz48L3N2Zz4="
|
||||
title="Lock"
|
||||
/>
|
||||
</span>
|
||||
)
|
||||
</strong>
|
||||
or
|
||||
<strong>
|
||||
https://
|
||||
</strong>
|
||||
means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.
|
||||
</p>
|
||||
<div
|
||||
class="usa-banner__guidance tablet:grid-col-6"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
aria-hidden="true"
|
||||
class="usa-banner__icon usa-media-block__img"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWRvdC1nb3Y8L3RpdGxlPjxwYXRoIGZpbGw9IiMyMzc4QzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMyIDBjMTcuNjczIDAgMzIgMTQuMzI3IDMyIDMyIDAgMTcuNjczLTE0LjMyNyAzMi0zMiAzMkMxNC4zMjcgNjQgMCA0OS42NzMgMCAzMiAwIDE0LjMyNyAxNC4zMjcgMCAzMiAwem0wIDEuMjA4QzE0Ljk5NCAxLjIwOCAxLjIwOCAxNC45OTQgMS4yMDggMzJTMTQuOTk0IDYyLjc5MiAzMiA2Mi43OTIgNjIuNzkyIDQ5LjAwNiA2Mi43OTIgMzIgNDkuMDA2IDEuMjA4IDMyIDEuMjA4em0xMC41OSAzOC44NThhLjg1Ny44NTcgMCAwIDEgLjg4Mi44MjJ2MS42NDJIMTguODg2di0xLjY0MmEuODU3Ljg1NyAwIDAgMSAuODgyLS44MjJINDIuNTl6TTI1LjQ0MyAyNy43NzR2OS44MjloMS42NDJ2LTkuODNoMy4yNzN2OS44M0gzMnYtOS44M2gzLjI3MnY5LjgzaDEuNjQzdi05LjgzaDMuMjcydjkuODNoLjc2YS44NTcuODU3IDAgMCAxIC44ODIuODIxdi44MjFoLTIxLjN2LS44MDlhLjg1Ny44NTcgMCAwIDEgLjg4LS44MmguNzYydi05Ljg0MmgzLjI3MnptNS43MzYtOC4xODhsMTIuMjkzIDQuOTE1djEuNjQyaC0xLjYzYS44NTcuODU3IDAgMCAxLS44ODIuODIySDIxLjQxYS44NTcuODU3IDAgMCAxLS44ODItLjgyMmgtMS42NDJ2LTEuNjQybDEyLjI5My00LjkxNXoiLz48L3N2Zz4="
|
||||
/>
|
||||
<div
|
||||
class="usa-media-block__body"
|
||||
>
|
||||
<p>
|
||||
<strong>
|
||||
Official websites use .gov
|
||||
</strong>
|
||||
<br />
|
||||
A
|
||||
<strong>
|
||||
.gov
|
||||
</strong>
|
||||
website belongs to an official government organization in the United States.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="usa-banner__guidance tablet:grid-col-6"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
aria-hidden="true"
|
||||
class="usa-banner__icon usa-media-block__img"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWh0dHBzPC90aXRsZT48cGF0aCBmaWxsPSIjNzE5RjJBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMiAwYzE3LjY3MyAwIDMyIDE0LjMyNyAzMiAzMiAwIDE3LjY3My0xNC4zMjcgMzItMzIgMzJDMTQuMzI3IDY0IDAgNDkuNjczIDAgMzIgMCAxNC4zMjcgMTQuMzI3IDAgMzIgMHptMCAxLjIwOEMxNC45OTQgMS4yMDggMS4yMDggMTQuOTk0IDEuMjA4IDMyUzE0Ljk5NCA2Mi43OTIgMzIgNjIuNzkyIDYyLjc5MiA0OS4wMDYgNjIuNzkyIDMyIDQ5LjAwNiAxLjIwOCAzMiAxLjIwOHptMCAxOC44ODZhNy4yNDUgNy4yNDUgMCAwIDEgNy4yNDUgNy4yNDV2My4xMDNoLjUyYy44NiAwIDEuNTU3LjY5OCAxLjU1NyAxLjU1OHY5LjMyMmMwIC44Ni0uNjk3IDEuNTU4LTEuNTU3IDEuNTU4aC0xNS41M2MtLjg2IDAtMS41NTctLjY5Ny0xLjU1Ny0xLjU1OFYzMmMwLS44Ni42OTctMS41NTggMS41NTctMS41NThoLjUyVjI3LjM0QTcuMjQ1IDcuMjQ1IDAgMCAxIDMyIDIwLjA5NHptMCAzLjEwM2E0LjE0MiA0LjE0MiAwIDAgMC00LjE0MiA0LjE0MnYzLjEwM2g4LjI4NFYyNy4zNEE0LjE0MiA0LjE0MiAwIDAgMCAzMiAyMy4xOTd6Ii8+PC9zdmc+"
|
||||
/>
|
||||
<div
|
||||
class="usa-media-block__body"
|
||||
>
|
||||
<p>
|
||||
<strong>
|
||||
Secure .gov websites use HTTPS
|
||||
</strong>
|
||||
<br />
|
||||
A
|
||||
<strong>
|
||||
lock (
|
||||
<span
|
||||
class="icon-lock"
|
||||
>
|
||||
<img
|
||||
alt="lock"
|
||||
class="usa-banner__lock-image"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUyIiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNTIgNjQiPjx0aXRsZT5sb2NrPC90aXRsZT48cGF0aCBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNiAwYzEwLjQ5MyAwIDE5IDguNTA3IDE5IDE5djloM2E0IDQgMCAwIDEgNCA0djI4YTQgNCAwIDAgMS00IDRINGE0IDQgMCAwIDEtNC00VjMyYTQgNCAwIDAgMSA0LTRoM3YtOUM3IDguNTA3IDE1LjUwNyAwIDI2IDB6bTAgOGMtNS45NzkgMC0xMC44NDMgNC43Ny0xMC45OTYgMTAuNzEyTDE1IDE5djloMjJ2LTljMC02LjA3NS00LjkyNS0xMS0xMS0xMXoiLz48L3N2Zz4="
|
||||
title="Lock"
|
||||
/>
|
||||
</span>
|
||||
)
|
||||
</strong>
|
||||
or
|
||||
<strong>
|
||||
https://
|
||||
</strong>
|
||||
means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
</section>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<div />
|
||||
|
|
@ -254,6 +274,28 @@ 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>
|
||||
|
|
|
|||
|
|
@ -7,137 +7,157 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
|
|||
data-testid="header"
|
||||
role="banner"
|
||||
>
|
||||
<section
|
||||
class="usa-banner"
|
||||
data-testid="govBanner"
|
||||
>
|
||||
<div
|
||||
class="usa-accordion"
|
||||
>
|
||||
<header
|
||||
class="usa-banner__header"
|
||||
<div>
|
||||
<div>
|
||||
<section
|
||||
class="usa-banner"
|
||||
data-testid="govBanner"
|
||||
>
|
||||
<div
|
||||
class="usa-banner__inner"
|
||||
class="usa-accordion"
|
||||
>
|
||||
<div
|
||||
class="grid-col-auto"
|
||||
<header
|
||||
class="usa-banner__header"
|
||||
>
|
||||
<img
|
||||
alt="U.S. flag"
|
||||
class="usa-banner__header-flag"
|
||||
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII="
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="grid-col-fill tablet:grid-col-auto"
|
||||
>
|
||||
<p
|
||||
class="usa-banner__header-text"
|
||||
>
|
||||
An official website of the United States government
|
||||
</p>
|
||||
<p
|
||||
aria-hidden="true"
|
||||
class="usa-banner__header-action"
|
||||
>
|
||||
Here’s how you know
|
||||
</p>
|
||||
</div>
|
||||
<button
|
||||
aria-controls="gov-banner"
|
||||
aria-expanded="false"
|
||||
class="usa-accordion__button usa-banner__button"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="usa-banner__button-text"
|
||||
>
|
||||
Here’s how you know
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
<div
|
||||
class="usa-banner__content usa-accordion__content"
|
||||
hidden=""
|
||||
id="gov-banner"
|
||||
>
|
||||
<div
|
||||
class="grid-row grid-gap-lg"
|
||||
>
|
||||
<div
|
||||
class="usa-banner__guidance tablet:grid-col-6"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
aria-hidden="true"
|
||||
class="usa-banner__icon usa-media-block__img"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWRvdC1nb3Y8L3RpdGxlPjxwYXRoIGZpbGw9IiMyMzc4QzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMyIDBjMTcuNjczIDAgMzIgMTQuMzI3IDMyIDMyIDAgMTcuNjczLTE0LjMyNyAzMi0zMiAzMkMxNC4zMjcgNjQgMCA0OS42NzMgMCAzMiAwIDE0LjMyNyAxNC4zMjcgMCAzMiAwem0wIDEuMjA4QzE0Ljk5NCAxLjIwOCAxLjIwOCAxNC45OTQgMS4yMDggMzJTMTQuOTk0IDYyLjc5MiAzMiA2Mi43OTIgNjIuNzkyIDQ5LjAwNiA2Mi43OTIgMzIgNDkuMDA2IDEuMjA4IDMyIDEuMjA4em0xMC41OSAzOC44NThhLjg1Ny44NTcgMCAwIDEgLjg4Mi44MjJ2MS42NDJIMTguODg2di0xLjY0MmEuODU3Ljg1NyAwIDAgMSAuODgyLS44MjJINDIuNTl6TTI1LjQ0MyAyNy43NzR2OS44MjloMS42NDJ2LTkuODNoMy4yNzN2OS44M0gzMnYtOS44M2gzLjI3MnY5LjgzaDEuNjQzdi05LjgzaDMuMjcydjkuODNoLjc2YS44NTcuODU3IDAgMCAxIC44ODIuODIxdi44MjFoLTIxLjN2LS44MDlhLjg1Ny44NTcgMCAwIDEgLjg4LS44MmguNzYydi05Ljg0MmgzLjI3MnptNS43MzYtOC4xODhsMTIuMjkzIDQuOTE1djEuNjQyaC0xLjYzYS44NTcuODU3IDAgMCAxLS44ODIuODIySDIxLjQxYS44NTcuODU3IDAgMCAxLS44ODItLjgyMmgtMS42NDJ2LTEuNjQybDEyLjI5My00LjkxNXoiLz48L3N2Zz4="
|
||||
/>
|
||||
<div
|
||||
class="usa-media-block__body"
|
||||
class="usa-banner__inner"
|
||||
>
|
||||
<p>
|
||||
<strong>
|
||||
Official websites use .gov
|
||||
</strong>
|
||||
<br />
|
||||
A
|
||||
<strong>
|
||||
.gov
|
||||
</strong>
|
||||
website belongs to an official government organization in the United States.
|
||||
</p>
|
||||
<div
|
||||
class="grid-col-auto"
|
||||
>
|
||||
<img
|
||||
alt="U.S. flag"
|
||||
class="usa-banner__header-flag"
|
||||
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII="
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="grid-col-fill tablet:grid-col-auto"
|
||||
>
|
||||
<p
|
||||
class="usa-banner__header-text"
|
||||
>
|
||||
An official website of the United States government
|
||||
</p>
|
||||
<p
|
||||
aria-hidden="true"
|
||||
class="usa-banner__header-action"
|
||||
>
|
||||
Here’s how you know
|
||||
</p>
|
||||
</div>
|
||||
<button
|
||||
aria-controls="gov-banner"
|
||||
aria-expanded="false"
|
||||
class="usa-accordion__button usa-banner__button"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="usa-banner__button-text"
|
||||
>
|
||||
Here’s how you know
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div
|
||||
class="usa-banner__guidance tablet:grid-col-6"
|
||||
class="usa-banner__content usa-accordion__content"
|
||||
hidden=""
|
||||
id="gov-banner"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
aria-hidden="true"
|
||||
class="usa-banner__icon usa-media-block__img"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWh0dHBzPC90aXRsZT48cGF0aCBmaWxsPSIjNzE5RjJBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMiAwYzE3LjY3MyAwIDMyIDE0LjMyNyAzMiAzMiAwIDE3LjY3My0xNC4zMjcgMzItMzIgMzJDMTQuMzI3IDY0IDAgNDkuNjczIDAgMzIgMCAxNC4zMjcgMTQuMzI3IDAgMzIgMHptMCAxLjIwOEMxNC45OTQgMS4yMDggMS4yMDggMTQuOTk0IDEuMjA4IDMyUzE0Ljk5NCA2Mi43OTIgMzIgNjIuNzkyIDYyLjc5MiA0OS4wMDYgNjIuNzkyIDMyIDQ5LjAwNiAxLjIwOCAzMiAxLjIwOHptMCAxOC44ODZhNy4yNDUgNy4yNDUgMCAwIDEgNy4yNDUgNy4yNDV2My4xMDNoLjUyYy44NiAwIDEuNTU3LjY5OCAxLjU1NyAxLjU1OHY5LjMyMmMwIC44Ni0uNjk3IDEuNTU4LTEuNTU3IDEuNTU4aC0xNS41M2MtLjg2IDAtMS41NTctLjY5Ny0xLjU1Ny0xLjU1OFYzMmMwLS44Ni42OTctMS41NTggMS41NTctMS41NThoLjUyVjI3LjM0QTcuMjQ1IDcuMjQ1IDAgMCAxIDMyIDIwLjA5NHptMCAzLjEwM2E0LjE0MiA0LjE0MiAwIDAgMC00LjE0MiA0LjE0MnYzLjEwM2g4LjI4NFYyNy4zNEE0LjE0MiA0LjE0MiAwIDAgMCAzMiAyMy4xOTd6Ii8+PC9zdmc+"
|
||||
/>
|
||||
<div
|
||||
class="usa-media-block__body"
|
||||
class="grid-row grid-gap-lg"
|
||||
>
|
||||
<p>
|
||||
<strong>
|
||||
Secure .gov websites use HTTPS
|
||||
</strong>
|
||||
<br />
|
||||
A
|
||||
<strong>
|
||||
lock (
|
||||
<span
|
||||
class="icon-lock"
|
||||
>
|
||||
<img
|
||||
alt="lock"
|
||||
class="usa-banner__lock-image"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUyIiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNTIgNjQiPjx0aXRsZT5sb2NrPC90aXRsZT48cGF0aCBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNiAwYzEwLjQ5MyAwIDE5IDguNTA3IDE5IDE5djloM2E0IDQgMCAwIDEgNCA0djI4YTQgNCAwIDAgMS00IDRINGE0IDQgMCAwIDEtNC00VjMyYTQgNCAwIDAgMSA0LTRoM3YtOUM3IDguNTA3IDE1LjUwNyAwIDI2IDB6bTAgOGMtNS45NzkgMC0xMC44NDMgNC43Ny0xMC45OTYgMTAuNzEyTDE1IDE5djloMjJ2LTljMC02LjA3NS00LjkyNS0xMS0xMS0xMXoiLz48L3N2Zz4="
|
||||
title="Lock"
|
||||
/>
|
||||
</span>
|
||||
)
|
||||
</strong>
|
||||
or
|
||||
<strong>
|
||||
https://
|
||||
</strong>
|
||||
means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.
|
||||
</p>
|
||||
<div
|
||||
class="usa-banner__guidance tablet:grid-col-6"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
aria-hidden="true"
|
||||
class="usa-banner__icon usa-media-block__img"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWRvdC1nb3Y8L3RpdGxlPjxwYXRoIGZpbGw9IiMyMzc4QzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMyIDBjMTcuNjczIDAgMzIgMTQuMzI3IDMyIDMyIDAgMTcuNjczLTE0LjMyNyAzMi0zMiAzMkMxNC4zMjcgNjQgMCA0OS42NzMgMCAzMiAwIDE0LjMyNyAxNC4zMjcgMCAzMiAwem0wIDEuMjA4QzE0Ljk5NCAxLjIwOCAxLjIwOCAxNC45OTQgMS4yMDggMzJTMTQuOTk0IDYyLjc5MiAzMiA2Mi43OTIgNjIuNzkyIDQ5LjAwNiA2Mi43OTIgMzIgNDkuMDA2IDEuMjA4IDMyIDEuMjA4em0xMC41OSAzOC44NThhLjg1Ny44NTcgMCAwIDEgLjg4Mi44MjJ2MS42NDJIMTguODg2di0xLjY0MmEuODU3Ljg1NyAwIDAgMSAuODgyLS44MjJINDIuNTl6TTI1LjQ0MyAyNy43NzR2OS44MjloMS42NDJ2LTkuODNoMy4yNzN2OS44M0gzMnYtOS44M2gzLjI3MnY5LjgzaDEuNjQzdi05LjgzaDMuMjcydjkuODNoLjc2YS44NTcuODU3IDAgMCAxIC44ODIuODIxdi44MjFoLTIxLjN2LS44MDlhLjg1Ny44NTcgMCAwIDEgLjg4LS44MmguNzYydi05Ljg0MmgzLjI3MnptNS43MzYtOC4xODhsMTIuMjkzIDQuOTE1djEuNjQyaC0xLjYzYS44NTcuODU3IDAgMCAxLS44ODIuODIySDIxLjQxYS44NTcuODU3IDAgMCAxLS44ODItLjgyMmgtMS42NDJ2LTEuNjQybDEyLjI5My00LjkxNXoiLz48L3N2Zz4="
|
||||
/>
|
||||
<div
|
||||
class="usa-media-block__body"
|
||||
>
|
||||
<p>
|
||||
<strong>
|
||||
Official websites use .gov
|
||||
</strong>
|
||||
<br />
|
||||
A
|
||||
<strong>
|
||||
.gov
|
||||
</strong>
|
||||
website belongs to an official government organization in the United States.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="usa-banner__guidance tablet:grid-col-6"
|
||||
>
|
||||
<img
|
||||
alt=""
|
||||
aria-hidden="true"
|
||||
class="usa-banner__icon usa-media-block__img"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWh0dHBzPC90aXRsZT48cGF0aCBmaWxsPSIjNzE5RjJBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMiAwYzE3LjY3MyAwIDMyIDE0LjMyNyAzMiAzMiAwIDE3LjY3My0xNC4zMjcgMzItMzIgMzJDMTQuMzI3IDY0IDAgNDkuNjczIDAgMzIgMCAxNC4zMjcgMTQuMzI3IDAgMzIgMHptMCAxLjIwOEMxNC45OTQgMS4yMDggMS4yMDggMTQuOTk0IDEuMjA4IDMyUzE0Ljk5NCA2Mi43OTIgMzIgNjIuNzkyIDYyLjc5MiA0OS4wMDYgNjIuNzkyIDMyIDQ5LjAwNiAxLjIwOCAzMiAxLjIwOHptMCAxOC44ODZhNy4yNDUgNy4yNDUgMCAwIDEgNy4yNDUgNy4yNDV2My4xMDNoLjUyYy44NiAwIDEuNTU3LjY5OCAxLjU1NyAxLjU1OHY5LjMyMmMwIC44Ni0uNjk3IDEuNTU4LTEuNTU3IDEuNTU4aC0xNS41M2MtLjg2IDAtMS41NTctLjY5Ny0xLjU1Ny0xLjU1OFYzMmMwLS44Ni42OTctMS41NTggMS41NTctMS41NThoLjUyVjI3LjM0QTcuMjQ1IDcuMjQ1IDAgMCAxIDMyIDIwLjA5NHptMCAzLjEwM2E0LjE0MiA0LjE0MiAwIDAgMC00LjE0MiA0LjE0MnYzLjEwM2g4LjI4NFYyNy4zNEE0LjE0MiA0LjE0MiAwIDAgMCAzMiAyMy4xOTd6Ii8+PC9zdmc+"
|
||||
/>
|
||||
<div
|
||||
class="usa-media-block__body"
|
||||
>
|
||||
<p>
|
||||
<strong>
|
||||
Secure .gov websites use HTTPS
|
||||
</strong>
|
||||
<br />
|
||||
A
|
||||
<strong>
|
||||
lock (
|
||||
<span
|
||||
class="icon-lock"
|
||||
>
|
||||
<img
|
||||
alt="lock"
|
||||
class="usa-banner__lock-image"
|
||||
role="img"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUyIiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNTIgNjQiPjx0aXRsZT5sb2NrPC90aXRsZT48cGF0aCBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNiAwYzEwLjQ5MyAwIDE5IDguNTA3IDE5IDE5djloM2E0IDQgMCAwIDEgNCA0djI4YTQgNCAwIDAgMS00IDRINGE0IDQgMCAwIDEtNC00VjMyYTQgNCAwIDAgMSA0LTRoM3YtOUM3IDguNTA3IDE1LjUwNyAwIDI2IDB6bTAgOGMtNS45NzkgMC0xMC44NDMgNC43Ny0xMC45OTYgMTAuNzEyTDE1IDE5djloMjJ2LTljMC02LjA3NS00LjkyNS0xMS0xMS0xMXoiLz48L3N2Zz4="
|
||||
title="Lock"
|
||||
/>
|
||||
</span>
|
||||
)
|
||||
</strong>
|
||||
or
|
||||
<strong>
|
||||
https://
|
||||
</strong>
|
||||
means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
</section>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<div />
|
||||
|
|
@ -254,6 +274,28 @@ 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>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue