-{# {% insert_str prelude "js/mymenu.js" %} #}
-{% insert_str prelude "css/mymenu.css" %}
+{# <a id='menu_logo' href="/"><img class="logo" src="{{ STATIC_URL }}img/myslice-logo.png" alt="MySlice" /></a> #}
+{% insert_str prelude "bootstrap/js/bootstrap.js" %}
+{% insert_str prelude "bootstrap/css/bootstrap.css" %}
+{% insert_str prelude "css/topmenu.css" %}
-<ul class="nav nav-pills" id='menu_ul'>
-{% for d in menu_items %}
- {% if d.active %}
- <li class='active'> <a href="{{ d.href }}"> {{ d.label }} </a> </li>
- {% else %}
- <li class='other'> <a href="{{ d.href }}"> {{ d.label }} </a> </li>
- {% endif %}
- {% endfor %}
-</ul>
+<div id='topmenu' class="navbar navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container-fluid">
+ <a class="brand" href="/"><img src="{{ STATIC_URL }}img/myslice-logo.png" height="30" alt="MySlice logo" /></a>
+ <div class="nav-collapse topmenu">
+ <ul class="nav nav-pills" id='menu_ul'>
+ {% for d in topmenu_items %}
+ {% if d.active %}
+ <li class='active'> <a href="{{ d.href }}"> {{ d.label }} </a> </li>
+ {% else %}
+ <li class='other'> <a href="{{ d.href }}"> {{ d.label }} </a> </li>
+ {% endif %}
+ {% endfor %}
+ </ul>
+ <p class="navbar-text pull-right">
+ {% if username %}
+ Logged in as <a href="/logout/">{{ username }}</a></p>
+ {% else %}
+ Not logged in
+ {% endif %}
+ </div><!--nav-collapse-->
+ </div><!--container-fluid-->
+ </div><!--navbar-inner-->
+</div><!--topmenu-->