]> git.ipfire.org Git - ipfire.org.git/blobdiff - src/templates/base.html
Update navigation to Bootstrap 4.1
[ipfire.org.git] / src / templates / base.html
index 6a242bcd6ba4c7d712c84bb89c2a7d8324462962..e0fc35888de67abb40d5bb6afaca3af6a69109b4 100644 (file)
                {% if rss_url %}
                        <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ rss_url }}" />
                {% end %}
-
        </head>
 
        <body id="page-top" class="{% block title %}{% end block %}">
-               
-               <div class="fixed-top">
-                       <div class="container d-flex justify-content-between">
-                               <nav class="navbar navbar-toggleable-md align-items-md-start">
-                                       <button class="navbar-toggler navbar-toggler-left" type="button" data-toggle="slide-collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-                                               <svg class="icon i_hamburger"><use xlink:href="#hamburger"/></svg>
-                                               <div class="visible-md-up menu-text">Menu</div>
-                                       </button>
-                                       
-                                       <a class="navbar-brand align-self-center" href="/">
-                                               <img src="{{ static_url("img/ipfire-tux.png") }}" alt="IPFire Tux" height="40px" />
-                                               {% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
-                                                       IP<strong>Fire</strong>
-                                               {% elif hostname  == "planet.ipfire.org" %}
-                                                       IP<strong>Fire</strong> Planet
-                                               {% else %}
-                                                       {{ hostname }}
-                                               {% end %}
-                                       </a>
-                                       
-                                       <div id="navbarSupportedContent" class="d-lg-flex justify-content-lg-end">
-                                               {% block menu %}
-                                                       {% module Menu() %}
-                                               {% end block %}
-                                       </div>
-                               </nav>
-                               <div class="align-self-start hidden-xs-down">
-                                       <a class="btn btn-red900 btn-sm btn-donate" href="/donate">
-                                               <svg class="icon i_heart"><use xlink:href="#heart"/></svg>
-                                               {{ _("Donate") }}
-                                       </a>
+               <nav class="navbar navbar-expand-lg fixed-top bg-white">
+                       <div class="container">
+                               <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
+                                               aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+                                       <svg class="icon i_hamburger"><use xlink:href="#hamburger"/></svg>
+                               </button>
+
+                               <a class="navbar-brand text-dark" href="/">
+                                       <img src="{{ static_url("img/ipfire-tux.png") }}" alt="IPFire" height="32px" />
+                                       IP<strong>Fire</strong>
+                               </a>
+
+                               <div class="collapse navbar-collapse" id="navbar">
+                                       {% block menu %}
+                                               {% module Menu() %}
+                                       {% end block %}
                                </div>
+
+                               <a class="btn btn-primary btn-donate d-none d-sm-block" href="/donate">
+                                       <svg class="icon i_heart"><use xlink:href="#heart"/></svg>
+                                       {{ _("Donate") }}
+                               </a>
                        </div>
-               </div>
+               </nav>
 
                {% block container %}
                        <div class="container">