Add timeline page (#105)

* Add timeline page
* Factor out common aside into component.
* Update J40Footer.spec.tsx.snap
TODO: Get nav menu working.
This commit is contained in:
TomNUSDS 2021-06-07 09:22:07 -07:00 committed by GitHub
commit acfcf523a7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 152 additions and 55 deletions

View file

@ -0,0 +1,56 @@
import * as React from 'react';
// @ts-ignore
import chatIcon from '/node_modules/uswds/dist/img/usa-icons/chat.svg';
// @ts-ignore
import githubIcon from '/node_modules/uswds/dist/img/usa-icons/github.svg';
const J40Aside = () => {
return (
<>
<aside
aria-labelledby="left-sidebar"
className={'j40-aside desktop:grid-col-3'}
id="left-sidebar">
<section
className={'usa-prose grid-gap grid-container usa-section'}>
<h3 className={'j40-aside-title'}>Get Involved</h3>
<h5>
<img
className={'flex-align-self-center width-4'} src={chatIcon}
alt={'chat icon'}/>
<br/>
Send Feedback
</h5>
<p>Have ideas about how to acknowledge the on-the-ground
experiences of your community?
</p>
Email: <a href="mailto: justice40open@usds.gov">
justice40open@usds.gov</a>
<p>&nbsp;</p>
<h5>
<img
className={'flex-align-self-center width-4'}
src={githubIcon} alt={'github icon'}/>
<br/>
Join the open source community</h5>
<p>
Justice40s code is open source, which means it is available for
the public to view and contribute. Anyone can view and
contribute on GitHub.
</p>
<p>
<a
href={'https://github.com/usds/justice40-tool/' +
'crisis-at-home-and-abroad/'}
target={'_blank'}
rel={'noreferrer'}
key={'github3'}>Check it out on GitHub</a>
</p>
</section>
</aside>
</>
);
};
export default J40Aside;

View file

@ -11,8 +11,7 @@ const J40Footer = () => {
primary={<></>}
secondary={<FooterNav
aria-label="Footer navigation"
size="big" // fyi you leave this off and it silently fails... lovely
className={'nobreak'}
size="big" // fyi you leave this off and it silently fails...
links={[
[
'Agency Partners',

View file

@ -16,7 +16,7 @@ exports[`J40Footer renders correctly 1`] = `
>
<nav
aria-label="Footer navigation"
class="usa-footer__nav nobreak"
class="usa-footer__nav"
>
<div
class="grid-row grid-gap-4"