Kayla/submissions page

src/components/MenuBar/ButtonBar.js

@@ -5,7 +5,7 @@ import { makeStyles } from '@material-ui/core/styles';
 import { Link as GatsbyLink } from 'gatsby';
 import { Link as MUILink } from '@material-ui/core';
 
-import { applicationOpen, applyDeadline } from '../constants.js';
+import { applicationOpen, applyDeadline, hothStart, hothEnd } from '../constants.js';
 
 const useStyles = makeStyles(theme => {
 	const menuBarAdaptiveThreshold = theme.breakpoints.values.sm * 1.3;
@@ -80,13 +80,20 @@ function ButtonBar({ isMobile }) {
 				<PoppinLink to={link.to} key={`nav-${index}`}>
 					{link.name}
 				</PoppinLink>)}
-			{
+
+			{Date.now() < hothStart.getTime() ?
 				<BorderLink
 					disabled={Date.now() < applicationOpen.getTime() || Date.now() > applyDeadline.getTime()}
 					href={'https://forms.gle/VMhdCzMov8RvGUfP8'}
 					target='_blank'
 				>
-					Apply
+				Apply
+				</BorderLink>			 :
+				<BorderLink
+					disabled={Date.now() < hothStart.getTime() || Date.now() > hothEnd.getTime()}
+					href='/submissions'
+				>
+				Submit
 				</BorderLink>
 			}
 		</>

src/components/SubmissionsPage/Submissions.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import Container from '@material-ui/core/Container';
+import { Link } from 'gatsby';
+
+const useStyles = makeStyles(theme => ({
+	title: {
+		fontWeight: theme.typography.fontWeightBold,
+		paddingTop: theme.spacing(11),
+		[theme.breakpoints.down('sm')]: {
+			paddingTop: theme.spacing(4)
+		},
+		paddingBottom: theme.spacing(4)
+	},
+	info: {
+		paddingTop: theme.spacing(4)
+
+	},
+	divider: {
+		height: '2px',
+		marginLeft: theme.spacing(4),
+		marginRight: theme.spacing(4),
+		marginBottom: theme.spacing(4)
+	}
+}));
+
+
+const SubmissionsPage = () => {
+	const classes = useStyles();
+	return <Container maxWidth='md'>
+		<Typography align='left' variant='h4' component='h1' className={classes.title}>
+			Submission Info
+		</Typography>
+
+		<Typography align='left' variant='h5' component='h2'>
+			Thank You for Participating in HOTH XI!
+		</Typography>
+
+		<Typography align='left' variant='h5' component='h2'>
+			Follow These 2 Final Steps to Submit Your Project:
+		</Typography>
+
+		<Typography className={classes.info}>
+			1{')'} Submit the project on the HOTH XI devpost: {' '}
+			<Link to='https://hoth-xi.devpost.com/?ref_feature=challenge&ref_medium=discover'>devvvvpostttt</Link>
+		</Typography>
+
+		<Typography className={classes.info}>
+			2{')'} Fill out the HOTH XI submission Google Form: {' '}
+			<Link to='https://forms.gle/VPBHtLTyPo1pn7pn9'>HOTH XI Submission Form</Link>
+		</Typography>
+	</Container>;
+};
+
+export default SubmissionsPage;

src/components/constants.js

@@ -1,5 +1,5 @@
-export const hothStart = new Date('2024-03-02T08:00:00-08:00');
-export const hothEnd = new Date('2024-03-02T23:00:00-08:00');
+export const hothStart = new Date('2024-03-03T08:00:00-08:00');
+export const hothEnd = new Date('2024-03-03T23:00:00-08:00');
 export const applyDeadline = new Date('2024-02-26T23:59:59-08:00');
 export const applicationOpen = new Date('2024-01-29T08:00:00-08:00');
 export const scheduleAvailableTime = new Date('2024-02-26T08:00:00-08:00');

src/pages/submissions.js

@@ -0,0 +1,15 @@
+import React from 'react';
+
+import Layout from '../components/layout';
+import SEO from '../components/seo';
+import Submissions from '../components/SubmissionsPage/Submissions';
+
+
+const SubmissionsPage = () => {
+	return <Layout>
+		<SEO title='Submissions' />
+		<Submissions/>
+	</Layout>;
+};
+
+export default SubmissionsPage;