add responsive layout.

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

diff --git a/templates/modules/menu.html b/templates/modules/menu.html
index deba533980419a0bc32c78af39c906ac9d48e76a..f5382c64677492f2c372950f4afb411ff07fb972 100644 (file)
--- a/templates/modules/menu.html
+++ b/templates/modules/menu.html
@@ -1,69 +1,66 @@
-<ul class="navbar-nav nav">
+<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 mr-5">
+                       <a class="nav-link" href="/features">{{ _("Features") }}</a>
                </li>
 
-               <li>
-                       <a href="/get-started">{{ _("Get Started") }}</a>
+               <li class="nav-item ml-lg-5 mr-lg-5">
+                       <a class="nav-link" href="/download">{{ _("Download") }}</a>
                </li>
 
-               <li>
-                       <a href="/get-support">{{ _("Get Support") }}</a>
+               <li class="nav-item ml-lg-5 mr-lg-5">
+                       <a class="nav-link" href="/get-support">{{ _("Support") }}</a>
                </li>
 
-               <li>
-                       <a href="/get-involved">{{ _("Get Involved") }}</a>
-               </li>
-
-               <li>
-                       <a class="btn btn-success" href="/donate">{{ _("Donate") }}</a>
+               <li class="nav-item ml-lg-5 mr-lg-5">
+                       <a class="nav-link" 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" href="/phonebook">{{ _("Phonebook") }}</a>
                </li>
 
-               <li>
-                       <a href="/conferences">{{ _("Conferences") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link" 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 class="nav-item">
+                       <a class="nav-link" href="/diagnosis">{{ _("Diagnosis") }}</a>
                </li>
        {% end %}
 </ul>
@@ -81,29 +78,29 @@
 
 {% 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">
+               <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>