Просмотр исходного кода

Implements collapsible navbar

It shows site name in the nav bar and in the header.
Talha Mansoor лет назад: 11
Родитель
Сommit
e528ddd328
1 измененных файлов с 22 добавлено и 13 удалено
  1. 22 13
      templates/base.html

+ 22 - 13
templates/base.html

@@ -12,22 +12,31 @@
     <body>
         <script src="http://code.jquery.com/jquery.js"></script>
         <script src="{{ SITEURL }}/theme/js/bootstrap.min.js"></script>
+
         <div class="navbar navbar-static-top navbar-inverse">
             <div class="navbar-inner">
-                <ul class="nav pull-right">
-                    <li {% if page_name == "index" %} class="active"{% endif %}><a href="{{ SITEURL }}">Home</a></li>
-                    {% if DISPLAY_PAGES_ON_MENU %}
-                        {% for page in pages %}
+                <div class="container">
+                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                    </a>
+                    <a class="brand" href="{{ SITEURL }}/">{{ SITENAME }}</a>
+                    <div class="nav-collapse collapse">
+                        <ul class="nav pull-right">
+                            <li {% if page_name == "index" %} class="active"{% endif %}><a href="{{ SITEURL }}">Home</a></li>
+                            {% if DISPLAY_PAGES_ON_MENU %}
+                            {% for page in pages %}
                             <li {% if output_file == page.url %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ page.url }}">{{ page.title }}</a></li>
-                        {% endfor %}
-                    {% endif %}
-                    <li {% if page_name == "categories" %} class="active"{% endif %}><a href="{{ SITEURL }}/categories.html">Categories</a></li>
-                    <li {% if page_name == "tags" %} class="active"{% endif %}><a href="{{ SITEURL }}/tags.html">Tags</a></li>
-                    <li {% if page_name == "archives" %} class="active"{% endif %}><a href="{{ SITEURL }}/archives.html">Archives</a></li>
-                    <li><form class="navbar-search">
-                        <input type="text" class="search-query" placeholder="Search">
-                    </form></li>
-                </ul>
+                            {% endfor %}
+                            {% endif %}
+                            <li {% if page_name == "categories" %} class="active"{% endif %}><a href="{{ SITEURL }}/categories.html">Categories</a></li>
+                            <li {% if page_name == "tags" %} class="active"{% endif %}><a href="{{ SITEURL }}/tags.html">Tags</a></li>
+                            <li {% if page_name == "archives" %} class="active"{% endif %}><a href="{{ SITEURL }}/archives.html">Archives</a></li>
+                            <li><form class="navbar-search"> <input type="text" class="search-query" placeholder="Search"></form></li>
+                        </ul>
+                    </div>
+                </div>
             </div>
         </div>
         <div class="container-fluid">