Added details to the About page

This commit is contained in:
Mitchell McCaffrey 2020-04-09 22:30:08 +10:00
parent e6658324de
commit 4c42bec05f

View File

@ -1,5 +1,5 @@
import React from "react"; import React from "react";
import { Flex, Text } from "theme-ui"; import { Flex, Text, Link } from "theme-ui";
import Footer from "../components/Footer"; import Footer from "../components/Footer";
@ -16,15 +16,39 @@ function About() {
<Flex <Flex
sx={{ sx={{
flexDirection: "column", flexDirection: "column",
justifyContent: "center",
maxWidth: "300px", maxWidth: "300px",
flexGrow: 1, flexGrow: 1,
}} }}
mb={2} mb={2}
> >
<Text variant="display" as="h1" sx={{ textAlign: "center" }}> <Text my={2} variant="heading" as="h1" sx={{ fontSize: 5 }}>
About About
</Text> </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> </Flex>
<Footer /> <Footer />
</Flex> </Flex>