From 0c70662823a1c90ce3873f9df9157d67ba48bbf5 Mon Sep 17 00:00:00 2001
From: XenGi <email@ricardo.band>
Date: Tue, 8 Feb 2022 22:15:50 +0000
Subject: [PATCH] Update js/main.js, index.html

---
 index.html | 27 +++++++++++++++++++++++----
 js/main.js | 14 ++++++++++++++
 2 files changed, 37 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 5d63791..563fdf2 100644
--- a/index.html
+++ b/index.html
@@ -16,13 +16,32 @@
       </span>
     </button>
 
-    <nav class="navbar">
+    <nav class="navbar" role="navigation" aria-label="main navigation">
+  <div class="navbar-brand">
+    <a class="navbar-item" href="https://bulma.io">
+      <img src="https://bulma.io/images/bulma-logo.png" alt="Bulma: Free, open source, and modern CSS framework based on Flexbox" width="112" height="28">
+    </a>
+
+    <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
+      <span aria-hidden="true"></span>
+      <span aria-hidden="true"></span>
+      <span aria-hidden="true"></span>
+    </a>
+  </div>
+</nav>
+
+    <nav class="navbar" role="navigation" aria-label="main navigation">
       <div class="container">
+        <div class="navbar-brand">
+          <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
+            <span aria-hidden="true"></span>
+            <span aria-hidden="true"></span>
+            <span aria-hidden="true"></span>
+          </a><!--/.navbar-burger-->
+        </div><!--/.navbar-brand-->
+
         <div id="navMenu" class="navbar-menu">
           <div class="navbar-start">
-            <a class="navbar-item" href="#">
-              Home
-            </a><!--/.navbar-item-->
             <a class="navbar-item" href="#features">
               Features
             </a><!--/.navbar-item-->
diff --git a/js/main.js b/js/main.js
index 1edf213..cdd8fc7 100644
--- a/js/main.js
+++ b/js/main.js
@@ -14,3 +14,17 @@ function gototop() {
   document.body.scrollTop = 0; // For Safari
   document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
 }
+
+document.addEventListener('DOMContentLoaded', function() {
+  const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
+  if ($navbarBurgers.length > 0) {
+    $navbarBurgers.forEach(function(el) {
+      el.addEventListener('click', function() {
+        const target = el.dataset.target;
+        const $target = document.getElementById(target);
+        el.classList.toggle('is-active');
+        $target.classList.toggle('is-active');
+      });
+    });
+  }
+});