feat: add ASF dropdown to main nav

Author: espy

docs/_includes/default.html

@@ -44,6 +44,40 @@
           <li>
             <a class='btn btn-link btn-lg' href="{{ site.baseurl }}/learn.html">Learn</a>
           </li>
+          <li>
+            <div id="asf-dropdown-container" class="dropdown">
+              <button class="btn btn-link btn-lg dropdown-toggle" type="button" id="asf-dropdown" data-toggle="dropdown">
+                ASF
+                <span class="caret"></span>
+              </button>
+              <ul class="dropdown-menu" role="menu" aria-labelledby="asf-dropdown">
+                <li role="presentation">
+                  <a href="https://www.apache.org/" target="_blank" rel="noopener noreferrer" role="menuitem" tabindex="-1">Foundation</a>
+                </li>
+                <li role="presentation">
+                  <a href="https://www.apache.org/licenses/" target="_blank" rel="noopener noreferrer" role="menuitem" tabindex="-1">License</a>
+                </li>
+                <li role="presentation">
+                  <a href="https://www.apache.org/events/current-event.html" target="_blank" rel="noopener noreferrer" role="menuitem" tabindex="-1">Events</a>
+                </li>
+                <li role="presentation">
+                  <a href="https://privacy.apache.org/policies/privacy-policy-public.html" target="_blank" rel="noopener noreferrer" role="menuitem" tabindex="-1">Privacy</a>
+                </li>
+                <li role="presentation">
+                  <a href="https://www.apache.org/security/" target="_blank" rel="noopener noreferrer" role="menuitem" tabindex="-1">Security</a>
+                </li>
+                <li role="presentation">
+                  <a href="https://www.apache.org/foundation/sponsorship.html" target="_blank" rel="noopener noreferrer" role="menuitem" tabindex="-1">Sponsorship</a>
+                </li>
+                <li role="presentation">
+                  <a href="https://www.apache.org/foundation/thanks.html" target="_blank" rel="noopener noreferrer" role="menuitem" tabindex="-1">Thanks</a>
+                </li>
+                <li role="presentation">
+                  <a href="https://www.apache.org/foundation/policies/conduct.html" target="_blank" rel="noopener noreferrer" role="menuitem" tabindex="-1">Code of Conduct</a>
+                </li>
+              </ul>
+            </div>
+          </li>
           <li>
             <a class='btn btn-primary btn-lg' href="{{ site.baseurl }}/download.html">Download <strong>v{{ site.version }}</strong></a>
           </li>

docs/src/less/bootstrap/mixins.less

@@ -32,7 +32,8 @@
   // Default
   outline: thin dotted;
   // WebKit
-  outline: 5px auto -webkit-focus-ring-color;
+  // outline: 5px auto -webkit-focus-ring-color;
+  outline: 5px auto #de061b;
   outline-offset: -2px;
 }
 

docs/src/less/pouchdb/header.less

@@ -1,5 +1,4 @@
 header {
-  overflow: hidden;
   position: relative;
   padding: (@spacing-base * 1.333333333) 0;
   border-bottom: 1px solid #ddd;

docs/src/less/pouchdb/navs.less

@@ -11,6 +11,13 @@
   }
 }
 
+#asf-dropdown-container {
+  z-index: 100;
+  .btn-link:focus, .btn-link:hover {
+    text-decoration: none;
+  }
+}
+
 /**
  * Sidebar navigation used in learn.html
  **/

docs/src/less/pouchdb/pouchdb.less

@@ -24,6 +24,7 @@
 // Components
 @import "@{bootstrap}/media.less";
 @import "@{bootstrap}/pagination.less";
+@import "@{bootstrap}/dropdowns.less";
 @import "@{bootstrap}/pager.less";
 @import "@{bootstrap}/tooltip.less";