]> git.ipfire.org Git - people/shoehn/ipfire.org.git/blobdiff - templates/base.html
Navbar styling and Intro section for Website - Start - XL
[people/shoehn/ipfire.org.git] / templates / base.html
index 4d1df986161a2ad80777b5e0262bb552c59225ff..bbcf38f0b0ae6fbd253dd5c8d69b15d0c10923aa 100644 (file)
                <meta name="description" content="{{ _("IPFire is a free firewall distribution based on Linux.") }}" />
 
                <!-- styling stuff -->
-               <link rel="stylesheet" type="text/css" href="{{ static_url("css/bootstrap.min.css") }}" />
-               <link rel="stylesheet" type="text/css" href="{{ static_url("css/font-awesome.min.css") }}" />
-               <link rel="stylesheet" type="text/css" href="{{ static_url("css/style.css") }}" />
-               <link href="//fonts.googleapis.com/css?family=Ubuntu:400,700" rel="stylesheet" type="text/css">
+               <!-- live site -->
+               <!-- <link rel="stylesheet" type="text/css" href="{{ static_url("css/style.css") }}" /> -->
+               
+               <!-- local development -->
+               <link rel="stylesheet" type="text/css" href="http://static.ipfire:8891/css/style.css" />
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
                {% if rss_url %}
        </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 %}
                                                                <a class="btn btn-sm" href="https://youtube.com/user/ipfireproject">
                                                                        <span class="fa fa-2x fa-youtube"></span>
                                                                </a>
-                                                               <a class="btn btn-sm" href="https://plus.google.com/+ipfire">
+                                                               <a class="btn btn-sm" href="https://google.com/+IpfireOrg4Ever">
                                                                        <span class="fa fa-2x fa-google-plus"></span>
                                                                </a>
                                                        </div>
                        </footer>
                {% end block %}
 
+
+               <!--
                <script src="{{ static_url("js/jquery.js") }}"></script>
                <script src="{{ static_url("js/jquery.easing.js") }}"></script>
                <script src="{{ static_url("js/bootstrap.min.js") }}"></script>
                <script src="{{ static_url("js/site.js") }}"></script>
+               -->
+               
+               <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+               <!-- local development -->
+               <script src="http://static.ipfire:8891/js/script.min.js"></script>
        </body>
 </html>