Atlas48/grungnet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added details to the About page

Browse Source
This commit is contained in:
Mitchell McCaffrey 2020-04-09 22:30:08 +10:00
parent e6658324de
commit 4c42bec05f
1 changed files with 27 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/routes/About.js
View File

@ -1,5 +1,5 @@
import React from "react";
import { Flex, Text } from "theme-ui";
import { Flex, Text, Link } from "theme-ui";
import Footer from "../components/Footer";
@ -16,15 +16,39 @@ function About() {
<Flex
sx={{
flexDirection: "column",
justifyContent: "center",
maxWidth: "300px",
flexGrow: 1,
}}
mb={2}
>
<Text variant="display" as="h1" sx={{ textAlign: "center" }}>
<Text my={2} variant="heading" as="h1" sx={{ fontSize: 5 }}>
About
</Text>
<Text my={1} mt={2} variant="heading" as="h3">
The Goal
</Text>
<Text variant="body2" as="p">
Owlbear Rodeo is an attempt to make a web app to run tabletop
encounters without the complicated setup process needed for other
VTTs.
</Text>
<Text my={1} mt={2} variant="heading" as="h3">
The People
</Text>
<Text variant="body2" as="p">
Made by two people in Melbourne, Australia.{" "}
<Link href="https://mitchmccaffrey.com/">Mitch</Link> and{" "}
<Link href="https://twitter.com/nthouliss">Nicola</Link> were looking
for an easy way to continue their d{"&"}d campaign as in person
interaction becomes harder.
</Text>
<Text my={1} mt={2} variant="heading" as="h3">
Contact
</Text>
<Text variant="body2" as="p">
For questions or feedback email{" "}
<Link href="mailto:contact@owlbear.rodeo">contact@owlbear.rodeo</Link>
</Text>
</Flex>
<Footer />
</Flex>