diff --git a/src/components/App/App.js b/src/components/App/App.js index 44e4f84..31c59c4 100644 --- a/src/components/App/App.js +++ b/src/components/App/App.js @@ -1,29 +1,21 @@ import {useState} from 'react'; -import {Routes, Route, Link} from 'react-router-dom'; +import {Routes, Route} from 'react-router-dom'; +import Menu from '../Menu/Menu'; import Nav from '../Nav/Nav'; import Home from '../Home/Home'; import About from '../About/About'; import Contact from '../Contact/Contact'; import Portfolio from '../Portfolio/Portfolio'; import Footer from '../Footer/Footer'; +import Error from '../Error/Error'; const App = () => { const [isOpen, setIsOpen] = useState(false); return (
- {isOpen ? - + {isOpen ? + : <>
diff --git a/src/components/App/_App.scss b/src/components/App/_App.scss index fc7ce55..5e500ab 100644 --- a/src/components/App/_App.scss +++ b/src/components/App/_App.scss @@ -73,25 +73,6 @@ button:hover, font-size: 3rem; } -.menu { - display: flex; - flex-direction: column; - position: relative; - z-index: 1; - margin: 3rem; -} - -#menu__exit { - align-self: flex-end; -} - -.menu__buttons { - @include center-column; -} - -.menu__button { - margin: 1rem; -} @keyframes button-fade { to { @include button-hover; diff --git a/src/components/BurgerNav/_BurgerNav.scss b/src/components/BurgerNav/_BurgerNav.scss deleted file mode 100644 index 09aa519..0000000 --- a/src/components/BurgerNav/_BurgerNav.scss +++ /dev/null @@ -1,3 +0,0 @@ -@use '../../styles/variables' as *; -@use '../../styles/mixins' as *; - diff --git a/src/components/Error/Error.js b/src/components/Error/Error.js new file mode 100644 index 0000000..fb1855c --- /dev/null +++ b/src/components/Error/Error.js @@ -0,0 +1,13 @@ +import {Link} from 'react-router-dom'; + +const Error = () => { + return ( +
+

Sorry...

+

The page you are looking for does not exist.

+ Go Home +
+ ) +} + +export default Error; \ No newline at end of file diff --git a/src/components/Error/_Error.scss b/src/components/Error/_Error.scss new file mode 100644 index 0000000..548468d --- /dev/null +++ b/src/components/Error/_Error.scss @@ -0,0 +1,13 @@ +@use '../../styles/variables' as *; +@use '../../styles/mixins' as *; + +.redirect { + color: $primary-accent-color; + @include body-font; + margin: 3rem; + text-decoration: none; +} + +.redirect:hover { + @include inline-link-hover; +} \ No newline at end of file diff --git a/src/components/Menu/Menu.js b/src/components/Menu/Menu.js new file mode 100644 index 0000000..2f78051 --- /dev/null +++ b/src/components/Menu/Menu.js @@ -0,0 +1,19 @@ +import {Link} from 'react-router-dom'; + +const Menu = ({isOpen, setIsOpen}) => { + return ( + + ) +} + +export default Menu; \ No newline at end of file diff --git a/src/components/Menu/_Menu.scss b/src/components/Menu/_Menu.scss new file mode 100644 index 0000000..086128f --- /dev/null +++ b/src/components/Menu/_Menu.scss @@ -0,0 +1,22 @@ +@use '../../styles/variables' as *; +@use '../../styles/mixins' as *; + +.menu { + display: flex; + flex-direction: column; + position: relative; + z-index: 1; + margin: 3rem; +} + +#menu__exit { + align-self: flex-end; +} + +.menu__buttons { + @include center-column; +} + +.menu__button { + margin: 1rem; +} \ No newline at end of file diff --git a/src/styles/input.scss b/src/styles/input.scss index c29e944..c0cfab9 100644 --- a/src/styles/input.scss +++ b/src/styles/input.scss @@ -3,8 +3,8 @@ @use '../components/Contact/Contact'; @use '../components/Home/Home'; @use '../components/Nav/Nav'; -@use '../components/BurgerNav/BurgerNav'; @use '../components/TopNav/TopNav'; @use '../components/Portfolio/Portfolio'; @use '../components/Project/Project'; -@use '../components/Footer/Footer'; \ No newline at end of file +@use '../components/Footer/Footer'; +@use '../components/Error/Error'; \ No newline at end of file diff --git a/src/styles/output.css b/src/styles/output.css index 29ec717..864243e 100644 --- a/src/styles/output.css +++ b/src/styles/output.css @@ -138,28 +138,6 @@ button:hover, font-size: 3rem; } -.menu { - display: flex; - flex-direction: column; - position: relative; - z-index: 1; - margin: 3rem; -} - -#menu__exit { - align-self: flex-end; -} - -.menu__buttons { - display: flex; - flex-direction: column; - align-items: center; -} - -.menu__button { - margin: 1rem; -} - @keyframes button-fade { to { background-color: #8eba9e; @@ -606,5 +584,19 @@ article { margin: 0.5rem; } } +.redirect { + color: #47725d; + font-family: "Inter", sans-serif; + color: #424242; + font-size: 2rem; + font-weight: 300; + margin: 3rem; + text-decoration: none; +} + +.redirect:hover { + text-decoration: underline; + text-decoration-color: #47725d; +} /*# sourceMappingURL=output.css.map */ diff --git a/src/styles/output.css.map b/src/styles/output.css.map index 90f5001..9289b8c 100644 --- a/src/styles/output.css.map +++ b/src/styles/output.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../components/About/_About.scss","_mixins.scss","_variables.scss","../components/App/_App.scss","../components/Contact/_Contact.scss","../components/Home/_Home.scss","../components/Nav/_Nav.scss","../components/Portfolio/_Portfolio.scss","../components/Project/_Project.scss","../components/Footer/_Footer.scss"],"names":[],"mappings":"AAGA;ECQE;EACA;EACA;EDRA;;;AAGF;EACE;ECQA;EACA;EDPA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACE;;;AAIJ;EACE,OE3BqB;EF4BrB;;;AAGF;ECiDE;EACA,uBCjFqB;;;AFwCvB;EACE;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;;AGhDJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;;;AAGF;EACE;EACA,kBDfyB;;;ACkB3B;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACE;;;AAIJ;EFJE,aClBY;EDmBZ,OCvBmB;EDwBnB;EACA;EACA;EACA;;;AEGF;EACE;;;AAGF;EFHE,aCzBU;ED0BV,OChCmB;EDiCnB;EACA;EEEA;;;AAGF;EFAE,aClCY;EDmCZ;EACA;EACA;EAIA;EACA;EACA;EACA;EACA,YC1CW;ECkCX;;;AAGF;EFSE,kBC1DqB;ED2DrB,OCtDqB;;;ACgDvB;EACE;EFeA,kBCnEuB;EDoEvB;EACA,OCjEoB;;;ACoDtB;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE,ODrEqB;ECsErB;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EF5EE;EACA;EACA;;;AE8EF;EACE;;;AAEF;EACE;IFxBA,kBCnEuB;IDoEvB;IACA,OCjEoB;;;AELtB;EHQE;EACA;EACA;EGRA;;AACA;EACE;EACA;EACA;;AAEF;EACE,OFVmB;EEWnB;;AAEF;EHmEA;EACA,uBCjFqB;;AEgBrB;EHDA;EACA;EGEE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EHiDA;EACA;;;AG7CF;EAEI;IACE;;;AAKN;EACE;IH/BA;IACA;IACA;;;AIVF;EACE;EACA;EACA;;;AAGF;EACE;EJLA;EACA;EACA;;AIKA;EACE;;AAEF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;;AAEF;EJ6CF;EACA;;;AIxCF;EACE;;AACA;EACE;EACA;EACA;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;IACA;;EACA;IACE;;EAEF;IACE;;EAGJ;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;IACA;IACA;IJ1EF;IACA;IACA;;EI2EA;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;IJxFF;IACA;IACA;;;AI4FF;EACE;IACE;IACA;;EACA;IACE;;EAEF;IACE;;EAGJ;IJnGA;IACA;IACA;;EImGE;IACE;;;AC9GN;EACE,kBJJyB;EIKzB;EACA;EACA;EACA;;;AAGF;ELWE;EACA;EKVA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AACA;ELmBA,aClCY;EDmCZ;EACA;EACA;EKpBE;EACA,OJrBkB;EIsBlB;;AAEF;AAAA;EAEE;;AAEF;ELyCA;EACA;;;AKrCF;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;ACvDJ;EACE;ENOA;EACA;EACA;;AMPA;ENWA;EACA;EMVE;EACA;EACA;EACA;;;ACRJ;EACE;EACA,YNSW;EDHX;EACA;EACA;EONA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EPwBA,aClCY;EDmCZ;EACA;EACA;EOzBE;;AAEF;EPYA,aCzBU;ED0BV,OChCmB;EDiCnB;EACA;EObE;EACA;;AAEF;EACE;EPdF;EACA;EOeE;EACA;;AAEF;EPzBA;EACA;EACA;EOyBE;EACA;;AAEF;EACE;EACA;;AAEF;EPAA,aClCY;EDmCZ;EACA;EACA;EODE;EACA;EACA;;AAEF;EACE;EACA;EACA;EPrCF;EACA;;;AOyCF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;IACE;IACA;;EAEF;IACE;IACA;;EACA;IACE;;EAEF;IACE;;EAEF;IACE;;;AAKN;EACE;IACE;IACA;;EAEF;IACE;IACA;;EACA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;IACA;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EACA;IACE;;;AChIN;EACE,kBPEmB;EODnB;ERMA;EACA;EACA;EQNA;EACA;;;AAGF;EACE;EACA;;;AAGF;ERXE;EACA;EACA;;;AQeF;ERME,aClBY;EDmBZ,OCvBmB;EDwBnB;EACA;EACA;EACA;EQTA,OPjBqB;EOkBrB;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;IACE;;EAEF;IR5BA;IACA;IACA;;EQ6BA;IACE","file":"output.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../components/About/_About.scss","_mixins.scss","_variables.scss","../components/App/_App.scss","../components/Contact/_Contact.scss","../components/Home/_Home.scss","../components/Nav/_Nav.scss","../components/Portfolio/_Portfolio.scss","../components/Project/_Project.scss","../components/Footer/_Footer.scss","../components/Error/_Error.scss"],"names":[],"mappings":"AAGA;ECQE;EACA;EACA;EDRA;;;AAGF;EACE;ECQA;EACA;EDPA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACE;;;AAIJ;EACE,OE3BqB;EF4BrB;;;AAGF;ECiDE;EACA,uBCjFqB;;;AFwCvB;EACE;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;;AGhDJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;;;AAGF;EACE;EACA,kBDfyB;;;ACkB3B;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACE;;;AAIJ;EFJE,aClBY;EDmBZ,OCvBmB;EDwBnB;EACA;EACA;EACA;;;AEGF;EACE;;;AAGF;EFHE,aCzBU;ED0BV,OChCmB;EDiCnB;EACA;EEEA;;;AAGF;EFAE,aClCY;EDmCZ;EACA;EACA;EAIA;EACA;EACA;EACA;EACA,YC1CW;ECkCX;;;AAGF;EFSE,kBC1DqB;ED2DrB,OCtDqB;;;ACgDvB;EACE;EFeA,kBCnEuB;EDoEvB;EACA,OCjEoB;;;ACoDtB;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE,ODrEqB;ECsErB;;;AAGF;EACE;IFLA,kBCnEuB;IDoEvB;IACA,OCjEoB;;;AELtB;EHQE;EACA;EACA;EGRA;;AACA;EACE;EACA;EACA;;AAEF;EACE,OFVmB;EEWnB;;AAEF;EHmEA;EACA,uBCjFqB;;AEgBrB;EHDA;EACA;EGEE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EHiDA;EACA;;;AG7CF;EAEI;IACE;;;AAKN;EACE;IH/BA;IACA;IACA;;;AIVF;EACE;EACA;EACA;;;AAGF;EACE;EJLA;EACA;EACA;;AIKA;EACE;;AAEF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;;AAEF;EJ6CF;EACA;;;AIxCF;EACE;;AACA;EACE;EACA;EACA;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;IACA;;EACA;IACE;;EAEF;IACE;;EAGJ;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;IACA;IACA;IJ1EF;IACA;IACA;;EI2EA;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;IJxFF;IACA;IACA;;;AI4FF;EACE;IACE;IACA;;EACA;IACE;;EAEF;IACE;;EAGJ;IJnGA;IACA;IACA;;EImGE;IACE;;;AC9GN;EACE,kBJJyB;EIKzB;EACA;EACA;EACA;;;AAGF;ELWE;EACA;EKVA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AACA;ELmBA,aClCY;EDmCZ;EACA;EACA;EKpBE;EACA,OJrBkB;EIsBlB;;AAEF;AAAA;EAEE;;AAEF;ELyCA;EACA;;;AKrCF;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;ACvDJ;EACE;ENOA;EACA;EACA;;AMPA;ENWA;EACA;EMVE;EACA;EACA;EACA;;;ACRJ;EACE;EACA,YNSW;EDHX;EACA;EACA;EONA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EPwBA,aClCY;EDmCZ;EACA;EACA;EOzBE;;AAEF;EPYA,aCzBU;ED0BV,OChCmB;EDiCnB;EACA;EObE;EACA;;AAEF;EACE;EPdF;EACA;EOeE;EACA;;AAEF;EPzBA;EACA;EACA;EOyBE;EACA;;AAEF;EACE;EACA;;AAEF;EPAA,aClCY;EDmCZ;EACA;EACA;EODE;EACA;EACA;;AAEF;EACE;EACA;EACA;EPrCF;EACA;;;AOyCF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;IACE;IACA;;EAEF;IACE;IACA;;EACA;IACE;;EAEF;IACE;;EAEF;IACE;;;AAKN;EACE;IACE;IACA;;EAEF;IACE;IACA;;EACA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;IACA;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EACA;IACE;;;AChIN;EACE,kBPEmB;EODnB;ERMA;EACA;EACA;EQNA;EACA;;;AAGF;EACE;EACA;;;AAGF;ERXE;EACA;EACA;;;AQeF;ERME,aClBY;EDmBZ,OCvBmB;EDwBnB;EACA;EACA;EACA;EQTA,OPjBqB;EOkBrB;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;IACE;;EAEF;IR5BA;IACA;IACA;;EQ6BA;IACE;;;ACxCJ;EACE,ORFqB;EDmCrB,aCzBU;ED0BV,OChCmB;EDiCnB;EACA;ESlCA;EACA;;;AAGF;ETwEE;EACA,uBCjFqB","file":"output.css"} \ No newline at end of file