]> 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 6b7563d4ceca684acbde50e0c0db4c13c06c71a2..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/style.css") }}" />
-               <link href="http://fonts.googleapis.com/css?family=Ubuntu" 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 %}
                {% end %}
        </head>
 
-       <body data-spy="scroll" data-target=".sidebar">
-               <div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
-                       <div>
-                               <div class="container">
-                                 <div class="navbar-header">
-                                       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
-                                         <span class="sr-only">Toggle navigation</span>
-                                         <span class="icon-bar"></span>
-                                         <span class="icon-bar"></span>
-                                         <span class="icon-bar"></span>
-                                       </button>
-                                       <a class="navbar-brand" href="/">
+       <body id="page-top" data-spy="scroll" data-target=".navbar-custom">
+               
+               <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 }}
-                                       </a>
-                                 </div>                                        
-                                       <div class="collapse navbar-collapse" id="navbar">
-                                               {% block menu %}
-                                                       {% module Menu() %}
-                                               {% end block %}
-                                       </div>
+                                       {% end %}
+                               </a>
+                               
+                               <div id="navbarSupportedContent">
+                                       {% block menu %}
+                                               {% module Menu() %}
+                                       {% end block %}
                                </div>
-                       </div>
+                       </nav>
                </div>
 
                {% block container %}
-                       {% block header %}{% end block %}
-
-                       <div class="container container-body">
-                               {% block body %}EMPTY BODY{% end block %}
+                       <div class="container">
+                               {% block body %}{% end block %}
                        </div>
                {% end block %}
 
                {% block footer %}
                        <footer class="footer">
                                <div class="container">
-                                       <ul class="list-unstyled list-inline pull-right">
-                                               {% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
-                                                       <li>
-                                                               <a href="/press">{{ _("Press") }}</a>
-                                                       </li>
-                                                       <li class="text-muted">&middot;</li>
-                                               {% end %}
-                                               <a href="http://www.ipfire.org/imprint">{{ _("Imprint") }}</a>
-
-                                               {% if hostname == "wishlist.ipfire.org" %}
-                                                       <li class="text-muted">&middot;</li>
-                                                       <li>
-                                                               <a href="/terms">{{ _("Terms & Conditions") }}</a>
-                                                       </li>
-                                               {% end %}
-                                       </ul>
+                                       <div class="row">
+                                               <div class="col-md-2 links">
+                                                       <h5>{{ _("About") }}</h5>
+
+                                                       <ul class="list-unstyled">
+                                                               <li>
+                                                                       <a href="http://www.ipfire.org/about">{{ _("About IPFire") }}</a>
+                                                               </li>
+                                                               <li>
+                                                                       <a href="http://download.ipfire.org">{{ _("Download") }}</a>
+                                                               </li>
+                                                               <li>
+                                                                       <a href="http://planet.ipfire.org">{{ _("Planet") }}</a>
+                                                               </li>
+                                                               <li>
+                                                                       <a href="http://www.ipfire.org/imprint">{{ _("Imprint") }}</a>
+                                                               </li>
+                                                       </ul>
+                                               </div>
+
+                                               <div class="col-md-2 links">
+                                                       <h5>{{ _("Support") }}</h5>
+
+                                                       <ul class="list-unstyled">
+                                                               <li>
+                                                                       <a href="http://www.ipfire.org/get-support#professional">{{ _("Professional Support") }}</a>
+                                                               </li>
+                                                               <li>
+                                                                       <a href="http://wiki.ipfire.org">{{ _("Documentation") }}</a>
+                                                               </li>
+                                                       </ul>
+                                               </div>
+
+                                               <div class="col-md-2 links">
+                                                       <h5>{{ _("Join") }}</h5>
+
+                                                       <ul class="list-unstyled">
+                                                               <li>
+                                                                       <a href="http://forum.ipfire.org">{{ _("Forum") }}</a>
+                                                               </li>
+                                                               <li>
+                                                                       <a href="//www.ipfire.org/chat">{{ _("Chat") }}</a>
+                                                               </li>
+                                                               <li>
+                                                                       <a href="http://lists.ipfire.org">{{ _("Mailing Lists") }}</a>
+                                                               </li>
+                                                               <li>
+                                                                       <a href="http://talk.ipfire.org">{{ _("Talk") }}</a>
+                                                               </li>
+                                                       </ul>
+                                               </div>
+
+                                               <div class="col-md-2 links">
+                                                       <h5>{{ _("Development") }}</h5>
+
+                                                       <ul class="list-unstyled">
+                                                               <li>
+                                                                       <a href="http://wiki.ipfire.org/devel/start">{{ _("Become a developer") }}</a>
+                                                               </li>
+                                                               <li>
+                                                                       <a href="https://pakfire.ipfire.org">{{ _("Pakfire Build Service") }}</a>
+                                                               </li>
+                                                               <li>
+                                                                       <a href="https://bugzilla.ipfire.org">{{ _("Bugtracker") }}</a>
+                                                               </li>
+                                                               <li>
+                                                                       <a href="http://patchwork.ipfire.org">{{ _("Patchwork") }}</a>
+                                                               </li>
+                                                       </ul>
+                                               </div>
+
+                                               <div class="col-md-4 text-center">
+                                                       <a class="btn btn-primary" href="//www.ipfire.org/donate">
+                                                               <span class="fa fa-heart"></span> {{ _("Donate") }}
+                                                       </a>
+
+                                                       <br><br>
+
+                                                       <div class="btn-toolbar links">
+                                                               <a class="btn btn-sm" href="http://www.ipfire.org/news.rss">
+                                                                       <span class="fa fa-2x fa-rss"></span>
+                                                               </a>
+                                                               <a class="btn btn-sm" href="https://twitter.com/ipfire">
+                                                                       <span class="fa fa-2x fa-twitter"></span>
+                                                               </a>
+                                                               <a class="btn btn-sm" href="https://www.facebook.com/IPFire.org">
+                                                                       <span class="fa fa-2x fa-facebook"></span>
+                                                               </a>
+                                                               <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://google.com/+IpfireOrg4Ever">
+                                                                       <span class="fa fa-2x fa-google-plus"></span>
+                                                               </a>
+                                                       </div>
+                                               </div>
+                                       </div>
+
+                                       {% if ssl_protocol %}
+                                               <p class="pull-right">
+                                                       <span class="fa fa-lock"></span> {{ ssl_protocol }}
+                                                       {% if ssl_cipher %}({{ ssl_cipher }}){% end %}
+                                               </p>
+                                       {% end %}
+
+                                       {% if hostname == "wishlist.ipfire.org" %}
+                                               <p class="pull-right">
+                                                       <a href="/terms">{{ _("Terms & Conditions") }}</a>
+                                               </p>
+                                       {% end %}
 
                                        <p>
-                                               &copy; {{ year }} - {{ _("IPFire is free software") }}
+                                               &copy; {{ year }} -
+                                               {{ _("IPFire is free software written by the IPFire Project") }}
                                        </p>
                                </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>