edited hamburger animation

Author: reveurguy

_includes/navbar.html

@@ -5,51 +5,51 @@
 		  <a class="navbar-brand" href="/"><img src="/assets/img/logo/logo.png" style="height: 70px; width: 70px; background-color: white;" class="mr-3">Py Contributors</a>
 		</div>	
 	</div>
-    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor03" aria-controls="navbarColor03" aria-expanded="false" aria-label="Toggle navigation">
+    <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor03" aria-controls="navbarColor03" aria-expanded="false" aria-label="Toggle navigation"> -->
      <div class="hamburger">
         <div class="line1"></div>
         <div class="line2"></div>
         <div class="line3"></div>
     </div>
-    </button>
+    <!-- </button> -->
 
-    <div class="collapse navbar-collapse" id="navbarColor03">
-		<div class="container">
-    <div class="ml-auto mr-4">
-      <ul class="navbar-nav">
+    <!-- <div class="collapse navbar-collapse" id="navbarColor03"> -->
+		<!-- <div class="container"> -->
+    <!-- <div class="ml-auto mr-4"> -->
+      <ul >
         {% if page.active == "home" %}
-        <li class="nav-item active"><a class="nav-link" href="/">Home</a></li>
+        <li class=" active"><a class="nav-link" href="/">Home</a></li>
     {% else %}
-        <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+        <li class=""><a class="nav-link" href="/">Home</a></li>
     {% endif %}
 
     {% if page.active == "join-us" %}
-        <li class="nav-item active"><a class="nav-link" href="/join-us/index.html">Join Us</a></li>
+        <li class=" active"><a class="nav-link" href="/join-us/index.html">Join Us</a></li>
     {% else %}
-        <li class="nav-item"><a class="nav-link" href="/join-us/index.html">Join Us</a></li>
+        <li class=""><a class="nav-link" href="/join-us/index.html">Join Us</a></li>
     {% endif %}
-		  </ul>
-		  </div>
-		<div class="navbar-header brandShow">
+		  <!-- </ul> -->
+		  <!-- </div> -->
+		<!-- <div class="navbar-header brandShow">
 		  <a class="navbar-brand" href="/"><img src="/assets/img/logo/logo.png" style="height: 70px; width: 70px; background-color: white;" class="mr-3">Py Contributors</a>
-			</div>
+			</div> -->
 
-         <ul class="navbar-nav mr-auto ml-4">
+         <!-- <ul class="navbar-nav mr-auto ml-4"> -->
 
     {% if page.active == "updates" %}
-        <li class="nav-item active"><a class="nav-link" href="/updates/index.html">Updates</a></li>
+        <li class=" active"><a class="nav-link" href="/updates/index.html">Updates</a></li>
     {% else %}
-        <li class="nav-item"><a class="nav-link" href="/updates/index.html">Updates</a></li>
+        <li class=""><a class="nav-link" href="/updates/index.html">Updates</a></li>
     {% endif %}
 
     {% if page.active == "developers" %}
-        <li class="nav-item active"><a class="nav-link" href="/developers/index.html">Developers</a></li>
+        <li class=" active"><a class="nav-link" href="/developers/index.html">Developers</a></li>
     {% else %}
-        <li class="nav-item"><a class="nav-link" href="/developers/index.html">Developers</a></li>
+        <li class=""><a class="nav-link" href="/developers/index.html">Developers</a></li>
     {% endif %}			  
     </ul>
-		</div>
-	</div>
+		<!-- </div>
+	</div> -->
   </nav>
 
 <script>