From d5372f08af60e7393563fcbfe0feb891e5cfa82a Mon Sep 17 00:00:00 2001 From: Jeremy Thomas Date: Sun, 2 Jul 2017 17:34:44 +0100 Subject: [PATCH] Add highlight --- docs/_includes/blog-hero.html | 2 +- docs/_includes/navbar.html | 4 +- docs/_javascript/main.js | 18 ++++--- docs/_layouts/default.html | 1 + docs/_layouts/documentation.html | 2 +- docs/documentation/components/navbar.html | 60 ++++++++++++++++++++++- docs/index.html | 2 +- docs/lib/main.js | 18 ++++--- 8 files changed, 86 insertions(+), 21 deletions(-) diff --git a/docs/_includes/blog-hero.html b/docs/_includes/blog-hero.html index d8cd05bf..8022ac82 100644 --- a/docs/_includes/blog-hero.html +++ b/docs/_includes/blog-hero.html @@ -1,5 +1,5 @@
- {% include navbar.html %} + {% include navbar.html id="BlogHero" %}
diff --git a/docs/_includes/navbar.html b/docs/_includes/navbar.html index d6a17e4c..19eebb42 100644 --- a/docs/_includes/navbar.html +++ b/docs/_includes/navbar.html @@ -16,14 +16,14 @@ - -
diff --git a/docs/index.html b/docs/index.html index ca08a098..a23b6cda 100644 --- a/docs/index.html +++ b/docs/index.html @@ -4,7 +4,7 @@ route: index ---
- {% include navbar.html transparent=true boxed=true %} + {% include navbar.html id="Index" transparent=true boxed=true %}
diff --git a/docs/lib/main.js b/docs/lib/main.js index a1de71a7..6c48f632 100644 --- a/docs/lib/main.js +++ b/docs/lib/main.js @@ -2,15 +2,19 @@ document.addEventListener('DOMContentLoaded', function () { - // Navbar burger menu + // Toggles - var $navBurger = document.getElementById('navBurger'); - var $navMenu = document.getElementById('navMenu'); + var $burgers = getAll('.burger'); + var $fries = getAll('.fries'); - if ($navBurger) { - $navBurger.addEventListener('click', function () { - $navBurger.classList.toggle('is-active'); - $navMenu.classList.toggle('is-active'); + if ($burgers.length > 0) { + $burgers.forEach(function ($el) { + $el.addEventListener('click', function () { + var target = $el.dataset.target; + var $target = document.getElementById(target); + $el.classList.toggle('is-active'); + $target.classList.toggle('is-active'); + }); }); }