changeset 1067:1868467244d2

Main menu is now 12 columns across in flexbox grid.
author Brian Neal <bgneal@gmail.com>
date Thu, 31 Mar 2016 20:32:46 -0500
parents 9410dc5b3103
children 882afcc6279e
files sg101/templates/v3/base.html
diffstat 1 files changed, 62 insertions(+), 58 deletions(-) [+]
line wrap: on
line diff
--- a/sg101/templates/v3/base.html	Thu Mar 31 20:20:29 2016 -0500
+++ b/sg101/templates/v3/base.html	Thu Mar 31 20:32:46 2016 -0500
@@ -104,64 +104,68 @@
 
 {#--------------------------- Main Menus -------------------------------------#}
 
-<div class="top-bar" id="main-menu">
-   <div class="top-bar-title">
-      <span data-responsive-toggle="responsive-menu" data-hide-for="medium">
-         <span class="menu-icon dark" data-toggle></span>
-      </span>
-      <span class="hide-for-medium"><strong>Menu</strong></span>
-   </div>
-   <div id="responsive-menu">
-   <div class="top-bar-left">
-      <ul class="menu vertical medium-horizontal expanded" data-responsive-menu="drilldown medium-dropdown">
-         <li><a href="#">News</a>
-            <ul class="menu vertical">
-               <li><a href="{% url 'news-index_page' %}">News</a></li>
-               <li><a href="{% url 'news-submit' %}">Submit News</a></li>
-            </ul>
-         </li>
-         <li><a href="#">Forums</a>
-            <ul class="menu vertical">
-               <li><a href="{% url 'forums-unread_topics' %}">Unread Topics</a></li>
-               <li><a href="{% url 'forums-active_topics' 30 %}">Active Topics</a></li>
-               <li><a href="{% url 'forums-index' %}">All Forums</a></li>
-               <li><a href="{% url 'forums-my_posts' %}">My Posts</a></li>
-               <li><a href="{% url 'forums-manage_favorites' %}">My Favorites</a></li>
-               <li><a href="{% url 'forums-manage_subscriptions' %}">My Subscriptions</a></li>
-               <li><a href="{% url 'forums-unanswered_topics' %}">Unanswered Topics</a></li>
-            </ul>
-         </li>
-         <li><a href="#">Surf Music</a>
-            <ul class="menu vertical">
-               <li><a href="{% url 'gcalendar-index' %}">Calendar</a></li>
-               <li><a href="{% url 'downloads-index' %}">Downloads</a></li>
-               <li><a href="{% url 'podcast-main' %}">Podcast</a></li>
-               <li><a href="{% url 'potd-view' %}">Photo of the Day</a></li>
-               <li><a href="{% url 'weblinks-main' %}">Links</a></li>
-               <li><a href="{% url 'bandmap-map' %}">Surf Band Map</a></li>
-               <li><a href="{% url 'ygroup-thread_index' %}">Yahoo Group</a></li>
-            </ul>
-         </li>
-         <li><a href="#">Site</a>
-            <ul class="menu vertical">
-               <li><a href="{% url 'contact-form' %}">Contact</a></li>
-               <li><a href="{% url 'contests-index' %}">Contests</a></li>
-               <li><a href="{% url 'donations-index' %}">Donations</a></li>
-               <li><a href="{% url 'polls-main' %}">Polls</a></li>
-               <li><a href="/store/">Store</a></li>
-               <li><a href="http://wiki.surfguitar101.com">Wiki</a></li>
-            </ul>
-         </li>
-         <li><a href="#">Members</a>
-            <ul class="menu vertical">
-               <li><a href="{% url 'irc-main' %}">Chat/IRC</a></li>
-               <li><a href="{% url 'bio-member_list' type='user' %}">Member List</a></li>
-               <li><a href="{% url 'bio-member_search' %}">Member Search</a></li>
-               <li><a href="{% url 'membermap-index' %}">Member Map</a></li>
-            </ul>
-         </li>
-      </ul>
-   </div>
+<div class="row">
+   <div class="small-12">
+      <div class="top-bar" id="main-menu">
+         <div class="top-bar-title">
+            <span data-responsive-toggle="responsive-menu" data-hide-for="medium">
+               <span class="menu-icon dark" data-toggle></span>
+            </span>
+            <span class="hide-for-medium"><strong>Menu</strong></span>
+         </div>
+         <div id="responsive-menu">
+            <div class="top-bar-left">
+               <ul class="menu vertical medium-horizontal expanded" data-responsive-menu="drilldown medium-dropdown">
+                  <li><a href="#">News</a>
+                     <ul class="menu vertical">
+                        <li><a href="{% url 'news-index_page' %}">News</a></li>
+                        <li><a href="{% url 'news-submit' %}">Submit News</a></li>
+                     </ul>
+                  </li>
+                  <li><a href="#">Forums</a>
+                     <ul class="menu vertical">
+                        <li><a href="{% url 'forums-unread_topics' %}">Unread Topics</a></li>
+                        <li><a href="{% url 'forums-active_topics' 30 %}">Active Topics</a></li>
+                        <li><a href="{% url 'forums-index' %}">All Forums</a></li>
+                        <li><a href="{% url 'forums-my_posts' %}">My Posts</a></li>
+                        <li><a href="{% url 'forums-manage_favorites' %}">My Favorites</a></li>
+                        <li><a href="{% url 'forums-manage_subscriptions' %}">My Subscriptions</a></li>
+                        <li><a href="{% url 'forums-unanswered_topics' %}">Unanswered Topics</a></li>
+                     </ul>
+                  </li>
+                  <li><a href="#">Surf Music</a>
+                     <ul class="menu vertical">
+                        <li><a href="{% url 'gcalendar-index' %}">Calendar</a></li>
+                        <li><a href="{% url 'downloads-index' %}">Downloads</a></li>
+                        <li><a href="{% url 'podcast-main' %}">Podcast</a></li>
+                        <li><a href="{% url 'potd-view' %}">Photo of the Day</a></li>
+                        <li><a href="{% url 'weblinks-main' %}">Links</a></li>
+                        <li><a href="{% url 'bandmap-map' %}">Surf Band Map</a></li>
+                        <li><a href="{% url 'ygroup-thread_index' %}">Yahoo Group</a></li>
+                     </ul>
+                  </li>
+                  <li><a href="#">Site</a>
+                     <ul class="menu vertical">
+                        <li><a href="{% url 'contact-form' %}">Contact</a></li>
+                        <li><a href="{% url 'contests-index' %}">Contests</a></li>
+                        <li><a href="{% url 'donations-index' %}">Donations</a></li>
+                        <li><a href="{% url 'polls-main' %}">Polls</a></li>
+                        <li><a href="/store/">Store</a></li>
+                        <li><a href="http://wiki.surfguitar101.com">Wiki</a></li>
+                     </ul>
+                  </li>
+                  <li><a href="#">Members</a>
+                     <ul class="menu vertical">
+                        <li><a href="{% url 'irc-main' %}">Chat/IRC</a></li>
+                        <li><a href="{% url 'bio-member_list' type='user' %}">Member List</a></li>
+                        <li><a href="{% url 'bio-member_search' %}">Member Search</a></li>
+                        <li><a href="{% url 'membermap-index' %}">Member Map</a></li>
+                     </ul>
+                  </li>
+               </ul>
+            </div>
+         </div>
+      </div>
    </div>
 </div>
 </header>