hhannakayee / project-2_preston-hanna

Project 2 | OZŪ | Advanced Web 2

Project 2 - OZŪ

Link to repository

Repository Here

Link to website

Website Here

Link to W3C's Validator

• Home - W3C Validator
• About - W3C Validator
• Contact- W3C Validator

Link to HTML5 Outliner

• Home - HTML5 Outliner
• About - HTML5 Outliner
• Contact - HTML5 Outliner

Instructions on how to view

1. git clone the repository to view it locally.
2. Use sass --watch sass:css --style compressed to get sass started.

---

Resources

• 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!

Custom jQuery

• 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.

Custom javaScript

• MODAL: Used javaScript to call open the modal click, and then listen for click again to close.

Plugin 1

• STICKY NAV: Sticky Nav used on each page

Plugin 2

• SCROLL ME: Used on the iPhone mockup on homepage.

Deductions

I have reviewed the list of deductions for this project and in the syllabus

Comments

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.