Add credits
This commit is contained in:
parent
bcc560685c
commit
3a17d426dc
|
@ -1,4 +1,15 @@
|
||||||
import { Backdrop, Button, createStyles, Fade, makeStyles, Modal, Paper, Theme } from '@material-ui/core';
|
import {
|
||||||
|
Backdrop,
|
||||||
|
Button,
|
||||||
|
createStyles,
|
||||||
|
Fade,
|
||||||
|
Link,
|
||||||
|
LinkProps,
|
||||||
|
makeStyles,
|
||||||
|
Modal,
|
||||||
|
Paper,
|
||||||
|
Theme,
|
||||||
|
} from '@material-ui/core';
|
||||||
import { Help } from '@material-ui/icons';
|
import { Help } from '@material-ui/icons';
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
|
|
||||||
|
@ -18,6 +29,10 @@ const useStyles = makeStyles((theme: Theme) =>
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const NewPageLink = (props: LinkProps) => (
|
||||||
|
<Link color="textSecondary" underline="always" target="_blank" rel="noopener" {...props} />
|
||||||
|
);
|
||||||
|
|
||||||
export const AboutButton = (props: { style?: React.CSSProperties }) => {
|
export const AboutButton = (props: { style?: React.CSSProperties }) => {
|
||||||
const classes = useStyles();
|
const classes = useStyles();
|
||||||
const [open, setOpen] = React.useState(false);
|
const [open, setOpen] = React.useState(false);
|
||||||
|
@ -54,6 +69,19 @@ export const AboutButton = (props: { style?: React.CSSProperties }) => {
|
||||||
Their teammates then try to guess the words while avoiding the opposing team's, and may
|
Their teammates then try to guess the words while avoiding the opposing team's, and may
|
||||||
guess as many times as the words the spymaster gave in their clue, plus an additional guess.
|
guess as many times as the words the spymaster gave in their clue, plus an additional guess.
|
||||||
</p>
|
</p>
|
||||||
|
<h2>About this site</h2>
|
||||||
|
<p>
|
||||||
|
This site was created by Zikaeroh (
|
||||||
|
<NewPageLink href="https://github.com/zikaeroh">GitHub</NewPageLink>,{' '}
|
||||||
|
<NewPageLink href="https://www.twitch.tv/zikaeroh">Twitch</NewPageLink>,{' '}
|
||||||
|
<NewPageLink href="https://twitter.com/zikaeroh">Twitter</NewPageLink>). It's a new
|
||||||
|
creation, but takes heavy inspiration from the wonderful{' '}
|
||||||
|
<NewPageLink href="https://github.com/Joooop/codenames.plus">codenames.plus</NewPageLink>.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
You can find this site's code on{' '}
|
||||||
|
<NewPageLink href="https://github.com/zikaeroh/codies">GitHub</NewPageLink>.
|
||||||
|
</p>
|
||||||
</Paper>
|
</Paper>
|
||||||
</Fade>
|
</Fade>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
|
Loading…
Reference in New Issue