]> git.ipfire.org Git - people/shoehn/ipfire.org.git/blobdiff - templates/modules/menu.html
Donation page responsivness
[people/shoehn/ipfire.org.git] / templates / modules / menu.html
index a36f338bf4176577a5b0f0a1ee7824fc2fce2203..48377f9ace7c56c92a3c321a75d1b571f7a79010 100644 (file)
-<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>
-               <li>
-                       <a href="/download">{{ _("Download") }}</a>
+               <li class="nav-item hidden-lg-up">
+                       <a class="nav-link" href="/">{{ _("Home") }}</a>
                </li>
-               <li>
-                       <a href="/donate">{{ _("Donate") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link about" href="/features">{{ _("Features") }}</a>
                </li>
 
-               <li class="dropdown">
-                       <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                               {{ _("Community") }} <b class="caret"></b>
-                       </a>
-                       <ul class="dropdown-menu">
-                               <li>
-                                       <a href="/getinvolved">{{ _("Get Involved") }}</a>
-                               </li>
-                               <li class="divider"></li>
-                               <li>
-                                       <a href="http://wiki.ipfire.org/">
-                                               <i class="glyphicon glyphicon-book"></i>
-                                               {{ _("Documentation") }}
-                                       </a>
-                               </li>
-                               <li>
-                                       <a href="http://forum.ipfire.org/">
-                                               <i class="glyphicon glyphicon-question-sign"></i>
-                                               {{ _("Support Forums") }}
-                                       </a>
-                               </li>
-                               <li>
-                                       <a href="/chat">
-                                               <i class="glyphicon glyphicon-comment"></i>
-                                               {{ _("Support Chat") }}
-                                       </a>
-                               </li>
-                               <li>
-                                       <a href="http://planet.ipfire.org/">
-                                               <i class="glyphicon glyphicon-globe"></i>
-                                               planet.ipfire.org
-                                       </a>
-                               </li>
-                               <li>
-                                       <a href="http://talk.ipfire.org">
-                                               <i class="glyphicon glyphicon-earphone"></i>
-                                               talk.ipfire.org
-                                       </a>
-                               </li>
-                               <li class="divider"></li>
-                               <li>
-                                       <a href="http://www.lightningwirelabs.com" target="_blank">
-                                               <i class="glyphicon glyphicon-certificate"></i>
-                                               {{ _("Commercial support") }}
-                                       </a>
-                               </li>
-                       </ul>
+               <li class="nav-item">
+                       <a class="nav-link download" href="/download">{{ _("Download") }}</a>
                </li>
 
-               <li>
-                       <a href="/hardware">{{ _("Hardware") }}</a>
+               <li class="nav-item">
+                       <a class="nav-link support" href="/get-support">{{ _("Support") }}</a>
                </li>
 
-               <li class="dropdown">
-                       <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                               {{ _("More") }} <b class="caret"></b>
-                       </a>
-                       <ul class="dropdown-menu">
-                               <li class="dropdown-header">
-                                       {{ _("Development") }}
-                               </li>
-                               <li>
-                                       <a href="/development">
-                                               <i class="glyphicon glyphicon-info-sign"></i>
-                                               {{ _("Overview") }}
-                                       </a>
-                               </li>
-                               <li>
-                                       <a href="https://pakfire.ipfire.org/">
-                                               <i class="glyphicon glyphicon-cog"></i>
-                                               {{ _("Pakfire Build Service") }}
-                                       </a>
-                               </li>
-                               <li>
-                                       <a href="https://bugzilla.ipfire.org/">
-                                               <i class="glyphicon glyphicon-th-list"></i>
-                                               {{ _("Bugtracker") }}
-                                       </a>
-                               </li>
-                               <li>
-                                       <a href="http://lists.ipfire.org/">
-                                               <i class="glyphicon glyphicon-envelope"></i>
-                                               {{ _("Mailing Lists") }}
-                                       </a>
-                               </li>
-
-                               <li class="dropdown-header">
-                                        {{ _("Miscellaneous") }}
-                               </li>
-                               <li>
-                                       <a href="/artwork">
-                                               <i class="glyphicon glyphicon-pencil"></i>
-                                               {{ _("Artwork") }}
-                                       </a>
-                               </li>
-                               <li>
-                                       <a href="http://fireinfo.ipfire.org/">
-                                               <i class="glyphicon glyphicon-signal"></i>
-                                               {{ _("Fireinfo") }}
-                                       </a>
-                               </li>
-                               <li>
-                                       <a href="http://mirrors.ipfire.org/">
-                                               <i class="glyphicon glyphicon-download-alt"></i>
-                                               {{ _("Mirrors") }}
-                                       </a>
-                               </li>
-                               <li>
-                                       <a href="http://nopaste.ipfire.org/">
-                                               <i class="glyphicon glyphicon-paperclip"></i>
-                                               nopaste.ipfire.org
-                                       </a>
-                               </li>
-                               <li>
-                                       <a href="/cebit">
-                                               <i class="glyphicon glyphicon-eye-open"></i>
-                                               {{ _("CeBIT") }} 2010
-                                       </a>
-                               </li>
-                               <li>
-                                       <a href="http://tracker.ipfire.org/">
-                                               <i class="glyphicon glyphicon-download-alt"></i>
-                                               {{ _("Tracker") }}
-                                       </a>
-                               </li>
-                       </ul>
+               <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 class="nav-item">
+                       <a class="nav-link" href="/planet">{{ _("Planet") }}</a>
+               </li>
+               <li class="nav-item">
+                       <a class="nav-link" href="/downloads">{{ _("Downloads") }}</a>
                </li>
-               <li>
-                       <a href="/planet">{{ _("Planet") }}</a>
+       {% elif hostname in ("downloads.ipfire.org", "download.ipfire.org", "downloads.dev.ipfire.org", "download.dev.ipfire.org") %}
+               <li class="nav-item">
+                       <a class="nav-link" href="http://mirrors.ipfire.org">{{ _("Mirrors") }}</a>
                </li>
-               <li>
-                       <a href="/downloads">{{ _("Downloads") }}</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 == "planet.ipfire.org" %}
-               <li>
-                       <a href="/hottest">{{ _("Hottest posts") }}</a>
+       {% elif hostname == "nopaste.ipfire.org" %}
+               <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 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 current_user %}
        <ul class="nav navbar-nav navbar-right">
-               <li>
-                       <a href="/profile">{{ current_user.name }}</a>
-               </li>
-               <li>
-                       <a href="/logout">
-                               <span class="glyphicon glyphicon-log-out" title="{{ _("Log out") }}"></span>
+               <li class="nav-item">
+                       <a class="nav-link" href="/profile">
+                               <span class="fa fa-user"></span> {{ current_user.name }}
                        </a>
                </li>
-       </ul>
-{% elif hostname in ("www.ipfire.org", "dev.ipfire.org") %}
-       <ul class="nav navbar-nav navbar-right visible-lg">
-               <li>
-                       <a href="http://www.lightningwirelabs.com" target="_blank">
-                       <strong>{{ _("Professional support available!") }}</strong>
+               <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>
-{% else  %}
+{% 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>