homepage links and footer link

game-master-campaign-manager · Apr 19, 2022 · 3c5cd5e · 3c5cd5e
1 parent 55013c9
commit 3c5cd5e
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 33 deletions.
diff --git a/src/components/layout.js b/src/components/layout.js
@@ -6,7 +6,7 @@ import { Link } from 'gatsby-theme-material-ui';
 import { Helmet } from 'react-helmet';
 import { SnackbarProvider } from 'notistack';
 import {
- SITE_NAME, SITE_SHORT_NAME, FOOTER_COPY,
+ SITE_NAME, SITE_SHORT_NAME, FOOTER_COPY, SITE_AUTHOR,
 } from '../utils/constants';
 import Navigation from './navigation';
 import GmcmBlackBridgeIcon from '../images/black-bridge.svg';
@@ -114,10 +114,12 @@ function Layout({
  <Container
  component="footer"
  sx={{
- marginTop: '2rem',
+ mt: 4,
+ mb: 2,
  }}
  >
  {FOOTER_COPY}
+ {SITE_AUTHOR}
  </Container>
  </Stack>
  </>

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -1,7 +1,7 @@
 /* eslint-disable react/no-unescaped-entities */
 import React from 'react';
 import {
- Box, Card, CardContent, Paper, Typography,
+ Box, Card, CardContent, List, ListItem, Paper, Typography,
 } from '@mui/material';
 import Navigation from '../components/navigation';
 import Layout from '../components/layout';
@@ -27,27 +27,35 @@ function IndexPage() {
  <Card raised>
  <CardContent>
  <Typography variant="h2">{GREETING}</Typography>
- <Typography variant="body1">{DESCRIPTION}</Typography>
+ <Typography>{DESCRIPTION}</Typography>
+ <Box
+ sx={{
+ mt: 4,
+ '& li': {
+ pl: 0,
+ pb: 0,
+ },
+ '& a': {
+ color: 'secondary.main',
+ },
+ }}
+ >
+ <Typography variant="h6" component="h3">External Links</Typography>
+ <List disablePadding>
+ <ListItem>
+ <a target="_blank" href="https://github.com/game-master-campaign-manager/gatsby-theme-gmcm" rel="noreferrer noopener">GMCM Plugin HitHub Repository</a>
+ </ListItem>
+ <ListItem>
+ <a target="_blank" href="https://github.com/game-master-campaign-manager/gatsby-theme-gmcm/wiki" rel="noreferrer noopener">GMCM Documentation</a>
+ </ListItem>
+ <ListItem>
+ <a target="_blank" href="https://game-master-campaign-manager.github.io/" rel="noreferrer noopener">GMCM Demo Site</a>
+ </ListItem>
+ </List>
+ </Box>
  </CardContent>
  </Card>
  <Navigation homeNav size="large" />
- {/* <Card raised>
- <CardHeader
- title="Adventures"
- subheader="Where all the fun is at."
- />
- <Divider />
- <CardContent>
- <Typography>
- This is the whole reason we\'re here, right? What would our favorite TTRPG
- be without our our adventures?
- </Typography>
- <Typography>
- The GMCM allows you to group NPCs and Locations within individual
- campaigns, or \"adventures\".
- </Typography>
- </CardContent>
- </Card> */}
  </Paper>
  </Box>
  </Layout>

diff --git a/src/utils/constants.js b/src/utils/constants.js
@@ -8,6 +8,7 @@ import {
  SocialDistance,
  Extension,
 } from '@mui/icons-material';
+import { Link } from '@mui/material';
 import DmcmDamageIcon from '../images/exploding-planet.svg';
 import DmcmAttackIcon from '../images/bullseye.svg';
 
@@ -42,7 +43,8 @@ export const FLAG_TOOLTIPS = {
 export const SPELL_STAT_ICONS = [<WatchLater />, <SocialDistance />, <Extension />, <WatchLater />, <DmcmAttackIcon width="24" fill="white" />, <DmcmDamageIcon width="24" fill="White" />];
 export const SITE_NAME = 'Game Master\'s Campaign Manager';
 export const SITE_SHORT_NAME = 'GMCM';
-export const FOOTER_COPY = `${SITE_NAME} © ${new Date().getFullYear()} J. Garrett Vorbeck`;
+export const SITE_AUTHOR = <Link color="primary.main" href="https://github.com/gvorbeck" target="_blank" rel="noreferrer noopener">gvorbeck</Link>;
+export const FOOTER_COPY = `${SITE_NAME} © ${new Date().getFullYear()} `;
 export const NAVIGATION_DATA = [
  {
  title: 'adventures',

diff --git a/src/utils/theme.js b/src/utils/theme.js
@@ -9,20 +9,9 @@ const theme = createTheme({
  main: lime[900],
  },
  secondary: {
- // main: brown[900],
  main: brown[200],
  },
- // tertiary: {
- // light: '#efdcd5',
- // main: brown[200],
- // dark: '#8c7b75',
- // contrastText: '#000000',
- // },
  },
- // shape: {
- // borderRadius: 0,
- // },
 });
-// theme.palette.background.default = theme.palette.secondary.main;
 
 export default theme;