templates/base.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3         <head>
   4                 <title>{{ hostname }} - {% block title %}{{ _("No title given") }}{% end block %}</title>
   5                 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   6                 <meta name="author" content="IPFire.org - IPFire Development Team" />
   7                 <meta name="verify-v1" content="2LEf3W8naILGWVy2dhedSVEHPXTpp2xFNVsHXZMH1JI=" />
   8
   9                 <!-- Your locale is {{ locale.code }} -->
  10
  11                 <meta name="keywords" content="Linux, Firewall, IPFire, Security, IPCop, Open Source, Free, ARM, VPN, Proxy, IDS, IPS" />
  12                 <meta name="description" content="{{ _("IPFire is a free firewall distribution based on Linux.") }}" />
  13
  14                 <!-- styling stuff -->
  15                 <link rel="stylesheet" type="text/css" href="{{ static_url("css/style.css") }}" />
  16
  17                 <meta name="viewport" content="width=device-width, initial-scale=1.0">
  18
  19                 {% if rss_url %}
  20                         <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ rss_url }}" />
  21                 {% end %}
  22
  23                 <script src="{{ static_url("js/jquery.js") }}"></script>
  24                 <script src="{{ static_url("js/circle-progress.min.js") }}"></script>
  25         </head>
  26
  27         <body id="page-top" data-spy="scroll" data-target=".navbar-custom">
  28
  29                 <div class="fixed-top">
  30                         <div class="container d-flex justify-content-between">
  31                                 <nav class="navbar navbar-toggleable-md align-items-md-start">
  32                                         <button class="navbar-toggler navbar-toggler-left pt-4" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  33                                                 <svg class="icon i_hamburger"><use xlink:href="{{ static_url("img/icons.svg#hamburger") }}"></use></svg>
  34                                                 <div class="visible-md-up menu-text">Menu</div>
  35                                         </button>
  36
  37                                         <a class="navbar-brand align-self-center" href="/">
  38                                                 <img src="{{ static_url("img/ipfire-tux.png") }}" alt="IPFire Tux" height="40px" />
  39                                                 {% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
  40                                                         IP<strong>Fire</strong>
  41                                                 {% elif hostname in ("planet.ipfire.org", "planet.dev.ipfire.org") %}
  42                                                         {{ _("IPFire Planet") }} &nbsp;
  43                                                         <span class="text-muted">{{ _("The Blog of the IPFire Team") }}</span>
  44                                                 {% elif hostname in ("wishlist.ipfire.org", "wishlist.dev.ipfire.org") %}
  45                                                         {{ _("IPFire Wishlist") }} &nbsp;
  46                                                         <span class="text-muted">{{ _("The IPFire Crowd-Funding Platform") }}</span>
  47                                                 {% else %}
  48                                                         {{ hostname }}
  49                                                 {% end %}
  50                                         </a>
  51
  52                                         <div id="navbarSupportedContent" class="navbar-collapse collapse d-lg-flex justify-content-lg-end pt-lg-2">
  53                                                 {% block menu %}
  54                                                         {% module Menu() %}
  55                                                 {% end block %}
  56                                         </div>
  57                                 </nav>
  58                                 <div class="align-self-start hidden-md-down">
  59                                         <a class="btn btn-red900 btn-sm mt-5" href="/donate">
  60                                                 <svg class="icon i_heart"><use xlink:href="{{ static_url("img/icons.svg#heart") }}"></use></svg>
  61                                                 <small style="vertical-align: .30rem;">{{ _("Donate") }}</small>
  62                                         </a>
  63                                 </div>
  64                         </div>
  65                 </div>
  66
  67                 {% block container %}
  68                         <div class="container">
  69                                 {% block body %}{% end block %}
  70                         </div>
  71                 {% end block %}
  72
  73                 {% block footer %}
  74                         <footer class="footer">
  75                                 <div class="container pb-3">
  76                                         <div class="row mb-6">
  77                                                 <div class="col-6 col-md-3 col-lg-2 mb-5">
  78                                                         <h4>{{ _("About") }}</h4>
  79
  80                                                         <ul class="list-unstyled">
  81                                                                 <li>
  82                                                                         <a href="http://www.ipfire.org/about">{{ _("About IPFire") }}</a>
  83                                                                 </li>
  84                                                                 <li>
  85                                                                         <a href="http://download.ipfire.org">{{ _("Download") }}</a>
  86                                                                 </li>
  87                                                                 <li>
  88                                                                         <a href="http://planet.ipfire.org">{{ _("Planet") }}</a>
  89                                                                 </li>
  90                                                                 <li>
  91                                                                         <a href="http://www.ipfire.org/imprint">{{ _("Imprint") }}</a>
  92                                                                 </li>
  93                                                         </ul>
  94                                                 </div>
  95
  96                                                 <div class="col-6 col-md-3 col-lg-2 mb-5">
  97                                                         <h4>{{ _("Support") }}</h4>
  98
  99                                                         <ul class="list-unstyled">
 100                                                                 <li>
 101                                                                         <a href="http://www.ipfire.org/get-support#professional">{{ _("Professional Support") }}</a>
 102                                                                 </li>
 103                                                                 <li>
 104                                                                         <a href="http://wiki.ipfire.org">{{ _("Documentation") }}</a>
 105                                                                 </li>
 106                                                         </ul>
 107                                                 </div>
 108
 109                                                 <div class="col-6 col-md-3 col-lg-2 mb-5">
 110                                                         <h4>{{ _("Community") }}</h4>
 111
 112                                                         <ul class="list-unstyled">
 113                                                                 <li>
 114                                                                         <a href="http://forum.ipfire.org">{{ _("Forum") }}</a>
 115                                                                 </li>
 116                                                                 <li>
 117                                                                         <a href="//www.ipfire.org/chat">{{ _("Chat") }}</a>
 118                                                                 </li>
 119                                                                 <li>
 120                                                                         <a href="http://lists.ipfire.org">{{ _("Mailing Lists") }}</a>
 121                                                                 </li>
 122                                                                 <li>
 123                                                                         <a href="http://talk.ipfire.org">{{ _("Talk") }}</a>
 124                                                                 </li>
 125                                                         </ul>
 126                                                 </div>
 127
 128                                                 <div class="col-6 col-md-3 col-lg-2 mb-6">
 129                                                         <h4>{{ _("Development") }}</h4>
 130
 131                                                         <ul class="list-unstyled">
 132                                                                 <li>
 133                                                                         <a href="http://wiki.ipfire.org/devel/start">{{ _("Become a developer") }}</a>
 134                                                                 </li>
 135                                                                 <li>
 136                                                                         <a href="https://pakfire.ipfire.org">{{ _("Pakfire Build Service") }}</a>
 137                                                                 </li>
 138                                                                 <li>
 139                                                                         <a href="https://bugzilla.ipfire.org">{{ _("Bugtracker") }}</a>
 140                                                                 </li>
 141                                                                 <li>
 142                                                                         <a href="http://patchwork.ipfire.org">{{ _("Patchwork") }}</a>
 143                                                                 </li>
 144                                                         </ul>
 145                                                 </div>
 146
 147                                                 <div class="col-md-12 col-lg-4 pt-md-6 pt-lg-1 text-center">
 148                                                         <a class="btn btn-primary btn-lg" href="//www.ipfire.org/donate">
 149                                                                 <svg class="icon i_heart"><use xlink:href="{{ static_url("img/icons.svg#heart") }}"></use></svg>
 150                                                                 {{ _("Donate") }}
 151                                                         </a>
 152
 153                                                         <div class="btn-toolbar justify-content-around col-md-6 offset-md-3">
 154                                                                 <a class="btn btn-sm" href="http://www.ipfire.org/news.rss">
 155                                                                         <svg class="icon i_rss"><use xlink:href="{{ static_url("img/icons.svg#rss") }}"></use></svg>
 156                                                                 </a>
 157                                                                 <a class="btn btn-sm" href="https://twitter.com/ipfire">
 158                                                                         <svg class="icon i_twitter"><use xlink:href="{{ static_url("img/icons.svg#twitter") }}"></use></svg>
 159                                                                 </a>
 160                                                                 <a class="btn btn-sm" href="https://www.facebook.com/IPFire.org">
 161                                                                         <svg class="icon i_facebook"><use xlink:href="{{ static_url("img/icons.svg#facebook") }}"></use></svg>
 162                                                                 </a>
 163                                                                 <a class="btn btn-sm" href="https://google.com/+IpfireOrg4Ever">
 164                                                                         <svg class="icon i_gplus"><use xlink:href="{{ static_url("img/icons.svg#gplus") }}"></use></svg>
 165                                                                 </a>
 166                                                                 <a class="btn btn-sm" href="https://youtube.com/user/ipfireproject">
 167                                                                         <svg class="icon i_youtube"><use xlink:href="{{ static_url("img/icons.svg#youtube") }}"></use></svg>
 168                                                                 </a>
 169                                                         </div>
 170                                                 </div>
 171                                         </div>
 172                                 </div>
 173
 174                                 <div id="copyright">
 175                                         <div class="container">
 176                                                 {% if ssl_protocol %}
 177                                                         <p class="pull-right">
 178                                                                 <span class="fa fa-lock"></span> {{ ssl_protocol }}
 179                                                                 {% if ssl_cipher %}({{ ssl_cipher }}){% end %}
 180                                                         </p>
 181                                                 {% end %}
 182
 183                                                 {% if hostname == "wishlist.ipfire.org" %}
 184                                                         <p class="pull-right">
 185                                                                 <a href="/terms">{{ _("Terms & Conditions") }}</a>
 186                                                         </p>
 187                                                 {% end %}
 188
 189                                                 <p><small>&copy; {{ year }} - {{ _("IPFire is free software written by the IPFire Project") }}</small></p>
 190                                         </div>
 191                                 </div>
 192                         </footer>
 193                 {% end block %}
 194
 195                 <script src="{{ static_url("js/jquery.easing.js") }}"></script>
 196                 <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
 197                 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
 198                 <script src="{{ static_url("js/site.js") }}"></script>
 199         </body>
 200 </html>