]> git.ipfire.org Git - ipfire.org.git/blobdiff - templates/base.html
Navbar styling and Intro section for Website - Start - XL
[ipfire.org.git] / templates / base.html
index 091b7834c93b34bfd82957f980b910623f6bff3d..bbcf38f0b0ae6fbd253dd5c8d69b15d0c10923aa 100644 (file)
        </head>
 
        <body id="page-top" data-spy="scroll" data-target=".navbar-custom">
-               <div class="navbar navbar-custom navbar-fixed-top" role="navigation">
-                       <div class="container">
-                               <div class="navbar-header page-scroll">
-                                       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
-                                               <span class="fa fa-bars"></span>
-                                       </button>
-                                       <span class="navbar-brand">
-                                               <img class="navbar-brand-logo" src="{{ static_url("images/tux/ipfire_tux_32x32.png") }}" alt="IPFire Logo">
-                                               <a href="/">
-                                                       {% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
-                                                               {{ _("IPFire") }}
-                                                       {% elif hostname in ("planet.ipfire.org", "planet.dev.ipfire.org") %}
-                                                               {{ _("IPFire Planet") }} &nbsp;
-                                                               <span class="text-muted">{{ _("The Blog of the IPFire Team") }}</span>
-                                                       {% elif hostname in ("wishlist.ipfire.org", "wishlist.dev.ipfire.org") %}
-                                                               {{ _("IPFire Wishlist") }} &nbsp;
-                                                               <span class="text-muted">{{ _("The IPFire Crowd-Funding Platform") }}</span>
-                                                       {% else %}
-                                                               {{ hostname }}
-                                                       {% end %}
-                                               </a>
-                                       </span>
-                               </div>
-                               <div class="collapse navbar-collapse navbar-right navbar-main-collapse" id="navbar">
+               
+               <div class="container fixed-top">
+                       <nav class="navbar navbar-toggleable justify-content-between">
+                               <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+                                       <span class="navbar-toggler-icon"></span>
+                               </button>
+                               
+                               <a class="navbar-brand" href="/">
+                                       <img src="http://static.ipfire:8891/img/ipfire-tux.png" alt="IPFire Tux" height="40px" />
+                                       {% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
+                                               {{ _("IPFire") }}
+                                       {% elif hostname in ("planet.ipfire.org", "planet.dev.ipfire.org") %}
+                                               {{ _("IPFire Planet") }} &nbsp;
+                                               <span class="text-muted">{{ _("The Blog of the IPFire Team") }}</span>
+                                       {% elif hostname in ("wishlist.ipfire.org", "wishlist.dev.ipfire.org") %}
+                                               {{ _("IPFire Wishlist") }} &nbsp;
+                                               <span class="text-muted">{{ _("The IPFire Crowd-Funding Platform") }}</span>
+                                       {% else %}
+                                               {{ hostname }}
+                                       {% end %}
+                               </a>
+                               
+                               <div id="navbarSupportedContent">
                                        {% block menu %}
                                                {% module Menu() %}
                                        {% end block %}
                                </div>
-                       </div>
+                       </nav>
                </div>
 
                {% block container %}