Implement downloads page and May 25th timed copy changes (#1653)

* Add initial side nav

* Add Download page as a sub-page under Meth&Data

- udpate S3 file path in .envs
- remove the DownloadPacket component
- move download copy from methodology to download
- modify header to use two types of navs:
--  mobile (with sub-pages) and
-- desktop (without subpages)
- create a SubPageNav component
- add SubPagNav to Meth and Download page
- update snapshots
- add global CSS overide to remove minus sign on mobile nav link accordion as it's permanently open

* Remove the update tag above Public eng button

* Make the 3rd bullet on explore page update on 5/25

* Make the RFI box text change after 5/25/22

* Update site with RFI expired copy, remove Alerts

- add Spanish translations
- update snapshots

* Fix typo on XLS file path

* Refactor HowYouCanHelp to standard form

* Add custom download links with icons

- add new DownloadLink compnent
- add Spanish translations

* Update download file sizes

* Allow meth&data nav link to collapse on mobile
This commit is contained in:
Vim 2022-05-26 00:01:04 -04:00 committed by GitHub
commit 226017654a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
46 changed files with 966 additions and 1720 deletions

View file

@ -247,12 +247,43 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
<li
class="usa-nav__primary-item"
>
<a
data-cy="nav-link-methodology"
href="/en/methodology"
<button
aria-controls="methMenu"
aria-expanded="true"
class="usa-accordion__button usa-nav__link"
data-cy="nav-dropdown-methodology"
data-testid="navDropDownButton"
type="button"
>
Methodology & data
</a>
<span>
Methodology & data
</span>
</button>
<ul
class="usa-nav__submenu"
id="methMenu"
>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-methodology"
href="/en/methodology"
>
Methodology & data
</a>
</li>
<li
class="usa-nav__submenu-item"
>
<a
data-cy="nav-link-downloads"
href="/en/downloads"
>
Downloads
</a>
</li>
</ul>
</li>
<li
class="usa-nav__primary-item"
@ -301,79 +332,6 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</div>
</div>
</div>
<div
class="grid-container-desktop-lg"
data-testid="gridContainer"
>
<div
class="usa-alert usa-alert--info"
data-testid="alert"
>
<div
class="usa-alert__body"
>
<h4
class="usa-alert__heading"
>
Additional documentation now available
</h4>
<p
class="usa-alert__text"
>
Download new
<a
class="usa-link usa-link--external"
data-cy=""
href="https://static-data-screeningtool.geoplatform.gov/data-pipeline/data/score/downloadable/cejst_technical_support_document.pdf"
rel="noreferrer"
target="_blank"
>
technical support
</a>
and other documentation and
<a
class="usa-link usa-link--external"
data-cy=""
href="mailto:Screeningtool-Support@omb.eop.gov"
rel="noreferrer"
target="_blank"
>
send feedback
</a>
.
</p>
</div>
</div>
<div
class="usa-alert usa-alert--info"
data-testid="alert"
>
<div
class="usa-alert__body"
>
<h4
class="usa-alert__heading"
>
Public comment period extended
</h4>
<p
class="usa-alert__text"
>
The public comment period for
<a
class="usa-link usa-link--external"
data-cy=""
href="https://www.federalregister.gov/documents/2022/04/25/2022-08774/climate-and-economic-justice-screening-tool-beta-version"
rel="noreferrer"
target="_blank"
>
sending feedback
</a>
via the Request for Information has been extended to May 25, 2022.
</p>
</div>
</div>
</div>
</header>
<main
id="main-content"
@ -389,14 +347,6 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Methodology
</h1>
<div>
<div>
<span
class="usa-tag"
data-testid="tag"
>
UPDATED
</span>
</div>
<a
href="/en/public-engagement"
>
@ -475,152 +425,9 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
</section>
</div>
<div
class="grid-col-12 tablet:grid-col-4"
class="grid-col-12 tablet:grid-col-1"
data-testid="grid"
>
<div
class=""
data-testid="grid"
>
<div>
<div>
<div>
<div>
<span>
NEW
</span>
files available for download
</div>
<div>
Download the data sources used in the CEJST (.csv, .xlxs,
<span>
.pdf
</span>
that describes how to use the list, and a
<span>
codebook
</span>
, 53MB unzipped), the shapefile, along with a
<span>
codebook
</span>
(.zip, 742MB unzipped) or the technical support document (.pdf, 2.5MB unzipped).
</div>
<div>
<div>
<span
class="usa-tag"
data-testid="tag"
>
<strong>
Updated
</strong>
</span>
</div>
<a
data-cy="download-link"
download=""
href="//"
>
<button
class="usa-button"
data-testid="button"
type="button"
>
<span>
<img
alt="download icon for download package"
src="test-file-stub"
/>
</span>
<span>
Download data sources
</span>
</button>
</a>
</div>
<div>
Last updated: 05/04/22
</div>
<div>
<div>
<span
class="usa-tag"
data-testid="tag"
>
<strong>
Updated
</strong>
</span>
</div>
<a
data-cy="shapefile-link"
download=""
href="//"
>
<button
class="usa-button"
data-testid="button"
type="button"
>
<span>
<img
alt="download icon for download package"
src="test-file-stub"
/>
</span>
<span>
Download shapefile
</span>
</button>
</a>
</div>
<div>
Last updated: 04/26/22
</div>
<div>
<div>
<span
class="usa-tag"
data-testid="tag"
>
<strong>
NEW
</strong>
</span>
</div>
<a
data-cy="tsd-link"
download=""
href="//"
rel="noreferrer"
target="_blank"
>
<button
class="usa-button"
data-testid="button"
type="button"
>
<span>
<img
alt="download icon for download package"
src="test-file-stub"
/>
</span>
<span>
Download technical support document
</span>
</button>
</a>
</div>
<div>
Last updated: 04/19/22
</div>
</div>
</div>
</div>
</div>
</div>
/>
</div>
</div>
<div