-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
spike: style poc improvements (#864)
* style poc improvements
- Loading branch information
1 parent
92f4547
commit b4d6274
Showing
13 changed files
with
597 additions
and
666 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,105 +1,83 @@ | ||
| import * as React from 'react'; | ||
| import CssBaseline from '@mui/material/CssBaseline'; | ||
| import Box from '@mui/material/Box'; | ||
|
|
||
| import Container from '@mui/material/Container'; | ||
| import { Button, Typography } from '@mui/material'; | ||
| import { OpenInNew } from '@mui/icons-material'; | ||
| import { theme } from '../Theme'; | ||
| import { MainPageHeader } from '../styles/PageHeader.style'; | ||
| import { ColoredContainer } from '../styles/PageLayout.style'; | ||
|
|
||
| export default function About(): React.ReactElement { | ||
| return ( | ||
| <Container component='main'> | ||
| <CssBaseline /> | ||
| <Box | ||
| sx={{ | ||
| display: 'flex', | ||
| flexDirection: 'column', | ||
| }} | ||
| > | ||
| <MainPageHeader>About</MainPageHeader> | ||
| <ColoredContainer maxWidth={false} sx={{ mt: 3 }}> | ||
| <Typography sx={{ fontWeight: 700 }}> | ||
| The Mobility Database is hosted and supported by MobilityData, a | ||
| non-profit organization that improves and extends mobility data | ||
| formats, including GTFS, GTFS Realtime and GBFS. | ||
| <br /> <br /> | ||
| MobilityData is currently working on the Mobility Database because of | ||
| the need for a sustainable, community-supported hub for international | ||
| mobility datasets. | ||
| </Typography> | ||
|
|
||
| <Typography | ||
| variant='h5' | ||
| color='primary' | ||
| sx={{ fontWeight: 700, mt: 5 }} | ||
| > | ||
| The History | ||
| </Typography> | ||
| <Typography> | ||
| Discoverability is at the heart of mobility: travelers need to know | ||
| the mobility options available and understand their intricacies to | ||
| plan their journey; app creators need simplified access to data to | ||
| relay to app users. Discoverability is the cement of the community | ||
| that MobilityData is building around open data formats (such as GTFS | ||
| and GBFS) and their datasets. | ||
| <br /> | ||
| <br /> | ||
| A need to improve discoverability gave rise to the TransitFeeds.com | ||
| project, which made it easier to find and query accurate and | ||
| up-to-date GTFS, GTFS Realtime, GBFS, and datasets. This project was | ||
| housed by MobilityData following a transition from ActionFigure | ||
| (formerly TransitScreen). | ||
| <br /> | ||
| <br /> | ||
| MobilityData created a long-term roadmap for the project, taking into | ||
| account the repeated historic challenges the GTFS repositories have | ||
| encountered and the need to expand to accommodate additional modes of | ||
| transport and data formats. | ||
| </Typography> | ||
| <Typography | ||
| component='h1' | ||
| variant='h4' | ||
| variant='h5' | ||
| color='primary' | ||
| sx={{ fontWeight: 700 }} | ||
| sx={{ fontWeight: 700, mt: 5 }} | ||
| > | ||
| About{' '} | ||
| About MobilityData | ||
| </Typography> | ||
| <Box | ||
| sx={{ | ||
| background: theme.palette.background.paper, | ||
| mt: 2, | ||
| p: 2, | ||
| borderRadius: '6px 6px 0px 0px', | ||
| }} | ||
| <Typography> | ||
| MobilityData began in 2015 as a Rocky Mountain Institute project and | ||
| became a Canadian non-profit in 2019 with the mission to improve | ||
| traveler information. Building on the strength of nearly 20 employees, | ||
| MobilityData brings together and supports mobility stakeholders such | ||
| as transport agencies, software vendors, mobility apps, and cities to | ||
| standardize and expand data formats for public transport (GTFS) and | ||
| shared mobility (GBFS). | ||
| </Typography> | ||
| <Button | ||
| component={'a'} | ||
| variant='contained' | ||
| sx={{ mt: 5 }} | ||
| endIcon={<OpenInNew />} | ||
| href='https://mobilitydata.org/' | ||
| rel='noreferrer' | ||
| target='_blank' | ||
| className='btn-link-component' | ||
| > | ||
| <Typography sx={{ fontWeight: 700 }}> | ||
| The Mobility Database is hosted and supported by MobilityData, a | ||
| non-profit organization that improves and extends mobility data | ||
| formats, including GTFS, GTFS Realtime and GBFS. | ||
| <br /> <br /> | ||
| MobilityData is currently working on the Mobility Database because | ||
| of the need for a sustainable, community-supported hub for | ||
| international mobility datasets. | ||
| </Typography> | ||
|
|
||
| <Typography | ||
| variant='h5' | ||
| color='primary' | ||
| sx={{ fontWeight: 700, mt: 5 }} | ||
| > | ||
| The History | ||
| </Typography> | ||
| <Typography> | ||
| Discoverability is at the heart of mobility: travelers need to know | ||
| the mobility options available and understand their intricacies to | ||
| plan their journey; app creators need simplified access to data to | ||
| relay to app users. Discoverability is the cement of the community | ||
| that MobilityData is building around open data formats (such as GTFS | ||
| and GBFS) and their datasets. | ||
| <br /> | ||
| <br /> | ||
| A need to improve discoverability gave rise to the TransitFeeds.com | ||
| project, which made it easier to find and query accurate and | ||
| up-to-date GTFS, GTFS Realtime, GBFS, and datasets. This project was | ||
| housed by MobilityData following a transition from ActionFigure | ||
| (formerly TransitScreen). | ||
| <br /> | ||
| <br /> | ||
| MobilityData created a long-term roadmap for the project, taking | ||
| into account the repeated historic challenges the GTFS repositories | ||
| have encountered and the need to expand to accommodate additional | ||
| modes of transport and data formats. | ||
| </Typography> | ||
| <Typography | ||
| variant='h5' | ||
| color='primary' | ||
| sx={{ fontWeight: 700, mt: 5 }} | ||
| > | ||
| About MobilityData | ||
| </Typography> | ||
| <Typography> | ||
| MobilityData began in 2015 as a Rocky Mountain Institute project and | ||
| became a Canadian non-profit in 2019 with the mission to improve | ||
| traveler information. Building on the strength of nearly 20 | ||
| employees, MobilityData brings together and supports mobility | ||
| stakeholders such as transport agencies, software vendors, mobility | ||
| apps, and cities to standardize and expand data formats for public | ||
| transport (GTFS) and shared mobility (GBFS). | ||
| </Typography> | ||
| <Button | ||
| component={'a'} | ||
| variant='contained' | ||
| sx={{ mt: 5 }} | ||
| endIcon={<OpenInNew />} | ||
| href='https://mobilitydata.org/' | ||
| rel='noreferrer' | ||
| target='_blank' | ||
| className='btn-link-component' | ||
| > | ||
| Learn more about MobilityData | ||
| </Button> | ||
| </Box> | ||
| </Box> | ||
| Learn more about MobilityData | ||
| </Button> | ||
| </ColoredContainer> | ||
| </Container> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.