Add dropdown to navbar

Rakefile

@@ -11,7 +11,8 @@ task :test do
     :url_ignore => [/projects/],
     :cache => {
       :timeframe => '6w'
-    }
+    },
+    :allow_hash_href => true
   }
   HTMLProofer.check_directory("./_site/", options).run
 end

_data/tabs.yml

@@ -2,19 +2,21 @@
   link: /
 
 - name: About
-  link: /about/
+  dropdown:
+  - name: About
+    link: /about/
+  - name: LibreCorps
+    link: /librecorps/
+  - name: Events
+    link: /events/
+  - name: Projects
+    link: /projects/
 
 - name: Announcements
   link: /announcements/
 
-- name: Events
-  link: /events/
-
-- name: LibreCorps
-  link: /librecorps/
-
-- name: Projects
-  link: /projects/
+- name: Calendar
+  link: /calendar/
 
 - name: Get Involved
   link: /get-involved/

_includes/layout/header.html

@@ -11,13 +11,24 @@
             <div class="collapse navbar-collapse" id="navbarNav">
                 <ul class="navbar-nav">
                 {% for tab in site.data.tabs %}
-                    {% if page.url == tab.link %}
-                    <li class="nav-item active">
+                    {% if tab.dropdown %}
+                        <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">{{ tab.name }}</a>
+                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+                                {% for ditem in tab.dropdown %}
+                                <a class="dropdown-item" href="{{ ditem.link }}">{{ ditem.name }}</a>
+                                {% endfor %}
+                            </div>
+                        </li>
                     {% else %}
-                    <li class="nav-item">
+                        {% if page.url == tab.link %}
+                        <li class="nav-item active">
+                        {% else %}
+                        <li class="nav-item">
+                        {% endif %}
+                            <a class="nav-link" href="{{ tab.link }}">{{ tab.name }}</a>
+                        </li>
                     {% endif %}
-                        <a class="nav-link" href="{{ tab.link }}">{{ tab.name }}</a>
-                    </li>
                 {% endfor %}
                 </ul>
             </div>