diff --git a/src/pages/About/About.styled.tsx b/src/pages/About/About.styled.tsx new file mode 100644 index 00000000..fd10326b --- /dev/null +++ b/src/pages/About/About.styled.tsx @@ -0,0 +1,22 @@ +import styled from 'styled-components' +import { spacings } from '../../tokens/spacings' + +const StyledAbout = styled.div` + display: flex; + flex-wrap: wrap; + + justify-content: center; + padding-top: 10%; + + width: 100%; + height: 100%; +` + +const InnerWrapper = styled.div` + display: flex; + flex-direction: column; + + row-gap: ${spacings.LARGE}; + width: 50%; +` +export { StyledAbout as About, InnerWrapper } diff --git a/src/pages/About/About.tsx b/src/pages/About/About.tsx new file mode 100644 index 00000000..a89d0b80 --- /dev/null +++ b/src/pages/About/About.tsx @@ -0,0 +1,37 @@ +import { Typography } from '@equinor/eds-core-react' +import * as Styled from './About.styled' + +export const About = () => { + return ( + + + About PEPM + + It began with the forging of the Great Rings. Three were given to{' '} + + Norsk Regnesentral + + , immortal, wisest and fairest of all beings. Seven to the + Dwarf-Lords, great miners and craftsmen of the mountain halls. And + nine, nine rings were gifted to the race of Men, who above all else + desire power. For within these rings was bound the strength and the + will to govern each race. But they were all of them deceived, for + another ring was made. Deep in the land of Mordor, in the Fires of + Mount Doom, the Dark Lord Sauron forged a master ring, and into this + ring he poured his cruelty, his malice and his will to dominate all + life. + + One ring to rule them all. + + One by one, the free lands of Middle-Earth fell to the power of the + Ring, but there were some who resisted. A last alliance of men and + elves marched against the armies of Mordor, and on the very slopes of + Mount Doom, they fought for the freedom of Middle-Earth. Victory was + near, but the power of the ring could not be undone. It was in this + moment, when all hope had faded, that Isildur, son of the king, took + up his father’s sword. + + + + ) +} diff --git a/src/router.tsx b/src/router.tsx index fd0da893..9dbae536 100644 --- a/src/router.tsx +++ b/src/router.tsx @@ -1,6 +1,7 @@ import { createBrowserRouter, NonIndexRouteObject } from 'react-router-dom' import { App } from './App' import { ModelView } from './features/ModelView/ModelView' +import { About } from './pages/About/About' import { Api } from './pages/Api/Api' import { Browse } from './pages/Browse/Browse' import { Compute } from './pages/ModelPages/Compute/Compute' @@ -11,8 +12,6 @@ interface Tab extends Required> { title: string } -const NotImplemented = () =>

Not implemented

- const tabs: Tab[] = [ { title: 'Models', @@ -20,7 +19,7 @@ const tabs: Tab[] = [ element: , }, { title: 'API', path: 'api', element: }, - { title: 'About', path: 'about', element: }, + { title: 'About', path: 'about', element: }, ] const appRoutes = (tabs as NonIndexRouteObject[]).concat([ {