Put hamburger on the right side and added an event on window resize to render different html depending on the screen size (could have done with sub components but it isn't super big so no huge need to do so).
Added an animation slide down and slide up when opening and closing menu
Also added the hamburger-settings.scss file to override some of the default styles to make it fit our app better.
Added colors.scss and replaced corresponding colors across the app. We can now just change the variables in colors.scss to make theme changes easier as well as easily add uniform colors.
Moved the @import('https://...googlefonts) to be in the index.html file so we don't have to import it into each stylesheet.
Changed the height from 800px to be a calc(100vh - (header px) - (footer px)) so it would fit the page of whatever screen. we can change that when we decide how we want it to behave.
… some layout changes
Closes issue #2 by adding hamburger menu using https://jonsuh.com/hamburgers/
Put hamburger on the right side and added an event on window resize to render different html depending on the screen size (could have done with sub components but it isn't super big so no huge need to do so).
Added an animation slide down and slide up when opening and closing menu
Also added the hamburger-settings.scss file to override some of the default styles to make it fit our app better.
Added colors.scss and replaced corresponding colors across the app. We can now just change the variables in colors.scss to make theme changes easier as well as easily add uniform colors.
Moved the @import('https://...googlefonts) to be in the index.html file so we don't have to import it into each stylesheet.
Changed the height from 800px to be a calc(100vh - (header px) - (footer px)) so it would fit the page of whatever screen. we can change that when we decide how we want it to behave.