dropdown navbar

fmoralesc · fmoralesc · commit feb534ce8fe9 · 2015-07-04T11:08:47.000-03:00
diff --git a/_data/nav.yml b/_data/nav.yml
@@ -1,5 +1,10 @@
 - title: About
   url: /about/
+  sections:
+    - title: Charter
+      url: /charter/
+    - title: Roadmap
+      url: /roadmap/
 - title: News
   url: /news/
 - title: Development
diff --git a/_includes/nav.html b/_includes/nav.html
@@ -13,6 +13,19 @@
                  {% else %}
                   <a href="{{ site.baseurl }}{{ nav.url }}">{{ nav.title }}</a>
                  {% endif %}
+		 {% if nav.sections != null %}
+		 <ul>
+		     {% for section in nav.sections %}
+		     <li>
+			 {% if section.url contains 'http://' or section.url contains 'https://' %}
+			 <a href="{{ section.url }}">{{ section.title }}</a>
+			 {% else %}
+			 <a href="{{ site.baseurl }}{{ section.url }}">{{ section.title }}</a>
+			 {% endif %}
+		     </li>
+		     {% endfor %}
+		 </ul>
+		 {% endif %}
                 </li>
         {% endfor %}
             </ul>
diff --git a/charter.html b/charter.html
diff --git a/css/main.css b/css/main.css
@@ -126,7 +126,14 @@ pre {
     float: right;
   }
   .site-nav ul {
+    position: relative;
     list-style: none;
+    display: inline-table;
+  }
+  .site-nav ul:after {
+      content: "";
+      clear: both;
+      display: block;
   }
   .site-nav li {
     display: inline-block;
@@ -136,6 +143,28 @@ pre {
     font-family: 'Lato', sans-serif;
     position: relative;
   }
+  .site-nav ul ul {
+      background: #3C92D1;
+      font-size: 16px;
+      display: none;
+      padding: 0;
+      position: absolute;
+      top: 100%;
+  }
+  .site-nav ul li:hover > ul {
+      display: block;
+  }
+  .site-nav ul ul li {
+      margin: 0px;
+      padding: 5px;
+      width: 100%;
+  }
+  .site-nav ul ul li:hover {
+      background: #47ACF5;
+  }
+  .site-nav ul ul li a {
+      color: #FFF;
+  }
   .col-half {
     display: table-cell;
     width: 50%;
