Donation page responsivness

[people/shoehn/ipfire.org.git] / templates / modules / menu.html

diff --git a/templates/modules/menu.html b/templates/modules/menu.html
index 65d49a209635413dfd135f20174135084cb9539a..48377f9ace7c56c92a3c321a75d1b571f7a79010 100644 (file)
--- a/templates/modules/menu.html
+++ b/templates/modules/menu.html
@@ -1,111 +1,111 @@
-<ul class="navbar-nav nav">
+<div class="hidden-lg-up">
+       <div class="tux">
+               <h1>IP<strong>Fire</strong></h1>
+       </div>
+</div>
+
+<ul class="navbar-nav justify-content-lg-end">
        {% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
-               <li>
-                       <a href="/about">{{ _("About IPFire") }}</a>
+               <li class="nav-item hidden-lg-up">
+                       <a class="nav-link" href="/">{{ _("Home") }}</a>
                </li>
-
-               <li>
-                       <a href="/get-started">{{ _("Get Started") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link about" href="/features">{{ _("Features") }}</a>
                </li>
 
-               <li>
-                       <a href="/get-support">{{ _("Get Support") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link download" href="/download">{{ _("Download") }}</a>
                </li>
 
-               <li>
-                       <a href="/get-involved">{{ _("Get Involved") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link support" href="/get-support">{{ _("Support") }}</a>
                </li>
 
-               <li>
-                       <a href="/donate">{{ _("Donate") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link community" href="/get-involved">{{ _("Community") }}</a>
                </li>
+               
        {% elif hostname == "admin.ipfire.org" %}
-               <li>
-                       <a href="/fireinfo">{{ _("Fireinfo") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link" href="/fireinfo">{{ _("Fireinfo") }}</a>
                </li>
-               <li>
-                       <a href="/planet">{{ _("Planet") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link" href="/planet">{{ _("Planet") }}</a>
                </li>
-               <li>
-                       <a href="/downloads">{{ _("Downloads") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link" href="/downloads">{{ _("Downloads") }}</a>
                </li>
        {% elif hostname in ("downloads.ipfire.org", "download.ipfire.org", "downloads.dev.ipfire.org", "download.dev.ipfire.org") %}
-               <li>
-                       <a href="http://mirrors.ipfire.org">{{ _("Mirrors") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link" href="http://mirrors.ipfire.org">{{ _("Mirrors") }}</a>
                </li>
-               <li>
-                       <a href="http://tracker.ipfire.org">{{ _("Tracker") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link" href="http://tracker.ipfire.org">{{ _("Tracker") }}</a>
                </li>
        {% elif hostname == "fireinfo.ipfire.org" %}
-               <li>
-                       <a href="/device/vendors">{{ _("Device Vendors") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link" href="/device/vendors">{{ _("Device Vendors") }}</a>
                </li>
-               <li>
-                       <a href="/statistics">{{ _("Statistics") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link" href="/statistics">{{ _("Statistics") }}</a>
                </li>
        {% elif hostname == "nopaste.ipfire.org" %}
-               <li>
-                       <a href="/?mode=upload">{{ _("Upload file") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link" href="/?mode=upload">{{ _("Upload file") }}</a>
                </li>
        {% elif hostname == "talk.ipfire.org" and current_user %}
-               <li>
-                       <a href="/phonebook">{{ _("Phonebook") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link phonebook" href="/phonebook">{{ _("Phonebook") }}</a>
                </li>
 
-               <li>
-                       <a href="/conferences">{{ _("Conferences") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link conferences" href="/conferences">{{ _("Conferences") }}</a>
                </li>
 
-               <li>
-                       <a href="http://wiki.ipfire.org/en/community/talk.ipfire.org/start">
+               <li class="nav-item">
+                       <a class="nav-link" href="http://wiki.ipfire.org/en/community/talk.ipfire.org/start">
                                {{ _("Documentation") }}
                        </a>
                </li>
 
-               <li>
-                       <a href="/diagnosis">{{ _("Diagnosis") }}</a>
-               </li>
+               <li class="nav-item">
+                       <a class="nav-link diagnosis" href="/diagnosis">{{ _("Diagnosis") }}</a>
+               </li>
+       {% elif hostname == "planet.ipfire.org" %}
+               <form class="form-inline" role="search" method="GET" action="/search">
+                       <input type="text" class="form-control mx-2" name="q" placeholder="{{ _("Search") }}">
+                       <button type="submit" class="btn btn-default m-2"><span class="fa fa-search"></span></button>
+               </form>
+       
        {% end %}
 </ul>
 
-{% if hostname == "planet.ipfire.org" %}
-       <form class="navbar-form navbar-left" role="search" method="GET" action="/search">
-               <div class="form-group">
-                       <input type="text" class="form-control" name="q" placeholder="{{ _("Search") }}">
-               </div>
-               <button type="submit" class="btn btn-default">
-                       <span class="fa fa-search"></span>
-               </button>
-       </form>
-{% end %}
-
 {% if current_user %}
        <ul class="nav navbar-nav navbar-right">
-               <li>
-                       <a href="/profile">
+               <li class="nav-item">
+                       <a class="nav-link" href="/profile">
                                <span class="fa fa-user"></span> {{ current_user.name }}
                        </a>
                </li>
-               <li>
-                       <a href="/logout">
+               <li class="nav-item">
+                       <a class="nav-link" href="/logout">
                                <span class="glyphicon glyphicon-log-out" title="{{ _("Log out") }}"></span>
                        </a>
                </li>
        </ul>
 {% elif hostname in ("admin.ipfire.org", "nopaste.ipfire.org", "talk.ipfire.org") %}
        <ul class="nav navbar-nav navbar-right">
-               <li>
-                       <a href="/login">
+               <li class="nav-item">
+                       <a class="nav-link" href="/login">
                                <span class="glyphicon glyphicon-log-in" title="{{ _("Log in") }}"></span>
                        </a>
                </li>
        </ul>
 {% elif not hostname in ("www.ipfire.org", "dev.ipfire.org")  %}
        <ul class="nav navbar-nav navbar-right">
-               <li>
-               <a href="http://www.ipfire.org">
-                       <i class="glyphicon glyphicon-home glyphicon-white"></i> &nbsp;
-                       www.ipfire.org
+               <li class="nav-item">
+               <a class="nav-link" href="//www.ipfire.org">
+                       <i class="fa fa-home" aria-hidden="true"></i> &nbsp; www.ipfire.org
                </a>
                </li>
        </ul>