navbar: Show burger button only when menu exists

[ipfire.org.git] / src / templates / blog / base.html

diff --git a/src/templates/blog/base.html b/src/templates/blog/base.html
index 53cfa450767cc930d5b121f1d54500032921a795..90e501bb7318b5fb59ec5aeabec89807700a2f9d 100644 (file)
--- a/src/templates/blog/base.html
+++ b/src/templates/blog/base.html
@@ -1,8 +1,28 @@
 {% extends "../base.html" %}
 
+{% block head %}
+       <link rel="alternate" type="application/rss+xml" title="RSS" href="https://blog.ipfire.org/feed.xml" />
+{% end block %}
+
 {% block subtitle %}{{ _("Blog") }}{% end block %}
 
-{% block menu %}{% end block %}
+{% block menu %}
+       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
+                       aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+               <span class="fas fa-bars"></span>
+       </button>
+
+       <div class="collapse navbar-collapse" id="navbar">
+               <form class="form-inline ml-auto my-2 my-lg-0" action="/search" method="GET">
+                       <input class="form-control form-control-sm mr-sm-2" type="search" name="q"
+                               placeholder="{{ _("Search...") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
+               </form>
+
+               <a class="btn btn-primary btn-donate ml-2 d-none d-sm-block" href="/donate">
+                       <span class="fas fa-heart"></span> {{ _("Donate") }}
+               </a>
+       </div>
+{% end block %}
 
 {% block content %}
        <div class="row">
@@ -15,19 +35,39 @@
                                                </a>
                                        </li>
 
+                                       {% if current_user %}
+                                               <li class="nav-item">
+                                                       <a class="nav-link {% if request.path == "/drafts" %}active{% end %}" href="/drafts">
+                                                               {{ _("My Drafts") }}
+                                                       </a>
+                                               </li>
+                                       {% end %}
+
                                        <li class="nav-item">
-                                               <a class="nav-link {% if request.path == "/featured" %}active{% end %}" href="/featured">
+                                               <a class="nav-link {% if request.path == "/tags/featured" %}active{% end %}" href="/tags/featured">
                                                        {{ _("Featured") }}
                                                </a>
                                        </li>
 
                                        <li class="nav-item">
-                                               <a class="nav-link {% if request.path == "/tags/lightning-wire-labs" %}active{% end %}" href="/tags/lightning-wire-labs">
-                                                       {{ _("Lightning Wire Labs") }}
+                                               <a class="nav-link {% if request.path == "/tags/lightningwirelabs.com" %}active{% end %} d-flex justify-content-between"
+                                                               href="/tags/lightningwirelabs.com">
+                                                       <span>{{ _("Lightning Wire Labs") }}</span>
+
+                                                       <img class="img-fluid" src="{{ static_url("img/lightningwirelabs-logo.svg") }}"
+                                                               alt="{{ _("Lightning Wire Labs") }}">
+                                               </a>
+                                       </li>
+
+                                       <li class="nav-item">
+                                               <a class="nav-link d-flex justify-content-between" href="/feed.xml">
+                                                       <span>{{ _("RSS Feed") }}</span> <span class="fas fa-rss"></span>
                                                </a>
                                        </li>
                                </ul>
                        </nav>
+
+                       {% module BlogHistoryNavigation() %}
                </div>
 
                <div class="col">