git clone
the repository to view it locally.- Use
sass --watch sass:css --style compressed
to get sass started.
- Modal Help: I wanted my modal in front of other elements on the page so I referenced this W3 Schools walkthrough.
- Hamburger Menu: This is the hamburger menu we made in class, but I added CSS grid to it, and changed the styling quite a bit.
- CSS Grid
- Sticky Nav
- ScrollMe jQuery Plugin
- Adding @font-face to Sass
- SVG Icons in Illustrator: Brittany actually told me how to do this but I did a little of my own research as well!
-
CONTACT FORM: The contact form has a submit button that is initially disables. When the user fills the "required" parts of the form out, the submit button becomes active. The form can also be reset by clicking the "reset" button.
-
HAMBURGER MENU: jQuery listens for 'click' in order to toggle CSS animation, which is making the menu appear.
- MODAL: Used javaScript to call open the modal click, and then listen for click again to close.
- STICKY NAV: Sticky Nav used on each page
- SCROLL ME: Used on the iPhone mockup on homepage.
I have reviewed the list of deductions for this project and in the syllabus
It's been a tough semester, but I am glad I got through! I was wondering if you have any good references for setting up Sass libraries since we didn't actually go over all of it.