V2.0.2

outsmartit · Dec 18, 2020 · 0ef2fd0 · 0ef2fd0
1 parent 648026c
commit 0ef2fd0
Show file tree

Hide file tree

Showing 6 changed files with 42 additions and 41 deletions.
diff --git a/_demo/.DS_Store b/_demo/.DS_Store
diff --git a/_demo/pages/.DS_Store b/_demo/pages/.DS_Store
diff --git a/_demo/pages/01.home/.DS_Store b/_demo/pages/01.home/.DS_Store
diff --git a/js/dropdown.js b/js/dropdown.js
diff --git a/js/gravtail.js b/js/gravtail.js
@@ -44,4 +44,43 @@ document.addEventListener('scroll', function () {
 
     }
 
-});
+});
+
+/*Toggle dropdown list*/
+/*https://gist.github.com/slavapas/593e8e50cf4cc16ac972afcbad4f70c8*/
+
+var navMenuDiv = document.getElementById("nav-content");
+var navMenu = document.getElementById("nav-toggle");
+
+document.onclick = check;
+
+function check(e) {
+    var target = (e && e.target) || (event && event.srcElement);
+
+    //Nav Menu
+    if (!checkParent(target, navMenuDiv)) {
+        // click NOT on the menu
+        if (checkParent(target, navMenu)) {
+            // click on the link
+            if (navMenuDiv.classList.contains("hidden")) {
+                navMenuDiv.classList.remove("hidden");
+            } else {
+                navMenuDiv.classList.add("hidden");
+            }
+        } else {
+            // click both outside link and outside menu, hide menu
+            navMenuDiv.classList.add("hidden");
+        }
+    }
+
+}
+
+function checkParent(t, elm) {
+    while (t.parentNode) {
+        if (t == elm) {
+            return true;
+        }
+        t = t.parentNode;
+    }
+    return false;
+}
diff --git a/templates/modular/hero.html.twig b/templates/modular/hero.html.twig
@@ -9,7 +9,7 @@
             <p class="leading-normal text-2xl mb-8">{{ page.header.sub_hero_title }}</p>
 
 
-            <a href=" {{ page.header.hreo_action_url }}" class="mx-auto lg:mx-0 hover:underline bg-white text-gray-800 font-bold rounded-full my-6 py-4 px-8 shadow-lg inline-block">
+            <a href=" {{ page.header.hero_action_url }}" class="mx-auto lg:mx-0 hover:underline bg-white text-gray-800 font-bold rounded-full my-6 py-4 px-8 shadow-lg inline-block">
                 {{ page.header.hero_action }}
             </a>
 
@@ -39,4 +39,4 @@
             </g>
         </g>
     </svg>
-</div>
+</div>