The Magic of React-Based Multi-Step Forms
-Nathan Sebhastian
+Nathan Sebhastian
diff --git a/SUBMISSION.md b/SUBMISSION.md index 9f4df99..b2a6f9f 100644 --- a/SUBMISSION.md +++ b/SUBMISSION.md @@ -1,8 +1,12 @@ ## Submissions -Use this md to tell us the bugs you solved and also explain the approach you had while solving them. Make them bulleted like +Following are the changes made: -1. Accessibility - **Something here** -2. Aesthetics - **Something here** -3. Testing - **Something here** -4. Technicality Improvements - **Something here** +1. Aesthetics - + a. Hamburger Icon added for menu icon link + b. Slider menu Color changed + c. Slider menu, header sizes adjusted + d. Header style changed + e. Feed list center-aligned +2. Technicality Improvements - + a. The Slider Menu slides back in and out on clicking on the hamburger icon diff --git a/app.js b/app.js index 9e583f7..7a5d8d6 100644 --- a/app.js +++ b/app.js @@ -63,4 +63,17 @@ $(function () { /* When the menu icon is clicked on, we need to toggle a class * on the body to perform the hiding/showing of our menu. */ + + $(document).ready(function(){ + $("a.menu-icon-link").click(function(){ + $(".slide-menu").toggleClass('menu-hidden'); + }); + /*on scroll slide menu back in*/ + $(".feed").scroll(function(){ + $(".slide-menu").addClass("menu-hidden"); + }); + }); + + + }()); diff --git a/index.html b/index.html index 9e9fa63..01fff97 100644 --- a/index.html +++ b/index.html @@ -8,13 +8,16 @@ - + + + +
Nathan Sebhastian
+Nathan Sebhastian
Geoff Graham
+Geoff Graham
Robin Rendle
+Robin Rendle
Geoff Graham
+Geoff Graham
Tobias Günther
+Tobias Günther
Chris Coyier
+Chris Coyier
Adam Giese
+Adam Giese
Chris Coyier
+Chris Coyier
Chris Coyier
+Chris Coyier
Jason Rodriguez
+Jason Rodriguez