diff --git a/components/Button.js b/components/Button.js new file mode 100644 index 0000000..dba4278 --- /dev/null +++ b/components/Button.js @@ -0,0 +1,14 @@ +import styles from './Button.module.css' + +export function Button() { + return ( + + ) +} \ No newline at end of file diff --git a/components/Button.module.css b/components/Button.module.css new file mode 100644 index 0000000..dfc5e5e --- /dev/null +++ b/components/Button.module.css @@ -0,0 +1,42 @@ + +.box +{ + width: 330px; +} +.box h2 +{ + color: #f6f6f6; + background: #f60000; + padding: 20px 50px; + font-size: 20px; + font-weight: 700; + border-top-left-radius: 20px; + border-top-right-radius: 20px; + margin-left: 35px; +} + +.box ul +{ + position: relative; + background: #fff; +} + +.box ul li +{ + list-style: none; + padding: 50px; + width: 300px; + background: #fff; + box-shadow: 0 5px 25px rgba(0,0,0,.1); + transition: transform 0.5s; +} + +.box ul li:hover +{ + transform: scale(1,1); + z-index: 100; + background: #25c1ff; + box-shadow: 0 5px 25px rgba(0,0,0,.1); + color: #fff; +} + diff --git a/components/HomePageComponent.js b/components/HomePageComponent.js new file mode 100644 index 0000000..21ebbd2 --- /dev/null +++ b/components/HomePageComponent.js @@ -0,0 +1,53 @@ +import Editor from "@monaco-editor/react" +import { useRef, useState, useContext, useEffect } from 'react' +import Context from '../context/Context' +import axios from 'axios' +import styles from './Button.module.css' + +import CircularProgress from '@material-ui/core/CircularProgress'; + +export default function HomePageComponent(props) { + + const containerStyles = { + height: 20, + width: '100%', + backgroundColor: "#e0e0de", + borderRadius: 50, + margin: 50 + } + + const fillerStyles = { + height: '100%', + width: `67%`, + backgroundColor: 'red', + borderRadius: 'inherit', + textAlign: 'right' + } + + const labelStyles = { + padding: 5, + color: 'white', + fontWeight: 'bold' + } + + + return ( + +
+ +

Introduction to programming



+
+
+ +

+ +
+ ) +} \ No newline at end of file diff --git a/components/LoginComponent.js b/components/LoginComponent.js index 3b00778..0497ac3 100644 --- a/components/LoginComponent.js +++ b/components/LoginComponent.js @@ -88,7 +88,8 @@ function LoginComponent(props) { const email = signUpEmailRef.current.value const password = signUpPasswordRef.current.value const passwordRepeat = signUpPasswordConfirmRef.current.value - + console.log('auth:') + console.log(auth) if (validateSignUp({ name, email, password, passwordRepeat })) { createUserWithEmailAndPassword(auth, email, password) .then(() => { diff --git a/components/NavComponent.js b/components/NavComponent.js index 364838b..cce56c7 100644 --- a/components/NavComponent.js +++ b/components/NavComponent.js @@ -43,6 +43,16 @@ export default function NavComponent(props) { setPage(Pages.PROFILE) } + /** + * Handles the user's profile being opened. + * @param {*} e + */ + const handleHomeClick = (e) => { + e.preventDefault() + setOpenedModule(null) + setPage(Pages.Home) + } + /** * Handles the discussion board being opened. * @param {*} e @@ -87,6 +97,9 @@ export default function NavComponent(props) { navBarContents = (