From 80d231c4e1859f6497bb5d97420895d05d9a2f5b Mon Sep 17 00:00:00 2001
From: Udit Patel <admin@uditpatel.com>
Date: Mon, 21 Sep 2020 19:02:51 +0530
Subject: [PATCH] added dropdown menu to Governance and Projects

added dropdown links of creator and advisor pages under governance page
Created projects dropdown and added Tavern page, Arena page, Podcast page under Project dropdown

thanks to @Coolguy3289 to suggest me to add dropdown in Nav. please check and let me know if you find any bug.
---
 _includes/navlinks.html | 76 ++++++++++++++++++++++++++++++++++-------
 1 file changed, 64 insertions(+), 12 deletions(-)

diff --git a/_includes/navlinks.html b/_includes/navlinks.html
index 14b05bb..93798fd 100644
--- a/_includes/navlinks.html
+++ b/_includes/navlinks.html
@@ -5,16 +5,41 @@
         <div class="navbar-nav">
           <a class="nav-item nav-link" href="./">Home</a>
           <a class="nav-item nav-link" href="./branding/">Branding</a>
-          <a class="nav-item nav-link" href="./tavern/">Tavern</a>
           <a class="nav-item nav-link" href="./swarm/">Swarm</a>
-          <a class="nav-item nav-link" href="./governance/">Governance</a>
+          
+          <!-- Governance Dropdown Navlinks -->
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="./governance/" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              Governance
+            </a>
+            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+              <a class="dropdown-item" href="./governance/">Governance  <span class="sr-only">(current)</span></a>
+              <div class="dropdown-divider"></div>
+              <a class="dropdown-item" href="./advisors/">Advisors</a>
+              <a class="dropdown-item" href="./creators/">Creators</a>
+            </div>
+          </li>
+          <!-- /Governance Dropdown Navlinks -->
+            
+          <!-- Projects Dropdown Navlinks -->
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              Governance
+            </a>
+            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+              <a class="dropdown-item" href="#">Projects  <span class="sr-only">(current)</span></a>
+              <div class="dropdown-divider"></div>
+              <a class="dropdown-item" href="./tavern/">Tavern</a>
+              <a class="dropdown-item" href="./podcast/">Podcast</a>
+              <a class="dropdown-item" href="./arena/">Arena</a>
+            </div>
+          </li>
+          <!-- /Projects Dropdown Navlinks -->
+          
           <a class="nav-item nav-link" href="./chat/">Chat</a>
           <a class="nav-item nav-link" href="./roadmap/">Roadmap</a>
-          <a class="nav-item nav-link" href="./podcast/">Podcast</a>
-          <a class="nav-item nav-link" href="./arena/">Arena</a>
           <a class="nav-item nav-link" href="./verified/">Verified</a>
-          <a class="nav-item nav-link" href="./advisors/">Advisors</a>
-          <a class="nav-item nav-link" href="./creators/">Creators</a>
+          
           <!-- For newer additions Follow : <a class="nav-item nav-link" href="./asinpermalink/">pagename</a> -->
         </div>
      <!-- /NavLinksPart for HOMEPAGE --> 
@@ -26,16 +51,43 @@
         <div class="navbar-nav">
             <a class="nav-item nav-link" href="../">Home</a>
             <a class="nav-item nav-link" href="../branding/">Branding</a>
-            <a class="nav-item nav-link" href="../tavern/">Tavern</a>
             <a class="nav-item nav-link" href="../swarm/">Swarm</a>
-            <a class="nav-item nav-link" href="../governance/">Governance</a>
+            
+            
+            <!-- Governance Dropdown Navlinks -->
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="../governance/" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              Governance
+            </a>
+            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+              <a class="dropdown-item" href="../governance/">Governance  <span class="sr-only">(current)</span></a>
+              <div class="dropdown-divider"></div>
+              <a class="dropdown-item" href="../advisors/">Advisors</a>
+              <a class="dropdown-item" href="../creators/">Creators</a>
+            </div>
+          </li>
+          <!-- /Governance Dropdown Navlinks -->
+            
+            <!-- Projects Dropdown Navlinks -->
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              Governance
+            </a>
+            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+              <a class="dropdown-item" href="#">Projects  <span class="sr-only">(current)</span></a>
+              <div class="dropdown-divider"></div>
+              <a class="dropdown-item" href="../tavern/">Tavern</a>
+              <a class="dropdown-item" href="../podcast/">Podcast</a>
+              <a class="dropdown-item" href="../arena/">Arena</a>
+            </div>
+          </li>
+          <!-- /Projects Dropdown Navlinks -->
+            
+            
             <a class="nav-item nav-link" href="../chat/">Chat</a>
             <a class="nav-item nav-link" href="../roadmap/">Roadmap</a>
-            <a class="nav-item nav-link" href="../podcast/">Podcast</a>
-            <a class="nav-item nav-link" href="../arena/">Arena</a>
             <a class="nav-item nav-link" href="../verified/">Verified</a>
-            <a class="nav-item nav-link" href="../advisors/">Advisors</a>
-            <a class="nav-item nav-link" href="../creators/">Creators</a>
+            
             <!-- For newer additions Follow : <a class="nav-item nav-link" href="../asinpermalink/">pagename</a> -->
         </div>
      <!-- /NavLinksPart for DefaultLayoutsPages -->