0.0.5

devgk · Dec 29, 2016 · ac30921 · ac30921
1 parent 31fd403
commit ac30921
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 13 deletions.
diff --git a/functions/core.js b/functions/core.js
@@ -1,5 +1,4 @@
 window.onload = function(){startScript();};
-
 function startScript(){
 document.getElementById('loadingScreen').style.opacity = '0';
 setTimeout(hammer,10);
@@ -16,14 +15,10 @@ function hammer(){
 var bodyBase = document.getElementById('bodyBase');
 var mc = new Hammer(bodyBase);
 mc.on("swiperight", function() {
-
-    setTimeout(toggleMenu, 10, 1);
-
+setTimeout(toggleMenu, 10, 1);
 });
 mc.on("swipeleft", function() {
-
-    setTimeout(toggleMenu, 10, 0);
-
+setTimeout(toggleMenu, 10, 0);
 });
 }
 
@@ -59,10 +54,6 @@ document.getElementById('subMenuCont').onclick = function () { toggleSubMenu(1)
 }
 }
 
-function expandSubMenu(){
-
-}
-
 function accordanceCode(){
 var acc = document.getElementsByClassName("accordion");
 var i;

diff --git a/home.html b/home.html
@@ -117,8 +117,30 @@
 </div>
 
 <div class="fixedElement header">
-    <a class="navMenuLeft closed" id="closed" onClick="openMenu()">Open Menu</a>
-    <a class="navMenuLeft opened" id="opened" onClick="closeMenu()">Close Menu</a>
+    <div id="hamburger" class="navMenuLeft hamburglar is-close" onClick="return toggleMenu(1);">
+    <div class="burger-icon">
+      <div class="burger-container">
+        <span class="burger-bun-top"></span>
+        <span class="burger-filling"></span>
+        <span class="burger-bun-bot"></span>
+      </div>
+    </div>
+    <div class="burger-ring">
+    <svg class="svg-ring">
+	      <path class="path" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="4" d="M 34 2 C 16.3 2 2 16.3 2 34 s 14.3 32 32 32 s 32 -14.3 32 -32 S 51.7 2 34 2" />
+    </svg>
+    </div>
+    <svg width="0" height="0">
+       <mask id="mask">
+    <path xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#ff0000" stroke-miterlimit="10" stroke-width="4" d="M 34 2 c 11.6 0 21.8 6.2 27.4 15.5 c 2.9 4.8 5 16.5 -9.4 16.5 h -4" />
+       </mask>
+     </svg>
+    <div class="path-burger">
+      <div class="animate-path">
+        <div class="path-rotation"></div>
+      </div>
+    </div>
+    </div>
     <a href="/home.html" class="logo">DM BUDDY</a>
 </div>