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 bf57f0f7b76e247597495a12d3bfed4f1fe25b6d..48377f9ace7c56c92a3c321a75d1b571f7a79010 100644 (file)
--- a/templates/modules/menu.html
+++ b/templates/modules/menu.html
@@ -1,22 +1,28 @@
+<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 class="nav-item hidden-lg-up my-4">
+               <li class="nav-item hidden-lg-up">
                        <a class="nav-link" href="/">{{ _("Home") }}</a>
                </li>
-               <li class="nav-item mb-4 mr-lg-5">
-                       <a class="nav-link" href="/features">{{ _("Features") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link about" href="/features">{{ _("Features") }}</a>
                </li>
 
-               <li class="nav-item mb-4 ml-lg-5 mr-lg-5">
-                       <a class="nav-link" href="/download">{{ _("Download") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link download" href="/download">{{ _("Download") }}</a>
                </li>
 
-               <li class="nav-item mb-4 ml-lg-5 mr-lg-5">
-                       <a class="nav-link" href="/get-support">{{ _("Support") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link support" href="/get-support">{{ _("Support") }}</a>
                </li>
 
-               <li class="nav-item mb-4 ml-lg-5 mr-lg-5">
-                       <a class="nav-link" href="/get-involved">{{ _("Community") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link community" href="/get-involved">{{ _("Community") }}</a>
                </li>
                
        {% elif hostname == "admin.ipfire.org" %}
@@ -49,11 +55,11 @@
                </li>
        {% elif hostname == "talk.ipfire.org" and current_user %}
                <li class="nav-item">
-                       <a class="nav-link" href="/phonebook">{{ _("Phonebook") }}</a>
+                       <a class="nav-link phonebook" href="/phonebook">{{ _("Phonebook") }}</a>
                </li>
 
                <li class="nav-item">
-                       <a class="nav-link" href="/conferences">{{ _("Conferences") }}</a>
+                       <a class="nav-link conferences" href="/conferences">{{ _("Conferences") }}</a>
                </li>
 
                <li class="nav-item">
@@ -63,22 +69,17 @@
                </li>
 
                <li class="nav-item">
-                       <a class="nav-link" href="/diagnosis">{{ _("Diagnosis") }}</a>
+                       <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 class="nav-item">
@@ -103,9 +104,8 @@
 {% elif not hostname in ("www.ipfire.org", "dev.ipfire.org")  %}
        <ul class="nav navbar-nav navbar-right">
                <li class="nav-item">
-               <a class="nav-link" href="http://www.ipfire.org">
-                       <i class="glyphicon glyphicon-home glyphicon-white"></i> &nbsp;
-                       www.ipfire.org
+               <a class="nav-link" href="//www.ipfire.org">
+                       <i class="fa fa-home" aria-hidden="true"></i> &nbsp; www.ipfire.org
                </a>
                </li>
        </ul>