mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-07 07:34:19 -07:00
Add beta site banner (#802)
* Add new BetaBanner and remove legacy Alerts - add BetaBanner component and test - update AboutCard test - remove AlertWrapper component, copy and tests - remove AlertWrapper from all pages - add BetaBanner copy and intl - update logo and color - add styles using USWDS tokens to globals.scss * Add Beta pill to header - refactor Header to use Grid and USWDS - refactor global.scss to use Grid and USWDS - updates snapshots * Move styles from global to modules - move BetaBanner styles from global to modules - move J40Header to a folder component and module styles - add J40Header unit test - add a design-system.scss file that allows USWDS styles in modules - updates snapshots * Update en.json file * Trigger Build * Add initial Spanish content - add README for translation team - add createSpanishJson script - add initial version of es.json - add a spanish string variable to test translation * Add retry and timeout config to stalled test * Remove redundant test cases for AboutCard - update snapshot * Update BetaBanner description
This commit is contained in:
Vim
GitHub
parent
e64e7fda60
commit
b1adc1f69f
42 changed files with 2122 additions and 925 deletions
|
|
@ -3,7 +3,7 @@
|
|||
exports[`rendering of the DatasetContainer checks if various text fields are visible 1`] = `
|
||||
<DocumentFragment>
|
||||
<header
|
||||
class="usa-header usa-header--basic usa-header j40-header"
|
||||
class="usa-header usa-header--basic"
|
||||
data-testid="header"
|
||||
role="banner"
|
||||
>
|
||||
|
|
@ -138,148 +138,131 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
|
|||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div>
|
||||
<div>
|
||||
<div />
|
||||
<div>
|
||||
<span>
|
||||
This is a Beta site.
|
||||
</span>
|
||||
<span>
|
||||
It is an early, in-progress version of the tool with limited data
|
||||
sets that will be continuously updated.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="usa-nav-container"
|
||||
class="grid-container-desktop-lg"
|
||||
data-testid="gridContainer"
|
||||
>
|
||||
<div
|
||||
class="usa-navbar"
|
||||
class="grid-row"
|
||||
data-testid="grid"
|
||||
>
|
||||
<div
|
||||
class="usa-logo"
|
||||
class="grid-col-1"
|
||||
data-testid="grid"
|
||||
>
|
||||
<img
|
||||
alt="Climate and Economic Justice Screening Tool"
|
||||
class="j40-sitelogo"
|
||||
src="test-file-stub"
|
||||
/>
|
||||
<span
|
||||
class="usa-logo__text j40-title"
|
||||
>
|
||||
<span
|
||||
class="j40-title-line1"
|
||||
>
|
||||
Climate and Economic Justice
|
||||
</span>
|
||||
<br />
|
||||
<span
|
||||
class="j40-title-line2"
|
||||
>
|
||||
Screening Tool
|
||||
</span>
|
||||
<span
|
||||
class="usa-tag j40"
|
||||
data-testid="tag"
|
||||
>
|
||||
Beta
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<button
|
||||
class="usa-menu-btn"
|
||||
data-testid="navMenuButton"
|
||||
type="button"
|
||||
<div
|
||||
class="grid-col-6"
|
||||
data-testid="grid"
|
||||
>
|
||||
Menu
|
||||
</button>
|
||||
<div>
|
||||
<div>
|
||||
Climate and Economic Justice
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
Screening Tool
|
||||
</div>
|
||||
<div>
|
||||
BETA
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="grid-col-fill"
|
||||
data-testid="grid"
|
||||
>
|
||||
<button
|
||||
class="usa-menu-btn"
|
||||
data-testid="navMenuButton"
|
||||
type="button"
|
||||
>
|
||||
Menu
|
||||
</button>
|
||||
<nav
|
||||
class="usa-nav"
|
||||
>
|
||||
<button
|
||||
class="usa-nav__close"
|
||||
data-testid="navCloseButton"
|
||||
type="button"
|
||||
>
|
||||
<img
|
||||
alt="close"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5jbG9zZTwvdGl0bGU+PHBhdGggZmlsbD0iIzU2NUM2NSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNTcuMDQyIDEuMTVsNS44MDkgNS44MDhhNCA0IDAgMCAxIDAgNS42NTdMNDMuNDY1IDMybDE5LjM4NiAxOS4zODVhNCA0IDAgMCAxIDAgNS42NTdsLTUuODA5IDUuODA5YTQgNCAwIDAgMS01LjY1NyAwTDMyIDQzLjQ2NSAxMi42MTUgNjIuODUxYTQgNCAwIDAgMS01LjY1NyAwbC01LjgwOS01LjgwOWE0IDQgMCAwIDEgMC01LjY1N0wyMC41MzUgMzIgMS4xNDkgMTIuNjE1YTQgNCAwIDAgMSAwLTUuNjU3bDUuODA5LTUuODA5YTQgNCAwIDAgMSA1LjY1NyAwTDMyIDIwLjUzNSA1MS4zODUgMS4xNDlhNCA0IDAgMCAxIDUuNjU3IDB6Ii8+PC9zdmc+"
|
||||
/>
|
||||
</button>
|
||||
<ul
|
||||
class="usa-nav__primary usa-accordion"
|
||||
>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
data-cy="nav-link-about"
|
||||
href="/en/"
|
||||
>
|
||||
About
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
data-cy="nav-link-explore-the-tool"
|
||||
href="/en/cejst"
|
||||
>
|
||||
Explore the tool
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
data-cy="nav-link-methodology"
|
||||
href="/en/methodology"
|
||||
>
|
||||
Data & methodology
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
data-cy="nav-link-contact"
|
||||
href="/en/contact"
|
||||
>
|
||||
Contact
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<nav
|
||||
class="usa-nav j40-header"
|
||||
>
|
||||
<button
|
||||
class="usa-nav__close"
|
||||
data-testid="navCloseButton"
|
||||
type="button"
|
||||
>
|
||||
<img
|
||||
alt="close"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5jbG9zZTwvdGl0bGU+PHBhdGggZmlsbD0iIzU2NUM2NSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNTcuMDQyIDEuMTVsNS44MDkgNS44MDhhNCA0IDAgMCAxIDAgNS42NTdMNDMuNDY1IDMybDE5LjM4NiAxOS4zODVhNCA0IDAgMCAxIDAgNS42NTdsLTUuODA5IDUuODA5YTQgNCAwIDAgMS01LjY1NyAwTDMyIDQzLjQ2NSAxMi42MTUgNjIuODUxYTQgNCAwIDAgMS01LjY1NyAwbC01LjgwOS01LjgwOWE0IDQgMCAwIDEgMC01LjY1N0wyMC41MzUgMzIgMS4xNDkgMTIuNjE1YTQgNCAwIDAgMSAwLTUuNjU3bDUuODA5LTUuODA5YTQgNCAwIDAgMSA1LjY1NyAwTDMyIDIwLjUzNSA1MS4zODUgMS4xNDlhNCA0IDAgMCAxIDUuNjU3IDB6Ii8+PC9zdmc+"
|
||||
/>
|
||||
</button>
|
||||
<ul
|
||||
class="usa-nav__primary usa-accordion"
|
||||
>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
class="j40-header"
|
||||
data-cy="nav-link-about"
|
||||
href="/en/"
|
||||
>
|
||||
About
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
class="j40-header"
|
||||
data-cy="nav-link-explore-the-tool"
|
||||
href="/en/cejst"
|
||||
>
|
||||
Explore the tool
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
class="j40-header"
|
||||
data-cy="nav-link-methodology"
|
||||
href="/en/methodology"
|
||||
>
|
||||
Data & methodology
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
class="j40-header"
|
||||
data-cy="nav-link-contact"
|
||||
href="/en/contact"
|
||||
>
|
||||
Contact
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main
|
||||
id="main-content"
|
||||
>
|
||||
<div
|
||||
class="grid-container-desktop-lg"
|
||||
data-testid="gridContainer"
|
||||
>
|
||||
<div>
|
||||
<div
|
||||
class="usa-alert usa-alert--info j40-sitealert"
|
||||
data-testid="alert"
|
||||
>
|
||||
<div
|
||||
class="usa-alert__body"
|
||||
>
|
||||
<p
|
||||
class="usa-alert__text"
|
||||
>
|
||||
<span
|
||||
class="j40-sitealert-title"
|
||||
>
|
||||
Public beta
|
||||
</span>
|
||||
<span
|
||||
class="j40-sitealert-body"
|
||||
>
|
||||
— This website may be continuously updated
|
||||
</span>
|
||||
<br />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="grid-container-desktop-lg"
|
||||
data-testid="gridContainer"
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
exports[`rendering of the DatasetContainer checks if various text fields are visible 1`] = `
|
||||
<DocumentFragment>
|
||||
<header
|
||||
class="usa-header usa-header--basic usa-header j40-header"
|
||||
class="usa-header usa-header--basic"
|
||||
data-testid="header"
|
||||
role="banner"
|
||||
>
|
||||
|
|
@ -138,148 +138,131 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
|
|||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div>
|
||||
<div>
|
||||
<div />
|
||||
<div>
|
||||
<span>
|
||||
This is a Beta site.
|
||||
</span>
|
||||
<span>
|
||||
It is an early, in-progress version of the tool with limited data
|
||||
sets that will be continuously updated.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="usa-nav-container"
|
||||
class="grid-container-desktop-lg"
|
||||
data-testid="gridContainer"
|
||||
>
|
||||
<div
|
||||
class="usa-navbar"
|
||||
class="grid-row"
|
||||
data-testid="grid"
|
||||
>
|
||||
<div
|
||||
class="usa-logo"
|
||||
class="grid-col-1"
|
||||
data-testid="grid"
|
||||
>
|
||||
<img
|
||||
alt="Climate and Economic Justice Screening Tool"
|
||||
class="j40-sitelogo"
|
||||
src="test-file-stub"
|
||||
/>
|
||||
<span
|
||||
class="usa-logo__text j40-title"
|
||||
>
|
||||
<span
|
||||
class="j40-title-line1"
|
||||
>
|
||||
Climate and Economic Justice
|
||||
</span>
|
||||
<br />
|
||||
<span
|
||||
class="j40-title-line2"
|
||||
>
|
||||
Screening Tool
|
||||
</span>
|
||||
<span
|
||||
class="usa-tag j40"
|
||||
data-testid="tag"
|
||||
>
|
||||
Beta
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<button
|
||||
class="usa-menu-btn"
|
||||
data-testid="navMenuButton"
|
||||
type="button"
|
||||
<div
|
||||
class="grid-col-6"
|
||||
data-testid="grid"
|
||||
>
|
||||
Menu
|
||||
</button>
|
||||
<div>
|
||||
<div>
|
||||
Climate and Economic Justice
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
Screening Tool
|
||||
</div>
|
||||
<div>
|
||||
BETA
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="grid-col-fill"
|
||||
data-testid="grid"
|
||||
>
|
||||
<button
|
||||
class="usa-menu-btn"
|
||||
data-testid="navMenuButton"
|
||||
type="button"
|
||||
>
|
||||
Menu
|
||||
</button>
|
||||
<nav
|
||||
class="usa-nav"
|
||||
>
|
||||
<button
|
||||
class="usa-nav__close"
|
||||
data-testid="navCloseButton"
|
||||
type="button"
|
||||
>
|
||||
<img
|
||||
alt="close"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5jbG9zZTwvdGl0bGU+PHBhdGggZmlsbD0iIzU2NUM2NSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNTcuMDQyIDEuMTVsNS44MDkgNS44MDhhNCA0IDAgMCAxIDAgNS42NTdMNDMuNDY1IDMybDE5LjM4NiAxOS4zODVhNCA0IDAgMCAxIDAgNS42NTdsLTUuODA5IDUuODA5YTQgNCAwIDAgMS01LjY1NyAwTDMyIDQzLjQ2NSAxMi42MTUgNjIuODUxYTQgNCAwIDAgMS01LjY1NyAwbC01LjgwOS01LjgwOWE0IDQgMCAwIDEgMC01LjY1N0wyMC41MzUgMzIgMS4xNDkgMTIuNjE1YTQgNCAwIDAgMSAwLTUuNjU3bDUuODA5LTUuODA5YTQgNCAwIDAgMSA1LjY1NyAwTDMyIDIwLjUzNSA1MS4zODUgMS4xNDlhNCA0IDAgMCAxIDUuNjU3IDB6Ii8+PC9zdmc+"
|
||||
/>
|
||||
</button>
|
||||
<ul
|
||||
class="usa-nav__primary usa-accordion"
|
||||
>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
data-cy="nav-link-about"
|
||||
href="/en/"
|
||||
>
|
||||
About
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
data-cy="nav-link-explore-the-tool"
|
||||
href="/en/cejst"
|
||||
>
|
||||
Explore the tool
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
data-cy="nav-link-methodology"
|
||||
href="/en/methodology"
|
||||
>
|
||||
Data & methodology
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
data-cy="nav-link-contact"
|
||||
href="/en/contact"
|
||||
>
|
||||
Contact
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<nav
|
||||
class="usa-nav j40-header"
|
||||
>
|
||||
<button
|
||||
class="usa-nav__close"
|
||||
data-testid="navCloseButton"
|
||||
type="button"
|
||||
>
|
||||
<img
|
||||
alt="close"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5jbG9zZTwvdGl0bGU+PHBhdGggZmlsbD0iIzU2NUM2NSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNTcuMDQyIDEuMTVsNS44MDkgNS44MDhhNCA0IDAgMCAxIDAgNS42NTdMNDMuNDY1IDMybDE5LjM4NiAxOS4zODVhNCA0IDAgMCAxIDAgNS42NTdsLTUuODA5IDUuODA5YTQgNCAwIDAgMS01LjY1NyAwTDMyIDQzLjQ2NSAxMi42MTUgNjIuODUxYTQgNCAwIDAgMS01LjY1NyAwbC01LjgwOS01LjgwOWE0IDQgMCAwIDEgMC01LjY1N0wyMC41MzUgMzIgMS4xNDkgMTIuNjE1YTQgNCAwIDAgMSAwLTUuNjU3bDUuODA5LTUuODA5YTQgNCAwIDAgMSA1LjY1NyAwTDMyIDIwLjUzNSA1MS4zODUgMS4xNDlhNCA0IDAgMCAxIDUuNjU3IDB6Ii8+PC9zdmc+"
|
||||
/>
|
||||
</button>
|
||||
<ul
|
||||
class="usa-nav__primary usa-accordion"
|
||||
>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
class="j40-header"
|
||||
data-cy="nav-link-about"
|
||||
href="/en/"
|
||||
>
|
||||
About
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
class="j40-header"
|
||||
data-cy="nav-link-explore-the-tool"
|
||||
href="/en/cejst"
|
||||
>
|
||||
Explore the tool
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
class="j40-header"
|
||||
data-cy="nav-link-methodology"
|
||||
href="/en/methodology"
|
||||
>
|
||||
Data & methodology
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
class="j40-header"
|
||||
data-cy="nav-link-contact"
|
||||
href="/en/contact"
|
||||
>
|
||||
Contact
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main
|
||||
id="main-content"
|
||||
>
|
||||
<div
|
||||
class="grid-container-desktop-lg"
|
||||
data-testid="gridContainer"
|
||||
>
|
||||
<div>
|
||||
<div
|
||||
class="usa-alert usa-alert--info j40-sitealert"
|
||||
data-testid="alert"
|
||||
>
|
||||
<div
|
||||
class="usa-alert__body"
|
||||
>
|
||||
<p
|
||||
class="usa-alert__text"
|
||||
>
|
||||
<span
|
||||
class="j40-sitealert-title"
|
||||
>
|
||||
Public beta
|
||||
</span>
|
||||
<span
|
||||
class="j40-sitealert-body"
|
||||
>
|
||||
— This website may be continuously updated
|
||||
</span>
|
||||
<br />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="grid-container-desktop-lg"
|
||||
data-testid="gridContainer"
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
exports[`rendering of the DatasetContainer checks if various text fields are visible 1`] = `
|
||||
<DocumentFragment>
|
||||
<header
|
||||
class="usa-header usa-header--basic usa-header j40-header"
|
||||
class="usa-header usa-header--basic"
|
||||
data-testid="header"
|
||||
role="banner"
|
||||
>
|
||||
|
|
@ -138,148 +138,131 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
|
|||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div>
|
||||
<div>
|
||||
<div />
|
||||
<div>
|
||||
<span>
|
||||
This is a Beta site.
|
||||
</span>
|
||||
<span>
|
||||
It is an early, in-progress version of the tool with limited data
|
||||
sets that will be continuously updated.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="usa-nav-container"
|
||||
class="grid-container-desktop-lg"
|
||||
data-testid="gridContainer"
|
||||
>
|
||||
<div
|
||||
class="usa-navbar"
|
||||
class="grid-row"
|
||||
data-testid="grid"
|
||||
>
|
||||
<div
|
||||
class="usa-logo"
|
||||
class="grid-col-1"
|
||||
data-testid="grid"
|
||||
>
|
||||
<img
|
||||
alt="Climate and Economic Justice Screening Tool"
|
||||
class="j40-sitelogo"
|
||||
src="test-file-stub"
|
||||
/>
|
||||
<span
|
||||
class="usa-logo__text j40-title"
|
||||
>
|
||||
<span
|
||||
class="j40-title-line1"
|
||||
>
|
||||
Climate and Economic Justice
|
||||
</span>
|
||||
<br />
|
||||
<span
|
||||
class="j40-title-line2"
|
||||
>
|
||||
Screening Tool
|
||||
</span>
|
||||
<span
|
||||
class="usa-tag j40"
|
||||
data-testid="tag"
|
||||
>
|
||||
Beta
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<button
|
||||
class="usa-menu-btn"
|
||||
data-testid="navMenuButton"
|
||||
type="button"
|
||||
<div
|
||||
class="grid-col-6"
|
||||
data-testid="grid"
|
||||
>
|
||||
Menu
|
||||
</button>
|
||||
<div>
|
||||
<div>
|
||||
Climate and Economic Justice
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
Screening Tool
|
||||
</div>
|
||||
<div>
|
||||
BETA
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="grid-col-fill"
|
||||
data-testid="grid"
|
||||
>
|
||||
<button
|
||||
class="usa-menu-btn"
|
||||
data-testid="navMenuButton"
|
||||
type="button"
|
||||
>
|
||||
Menu
|
||||
</button>
|
||||
<nav
|
||||
class="usa-nav"
|
||||
>
|
||||
<button
|
||||
class="usa-nav__close"
|
||||
data-testid="navCloseButton"
|
||||
type="button"
|
||||
>
|
||||
<img
|
||||
alt="close"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5jbG9zZTwvdGl0bGU+PHBhdGggZmlsbD0iIzU2NUM2NSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNTcuMDQyIDEuMTVsNS44MDkgNS44MDhhNCA0IDAgMCAxIDAgNS42NTdMNDMuNDY1IDMybDE5LjM4NiAxOS4zODVhNCA0IDAgMCAxIDAgNS42NTdsLTUuODA5IDUuODA5YTQgNCAwIDAgMS01LjY1NyAwTDMyIDQzLjQ2NSAxMi42MTUgNjIuODUxYTQgNCAwIDAgMS01LjY1NyAwbC01LjgwOS01LjgwOWE0IDQgMCAwIDEgMC01LjY1N0wyMC41MzUgMzIgMS4xNDkgMTIuNjE1YTQgNCAwIDAgMSAwLTUuNjU3bDUuODA5LTUuODA5YTQgNCAwIDAgMSA1LjY1NyAwTDMyIDIwLjUzNSA1MS4zODUgMS4xNDlhNCA0IDAgMCAxIDUuNjU3IDB6Ii8+PC9zdmc+"
|
||||
/>
|
||||
</button>
|
||||
<ul
|
||||
class="usa-nav__primary usa-accordion"
|
||||
>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
data-cy="nav-link-about"
|
||||
href="/en/"
|
||||
>
|
||||
About
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
data-cy="nav-link-explore-the-tool"
|
||||
href="/en/cejst"
|
||||
>
|
||||
Explore the tool
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
data-cy="nav-link-methodology"
|
||||
href="/en/methodology"
|
||||
>
|
||||
Data & methodology
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
data-cy="nav-link-contact"
|
||||
href="/en/contact"
|
||||
>
|
||||
Contact
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<nav
|
||||
class="usa-nav j40-header"
|
||||
>
|
||||
<button
|
||||
class="usa-nav__close"
|
||||
data-testid="navCloseButton"
|
||||
type="button"
|
||||
>
|
||||
<img
|
||||
alt="close"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5jbG9zZTwvdGl0bGU+PHBhdGggZmlsbD0iIzU2NUM2NSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNTcuMDQyIDEuMTVsNS44MDkgNS44MDhhNCA0IDAgMCAxIDAgNS42NTdMNDMuNDY1IDMybDE5LjM4NiAxOS4zODVhNCA0IDAgMCAxIDAgNS42NTdsLTUuODA5IDUuODA5YTQgNCAwIDAgMS01LjY1NyAwTDMyIDQzLjQ2NSAxMi42MTUgNjIuODUxYTQgNCAwIDAgMS01LjY1NyAwbC01LjgwOS01LjgwOWE0IDQgMCAwIDEgMC01LjY1N0wyMC41MzUgMzIgMS4xNDkgMTIuNjE1YTQgNCAwIDAgMSAwLTUuNjU3bDUuODA5LTUuODA5YTQgNCAwIDAgMSA1LjY1NyAwTDMyIDIwLjUzNSA1MS4zODUgMS4xNDlhNCA0IDAgMCAxIDUuNjU3IDB6Ii8+PC9zdmc+"
|
||||
/>
|
||||
</button>
|
||||
<ul
|
||||
class="usa-nav__primary usa-accordion"
|
||||
>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
class="j40-header"
|
||||
data-cy="nav-link-about"
|
||||
href="/en/"
|
||||
>
|
||||
About
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
class="j40-header"
|
||||
data-cy="nav-link-explore-the-tool"
|
||||
href="/en/cejst"
|
||||
>
|
||||
Explore the tool
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
class="j40-header"
|
||||
data-cy="nav-link-methodology"
|
||||
href="/en/methodology"
|
||||
>
|
||||
Data & methodology
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="usa-nav__primary-item"
|
||||
>
|
||||
<a
|
||||
class="j40-header"
|
||||
data-cy="nav-link-contact"
|
||||
href="/en/contact"
|
||||
>
|
||||
Contact
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main
|
||||
id="main-content"
|
||||
>
|
||||
<div
|
||||
class="grid-container-desktop-lg"
|
||||
data-testid="gridContainer"
|
||||
>
|
||||
<div>
|
||||
<div
|
||||
class="usa-alert usa-alert--info j40-sitealert"
|
||||
data-testid="alert"
|
||||
>
|
||||
<div
|
||||
class="usa-alert__body"
|
||||
>
|
||||
<p
|
||||
class="usa-alert__text"
|
||||
>
|
||||
<span
|
||||
class="j40-sitealert-title"
|
||||
>
|
||||
Public beta
|
||||
</span>
|
||||
<span
|
||||
class="j40-sitealert-body"
|
||||
>
|
||||
— This website may be continuously updated
|
||||
</span>
|
||||
<br />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="grid-container-desktop-lg"
|
||||
data-testid="gridContainer"
|
||||
|
|
@ -366,32 +349,6 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
|
|||
class="grid-col-12"
|
||||
data-testid="grid"
|
||||
>
|
||||
<div>
|
||||
<div
|
||||
class="usa-alert usa-alert--warning j40-sitealert"
|
||||
data-testid="alert"
|
||||
>
|
||||
<div
|
||||
class="usa-alert__body"
|
||||
>
|
||||
<p
|
||||
class="usa-alert__text"
|
||||
>
|
||||
<span
|
||||
class="j40-sitealert-title"
|
||||
>
|
||||
Limited data sources
|
||||
</span>
|
||||
<span
|
||||
class="j40-sitealert-body"
|
||||
>
|
||||
— Datasets may be added, updated, or removed.
|
||||
</span>
|
||||
<br />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h2>
|
||||
Datasets used in methodology
|
||||
</h2>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,6 @@ import React from 'react';
|
|||
import {useIntl} from 'gatsby-plugin-intl';
|
||||
import {Grid} from '@trussworks/react-uswds';
|
||||
|
||||
import AlertWrapper from '../components/AlertWrapper';
|
||||
import HowYouCanHelp from '../components/HowYouCanHelp';
|
||||
import J40MainGridContainer from '../components/J40MainGridContainer';
|
||||
import Layout from '../components/layout';
|
||||
|
|
@ -22,9 +21,6 @@ const CEJSTPage = ({location}: IMapPageProps) => {
|
|||
|
||||
|
||||
return (<Layout location={location} title={intl.formatMessage(EXPLORE_COPY.PAGE_INTRO.PAGE_TILE)}>
|
||||
<J40MainGridContainer>
|
||||
<AlertWrapper showBetaAlert={true} showLimitedDataAlert={false}/>
|
||||
</J40MainGridContainer>
|
||||
|
||||
<J40MainGridContainer>
|
||||
<h1>{intl.formatMessage(EXPLORE_COPY.PAGE_INTRO.PAGE_HEADING)}</h1>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,6 @@ import * as React from 'react';
|
|||
import {Grid} from '@trussworks/react-uswds';
|
||||
import {useIntl, FormattedMessage} from 'gatsby-plugin-intl';
|
||||
|
||||
import AlertWrapper from '../components/AlertWrapper';
|
||||
import J40MainGridContainer from '../components/J40MainGridContainer';
|
||||
import Layout from '../components/layout';
|
||||
|
||||
|
|
@ -18,10 +17,6 @@ const ContactPage = ({location}: IContactPageProps) => {
|
|||
return (
|
||||
<Layout location={location} title={intl.formatMessage(CONTACT_COPY.PAGE_INTRO.PAGE_TILE)}>
|
||||
|
||||
<J40MainGridContainer>
|
||||
<AlertWrapper showBetaAlert={true} showLimitedDataAlert={false}/>
|
||||
</J40MainGridContainer>
|
||||
|
||||
<J40MainGridContainer>
|
||||
<Grid row>
|
||||
<Grid col>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@ import {useIntl} from 'gatsby-plugin-intl';
|
|||
|
||||
import AboutCard from '../components/AboutCard/AboutCard';
|
||||
import AboutCardsContainer from '../components/AboutCard/AboutCardsContainer';
|
||||
import AlertWrapper from '../components/AlertWrapper';
|
||||
import J40MainGridContainer from '../components/J40MainGridContainer';
|
||||
import Layout from '../components/layout';
|
||||
|
||||
|
|
@ -36,9 +35,6 @@ const IndexPage = ({location}: IndexPageProps) => {
|
|||
|
||||
return (
|
||||
<Layout location={location} title={intl.formatMessage(ABOUT_COPY.PAGE.TILE)}>
|
||||
<J40MainGridContainer>
|
||||
<AlertWrapper showBetaAlert={true} showLimitedDataAlert={false}/>
|
||||
</J40MainGridContainer>
|
||||
|
||||
<J40MainGridContainer>
|
||||
<h1 data-cy={'about-page-heading'}>{intl.formatMessage(ABOUT_COPY.PAGE.HEADING)}</h1>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,6 @@ import * as React from 'react';
|
|||
import {Grid} from '@trussworks/react-uswds';
|
||||
import {useIntl} from 'gatsby-plugin-intl';
|
||||
|
||||
import AlertWrapper from '../components/AlertWrapper';
|
||||
import DatasetContainer from '../components/DatasetContainer';
|
||||
import DownloadPacket from '../components/DownloadPacket';
|
||||
import J40MainGridContainer from '../components/J40MainGridContainer';
|
||||
|
|
@ -22,10 +21,6 @@ const IndexPage = ({location}: MethodPageProps) => {
|
|||
return (
|
||||
<Layout location={location} title={intl.formatMessage(METHODOLOGY_COPY.PAGE.TILE)}>
|
||||
|
||||
<J40MainGridContainer>
|
||||
<AlertWrapper showBetaAlert={true} showLimitedDataAlert={false}/>
|
||||
</J40MainGridContainer>
|
||||
|
||||
<J40MainGridContainer>
|
||||
<h1>{intl.formatMessage(METHODOLOGY_COPY.PAGE.HEADING)}</h1>
|
||||
<Grid row gap className={'j40-mb-5'}>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue