mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-01 20:24:18 -07:00
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:
parent
13a5bd008e
commit
acfcf523a7
6 changed files with 152 additions and 55 deletions
56
client/src/components/J40Aside.tsx
Normal file
56
client/src/components/J40Aside.tsx
Normal 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> </p>
|
||||
<h5>
|
||||
<img
|
||||
className={'flex-align-self-center width-4'}
|
||||
src={githubIcon} alt={'github icon'}/>
|
||||
<br/>
|
||||
Join the open source community</h5>
|
||||
<p>
|
||||
Justice40’s 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;
|
|
@ -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',
|
||||
|
|
|
@ -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"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue