Merge pull request #3 from UofCBaja/footer to dev

Footer pull request

src/Footer/Ender.css

@@ -0,0 +1,33 @@
+#ender {
+	display: flex;
+	flex-direction: column;
+	padding-top: 10px;
+	padding-bottom: 10px;
+	justify-content: center;
+	background-color: lightgrey;
+}
+
+#pointerCursor {
+	cursor: pointer;
+}
+
+#ender div {
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+}
+#ender p {
+	padding-left: 2%;
+}
+
+#ender .hidden {
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	display: none;
+}
+
+#ender .hidden li {
+	list-style-type: none;
+	padding-right: 2%;
+}

src/Footer/Ender.js

@@ -0,0 +1,28 @@
+import "./Ender.css";
+/**
+ * @param {null} null - requires onthing
+ * @returns {JSX.Element} Page - HTML tags and JS functionality
+ * @description The Footer of the page
+ * @author Brock <darkicewolf50@gmail.com>
+ * @todo add who helped developed the site and finalize css
+ */
+const Ender = () => {
+	return (
+		<footer id="ender">
+			<div>
+				<p>&#169; 2023 by Schulich Off-Road </p>
+				<p
+					onClick={() => window.open("https://www.morphgenix.com/", "_blank")}
+					id="pointerCursor">
+					Powered by: Morphgenix
+				</p>
+			</div>
+			<ul className="hidden">
+				<li>Developed by:</li>
+				<li>Brock</li>
+			</ul>
+		</footer>
+	);
+};
+
+export default Ender;

src/Header/Header.js

@@ -4,6 +4,7 @@ import OpenPageButton from "./OpenPageButton";
 import { useNavigate, Outlet } from "react-router-dom";
 import { useState } from "react";
 import "./Header.css";
+import Ender from "../Footer/Ender";
 
 /**
  * @param {null} null -  Takes in nothing
@@ -81,6 +82,7 @@ const Header = () => {
 				</nav>
 			</header>
 			<Outlet />
+			<Ender />
 		</>
 	);
 };