Restructure default navigation menu

html-templates/includes/site.nav-sitelinks.tpl

@@ -1,6 +1,43 @@
-<li><a href="/projects">{_ "Projects"}</a></li>
-<li><a href="/people">{_ "Members"}</a></li>
-<li><a href="/mission">{_ "Mission"}</a></li>
-<li><a href="/how-to-help">{_ "How to Help"}</a></li>
-<li><a href="http://forum.codeforphilly.org/login" target="_blank">Discuss</a></li>
-<li><a href="/resources">{_ "Resources"}</a></li>
+<li class="dropdown">
+    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{_ "Projects"} <span class="caret"></span></a>
+    <ul class="dropdown-menu">
+        <li><a href="/projects">{_ "Browse Projects"}</a></li>
+        <li><a href="/pages/project_guidelines">{_ "Project Guidelines"}</a></li>
+    </ul>
+</li>
+
+<li class="dropdown">
+    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{_ "Connect"} <span class="caret"></span></a>
+    <ul class="dropdown-menu">
+        <li><a href="/chat" target="_blank">{_ "Chat"} <small>({_ "Slack"})</small></a></li>
+        <li><a href="/contact">{_ "Contact Us"}</a></li>
+        <li><a href="/members">{_ "Browse Members"}</a></li>
+    </ul>
+</li>
+
+<li class="dropdown">
+    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{_ "Events"} <span class="caret"></span></a>
+    <ul class="dropdown-menu">
+        <li class="dropdown-header">{_ "Programs"}</li>
+        <li><a href="/pages/weekly_meetups">Weekly Meetups</a></li>
+        <li><a href="/pages/hackathons">Hackathons</a></li>
+    </ul>
+</li>
+
+<li class="dropdown">
+    <a href="/resources" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{_ "Resources"} <span class="caret"></span></a>
+    <ul class="dropdown-menu">
+        {include includes/site.resourcelinks.tpl}
+    </ul>
+</li>
+
+<li class="dropdown">
+    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{_ "About"} <span class="caret"></span></a>
+    <ul class="dropdown-menu">
+        <li><a href="/mission">{_ "Mission"}</a></li>
+        <li><a href="/pages/leadership">{_ "Leadership"}</a></li>
+        <li><a href="/pages/sponsors">{_ "Sponsors"}</a></li>
+        <li><a href="/how-to-help">{_ "How to Help"}</a></li>
+        <li><a href="/pages/code_of_conduct">{_ "Code of Conduct"}</a></li>
+    </ul>
+</li>