Update footer

- add PEC
- add RFI
- add github link
This commit is contained in:
Vim USDS 2022-04-05 19:11:46 -07:00
parent d718cba902
commit 9eb79165eb
13 changed files with 415 additions and 56 deletions

View file

@ -13,6 +13,7 @@ import SurveyButton from '../SurveyButton';
// @ts-ignore
import whitehouseIcon from '../../images/eop-seal.svg';
import {PAGES_ENDPOINTS} from '../../data/constants';
import * as COMMON_COPY from '../../data/copy/common';
const J40Footer = () => {
@ -35,12 +36,28 @@ const J40Footer = () => {
],
[
intl.formatMessage(COMMON_COPY.FOOTER.MORE_INFO),
<LinkTypeWrapper
linkText={intl.formatMessage(COMMON_COPY.FOOTER.ENG_CAL)}
internal={true}
url={PAGES_ENDPOINTS.PUBLIC_ENG}
openUrlNewTab={false}
className={'footer-link-first-child'}
key={'publiceng'}
dataCy={hyphenizeString(COMMON_COPY.FOOTER.ENG_CAL.defaultMessage)}
/>,
<LinkTypeWrapper
linkText={intl.formatMessage(COMMON_COPY.FOOTER.RFI)}
internal={false}
url={intl.formatMessage(COMMON_COPY.FOOTER.RFI_LINK)}
openUrlNewTab={true}
key={'rfilink'}
dataCy={hyphenizeString(COMMON_COPY.FOOTER.RFI.defaultMessage)}
/>,
<LinkTypeWrapper
linkText={intl.formatMessage(COMMON_COPY.FOOTER.WHITEHOUSE)}
internal={false}
url={intl.formatMessage(COMMON_COPY.FOOTER.WHITEHOUSE_LINK)}
openUrlNewTab={true}
className={'footer-link-first-child'}
key={'whitehouselink2'}
dataCy={hyphenizeString(COMMON_COPY.FOOTER.WHITEHOUSE.defaultMessage)}
/>,
@ -60,19 +77,27 @@ const J40Footer = () => {
key={'privacylink'}
dataCy={hyphenizeString(COMMON_COPY.FOOTER.PRIVACY.defaultMessage)}
/>,
],
[
intl.formatMessage(COMMON_COPY.FOOTER.QUESTIONS),
<LinkTypeWrapper
linkText={intl.formatMessage(COMMON_COPY.FOOTER.FIND_CONTACT)}
internal={false}
url={intl.formatMessage(COMMON_COPY.FOOTER.FIND_CONTACT_LINK)}
openUrlNewTab={true}
className={'footer-link-first-child'}
key={'contactlink'}
dataCy={hyphenizeString(COMMON_COPY.FOOTER.FIND_CONTACT.defaultMessage)}
/>,
],
[
intl.formatMessage(COMMON_COPY.FOOTER.CONTRIBUTE),
<LinkTypeWrapper
linkText={intl.formatMessage(COMMON_COPY.FOOTER.GITHUB_LINK_TEXT)}
internal={false}
url={intl.formatMessage(COMMON_COPY.FOOTER.GITHUB_LINK)}
openUrlNewTab={true}
className={'footer-link-first-child'}
key={'contactlink'}
dataCy={hyphenizeString(COMMON_COPY.FOOTER.GITHUB_LINK_TEXT.defaultMessage)}
/>,
],
];
// see https://designsystem.digital.gov/components/footer/

View file

@ -79,7 +79,30 @@ exports[`J40Footer renders correctly 1`] = `
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external footer-link-first-child"
class="footer-link-first-child"
href="/en/public-engagement"
>
Engagement calender
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-infomation"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Infomation
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -114,6 +137,19 @@ exports[`J40Footer renders correctly 1`] = `
Privacy Policy
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="find-a-contact-at-usa-gov"
href="https://www.usa.gov/"
rel="noreferrer"
target="_blank"
>
Find a contact at USA.gov
</a>
</li>
</ul>
</section>
</div>
@ -124,7 +160,7 @@ exports[`J40Footer renders correctly 1`] = `
<div
class="j40-h4"
>
Have a question about government services?
Want to contribute?
</div>
<ul
class="usa-list usa-list--unstyled"
@ -134,12 +170,12 @@ exports[`J40Footer renders correctly 1`] = `
>
<a
class="usa-link usa-link--external footer-link-first-child"
data-cy="find-a-contact-at-usa-gov"
href="https://www.usa.gov/"
data-cy="check-out-the-code-on-github"
href="https://github.com/usds/justice40-tool"
rel="noreferrer"
target="_blank"
>
Find a contact at USA.gov
Check out the code on GitHub
</a>
</li>
</ul>

View file

@ -31,7 +31,9 @@ interface ILinkTypeWrapper {
const LinkTypeWrapper = (props:ILinkTypeWrapper) => {
if (props.internal) {
return (
<Link to={`${props.url}`}>
<Link to={`${props.url}`}
className={props.className}
>
{props.linkText}
</Link>
);

View file

@ -17,6 +17,7 @@ export const simpleLink = (href:string) => (str:string) => <a href={href}>{str}<
// eslint-disable-next-line max-len
export const linkFn = (to:string, isInternal:boolean, isOpenNewTab:boolean) => (str:string) => <LinkTypeWrapper linkText={str} internal={isInternal} url={to} openUrlNewTab={isOpenNewTab}/>;
export const RFI_LINK = `https://www.federalregister.gov/d/2022-03920`;
export const FEEDBACK_EMAIL = 'Screeningtool-Support@omb.eop.gov';
@ -128,6 +129,21 @@ export const FOOTER = defineMessages({
defaultMessage: 'More information',
description: 'Navigate to the about page. This is Footer column header',
},
ENG_CAL: {
id: 'common.pages.footer.eng.cal.text',
defaultMessage: 'Engagement calender',
description: 'Navigate to the about page. This is Footer eng.cal.gov link text',
},
RFI: {
id: 'common.pages.footer.rfi.text',
defaultMessage: 'Request for Infomation',
description: 'Navigate to the about page. This is Footer rfi link text',
},
RFI_LINK: {
id: 'common.pages.footer.rfi.link',
defaultMessage: RFI_LINK,
description: 'Navigate to the about page. This is Footer rfi link',
},
WHITEHOUSE: {
id: 'common.pages.footer.whitehouse.text',
defaultMessage: 'Whitehouse.gov',
@ -158,11 +174,6 @@ export const FOOTER = defineMessages({
defaultMessage: 'Whitehouse logo',
description: 'Navigate to the about page. This is Footer Whitehouse logo alt text',
},
QUESTIONS: {
id: 'common.pages.footer.questionsheader',
defaultMessage: 'Have a question about government services?',
description: 'Navigate to the about page. This is Footer column header',
},
FIND_CONTACT: {
id: 'common.pages.footer.findcontact',
defaultMessage: 'Find a contact at USA.gov',
@ -173,6 +184,21 @@ export const FOOTER = defineMessages({
defaultMessage: 'https://www.usa.gov/',
description: 'Navigate to the about page. This is Footer find contact link text',
},
CONTRIBUTE: {
id: 'common.pages.footer.contribute.header',
defaultMessage: 'Want to contribute?',
description: 'Navigate to the about page. This is third Footer column header',
},
GITHUB_LINK_TEXT: {
id: 'common.pages.footer.github.link.text',
defaultMessage: 'Check out the code on GitHub',
description: 'Navigate to the about page. This is Footer github link text',
},
GITHUB_LINK: {
id: 'common.pages.footer.findcontact.link',
defaultMessage: 'https://github.com/usds/justice40-tool',
description: 'Navigate to the about page. This is Footer find contact link text',
},
CONTACT: {
id: 'common.pages.footer.contactheader',
defaultMessage: 'Contact',

View file

@ -5,6 +5,7 @@ import {FormattedMessage} from 'gatsby-plugin-intl';
import * as COMMON_COPY from './common';
import {PAGES_ENDPOINTS} from '../constants';
export const PAGE_INTRO = defineMessages({
PAGE_TILE: {
id: 'contact.page.title.text',
@ -46,7 +47,7 @@ export const RFI_BOX_BODY = <FormattedMessage
defaultMessage={`During the beta period, comments may be submitted on the Climate and Economic Justice Screening Tool via CEQs Request for Information available on <link1>federalregister.gov</link1>.`}
description={'Navigate to the contact page, this is the body of the request for information box'}
values={{
link1: COMMON_COPY.linkFn(`https://www.federalregister.gov/d/2022-03920`, false, true),
link1: COMMON_COPY.linkFn(COMMON_COPY.RFI_LINK, false, true),
}}
/>;

View file

@ -119,18 +119,30 @@
"defaultMessage": "Contact",
"description": "Navigate to the about page. This is Footer column header"
},
"common.pages.footer.contribute.header": {
"defaultMessage": "Want to contribute?",
"description": "Navigate to the about page. This is third Footer column header"
},
"common.pages.footer.eng.cal.text": {
"defaultMessage": "Engagement calender",
"description": "Navigate to the about page. This is Footer eng.cal.gov link text"
},
"common.pages.footer.findcontact": {
"defaultMessage": "Find a contact at USA.gov",
"description": "Navigate to the about page. This is Footer find contact link text"
},
"common.pages.footer.findcontact.link": {
"defaultMessage": "https://www.usa.gov/",
"defaultMessage": "https://github.com/usds/justice40-tool",
"description": "Navigate to the about page. This is Footer find contact link text"
},
"common.pages.footer.foia.text": {
"defaultMessage": "Freedom of Information Act (FOIA)",
"description": "Navigate to the about page. This is Footer FOIA link text"
},
"common.pages.footer.github.link.text": {
"defaultMessage": "Check out the code on GitHub",
"description": "Navigate to the about page. This is Footer github link text"
},
"common.pages.footer.logo.title": {
"defaultMessage": "Council on Environmental Quality",
"description": "Navigate to the about page. This is Footer under logo"
@ -147,9 +159,12 @@
"defaultMessage": "Privacy Policy",
"description": "Navigate to the about page. This is Footer privacy policy link text"
},
"common.pages.footer.questionsheader": {
"defaultMessage": "Have a question about government services?",
"description": "Navigate to the about page. This is Footer column header"
"common.pages.footer.rfi.link": {
"description": "Navigate to the about page. This is Footer rfi link"
},
"common.pages.footer.rfi.text": {
"defaultMessage": "Request for Infomation",
"description": "Navigate to the about page. This is Footer rfi link text"
},
"common.pages.footer.whitehouse.link": {
"defaultMessage": "https://www.whitehouse.gov/",

View file

@ -585,6 +585,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="j40-aboutcard-sm-link"
>
<a
class="j40-aboutcard-link"
href="/en/methodology"
>
Methodology & data
@ -639,6 +640,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="j40-aboutcard-sm-link"
>
<a
class="j40-aboutcard-link"
href="/en/"
>
Explore the tool
@ -864,7 +866,30 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external footer-link-first-child"
class="footer-link-first-child"
href="/en/public-engagement"
>
Engagement calender
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-infomation"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Infomation
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -899,6 +924,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Privacy Policy
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="find-a-contact-at-usa-gov"
href="https://www.usa.gov/"
rel="noreferrer"
target="_blank"
>
Find a contact at USA.gov
</a>
</li>
</ul>
</section>
</div>
@ -909,7 +947,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
<div
class="j40-h4"
>
Have a question about government services?
Want to contribute?
</div>
<ul
class="usa-list usa-list--unstyled"
@ -919,12 +957,12 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
<a
class="usa-link usa-link--external footer-link-first-child"
data-cy="find-a-contact-at-usa-gov"
href="https://www.usa.gov/"
data-cy="check-out-the-code-on-github"
href="https://github.com/usds/justice40-tool"
rel="noreferrer"
target="_blank"
>
Find a contact at USA.gov
Check out the code on GitHub
</a>
</li>
</ul>

View file

@ -521,7 +521,30 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external footer-link-first-child"
class="footer-link-first-child"
href="/en/public-engagement"
>
Engagement calender
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-infomation"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Infomation
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -556,6 +579,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Privacy Policy
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="find-a-contact-at-usa-gov"
href="https://www.usa.gov/"
rel="noreferrer"
target="_blank"
>
Find a contact at USA.gov
</a>
</li>
</ul>
</section>
</div>
@ -566,7 +602,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
<div
class="j40-h4"
>
Have a question about government services?
Want to contribute?
</div>
<ul
class="usa-list usa-list--unstyled"
@ -576,12 +612,12 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
<a
class="usa-link usa-link--external footer-link-first-child"
data-cy="find-a-contact-at-usa-gov"
href="https://www.usa.gov/"
data-cy="check-out-the-code-on-github"
href="https://github.com/usds/justice40-tool"
rel="noreferrer"
target="_blank"
>
Find a contact at USA.gov
Check out the code on GitHub
</a>
</li>
</ul>

View file

@ -436,7 +436,30 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external footer-link-first-child"
class="footer-link-first-child"
href="/en/public-engagement"
>
Engagement calender
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-infomation"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Infomation
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -471,6 +494,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Privacy Policy
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="find-a-contact-at-usa-gov"
href="https://www.usa.gov/"
rel="noreferrer"
target="_blank"
>
Find a contact at USA.gov
</a>
</li>
</ul>
</section>
</div>
@ -481,7 +517,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
<div
class="j40-h4"
>
Have a question about government services?
Want to contribute?
</div>
<ul
class="usa-list usa-list--unstyled"
@ -491,12 +527,12 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
<a
class="usa-link usa-link--external footer-link-first-child"
data-cy="find-a-contact-at-usa-gov"
href="https://www.usa.gov/"
data-cy="check-out-the-code-on-github"
href="https://github.com/usds/justice40-tool"
rel="noreferrer"
target="_blank"
>
Find a contact at USA.gov
Check out the code on GitHub
</a>
</li>
</ul>

View file

@ -398,7 +398,30 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external footer-link-first-child"
class="footer-link-first-child"
href="/en/public-engagement"
>
Engagement calender
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-infomation"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Infomation
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -433,6 +456,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Privacy Policy
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="find-a-contact-at-usa-gov"
href="https://www.usa.gov/"
rel="noreferrer"
target="_blank"
>
Find a contact at USA.gov
</a>
</li>
</ul>
</section>
</div>
@ -443,7 +479,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
<div
class="j40-h4"
>
Have a question about government services?
Want to contribute?
</div>
<ul
class="usa-list usa-list--unstyled"
@ -453,12 +489,12 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
<a
class="usa-link usa-link--external footer-link-first-child"
data-cy="find-a-contact-at-usa-gov"
href="https://www.usa.gov/"
data-cy="check-out-the-code-on-github"
href="https://github.com/usds/justice40-tool"
rel="noreferrer"
target="_blank"
>
Find a contact at USA.gov
Check out the code on GitHub
</a>
</li>
</ul>

View file

@ -2434,7 +2434,30 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external footer-link-first-child"
class="footer-link-first-child"
href="/en/public-engagement"
>
Engagement calender
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-infomation"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Infomation
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -2469,6 +2492,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Privacy Policy
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="find-a-contact-at-usa-gov"
href="https://www.usa.gov/"
rel="noreferrer"
target="_blank"
>
Find a contact at USA.gov
</a>
</li>
</ul>
</section>
</div>
@ -2479,7 +2515,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
<div
class="j40-h4"
>
Have a question about government services?
Want to contribute?
</div>
<ul
class="usa-list usa-list--unstyled"
@ -2489,12 +2525,12 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
<a
class="usa-link usa-link--external footer-link-first-child"
data-cy="find-a-contact-at-usa-gov"
href="https://www.usa.gov/"
data-cy="check-out-the-code-on-github"
href="https://github.com/usds/justice40-tool"
rel="noreferrer"
target="_blank"
>
Find a contact at USA.gov
Check out the code on GitHub
</a>
</li>
</ul>

View file

@ -873,7 +873,30 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external footer-link-first-child"
class="footer-link-first-child"
href="/en/public-engagement"
>
Engagement calender
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-infomation"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Infomation
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -908,6 +931,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Privacy Policy
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="find-a-contact-at-usa-gov"
href="https://www.usa.gov/"
rel="noreferrer"
target="_blank"
>
Find a contact at USA.gov
</a>
</li>
</ul>
</section>
</div>
@ -918,7 +954,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
<div
class="j40-h4"
>
Have a question about government services?
Want to contribute?
</div>
<ul
class="usa-list usa-list--unstyled"
@ -928,12 +964,12 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
<a
class="usa-link usa-link--external footer-link-first-child"
data-cy="find-a-contact-at-usa-gov"
href="https://www.usa.gov/"
data-cy="check-out-the-code-on-github"
href="https://github.com/usds/justice40-tool"
rel="noreferrer"
target="_blank"
>
Find a contact at USA.gov
Check out the code on GitHub
</a>
</li>
</ul>

View file

@ -398,7 +398,30 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external footer-link-first-child"
class="footer-link-first-child"
href="/en/public-engagement"
>
Engagement calender
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="request-for-infomation"
href="https://www.federalregister.gov/d/2022-03920"
rel="noreferrer"
target="_blank"
>
Request for Infomation
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="whitehouse-gov"
href="https://www.whitehouse.gov/"
rel="noreferrer"
@ -433,6 +456,19 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
Privacy Policy
</a>
</li>
<li
class="usa-footer__secondary-link"
>
<a
class="usa-link usa-link--external"
data-cy="find-a-contact-at-usa-gov"
href="https://www.usa.gov/"
rel="noreferrer"
target="_blank"
>
Find a contact at USA.gov
</a>
</li>
</ul>
</section>
</div>
@ -443,7 +479,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
<div
class="j40-h4"
>
Have a question about government services?
Want to contribute?
</div>
<ul
class="usa-list usa-list--unstyled"
@ -453,12 +489,12 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
>
<a
class="usa-link usa-link--external footer-link-first-child"
data-cy="find-a-contact-at-usa-gov"
href="https://www.usa.gov/"
data-cy="check-out-the-code-on-github"
href="https://github.com/usds/justice40-tool"
rel="noreferrer"
target="_blank"
>
Find a contact at USA.gov
Check out the code on GitHub
</a>
</li>
</ul>