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" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  16                 <link rel="stylesheet" type="text/css" href="{{ static_url("css/style.css") }}" />
  17
  18                 <meta name="viewport" content="width=device-width, initial-scale=1.0">
  19
  20                 {% if rss_url %}
  21                         <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ rss_url }}" />
  22                 {% end %}
  23
  24                 <script src="{{ static_url("js/jquery.js") }}"></script>
  25                 <script src="{{ static_url("js/jquery.easing.js") }}"></script>
  26                 <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
  27                 <script src="{{ static_url("js/site.js") }}"></script>
  28                 <script src="{{ static_url("js/circle-progress.min.js") }}"></script>
  29         </head>
  30
  31         <body id="page-top" class="{% block title %}{% end block %}">
  32
  33                 <div class="fixed-top">
  34                         <div class="container d-flex justify-content-between">
  35                                 <nav class="navbar navbar-toggleable-md align-items-md-start">
  36                                         <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">
  37                                                 <svg class="icon i_hamburger"><use xlink:href="#hamburger"/></svg>
  38                                                 <div class="visible-md-up menu-text">Menu</div>
  39                                         </button>
  40
  41                                         <a class="navbar-brand align-self-center" href="/">
  42                                                 <img src="{{ static_url("img/ipfire-tux.png") }}" alt="IPFire Tux" height="40px" />
  43                                                 {% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
  44                                                         IP<strong>Fire</strong>
  45                                                 {% elif hostname in ("planet.ipfire.org", "planet.dev.ipfire.org") %}
  46                                                         {{ _("IPFire Planet") }} &nbsp;
  47                                                         <span class="text-muted">{{ _("The Blog of the IPFire Team") }}</span>
  48                                                 {% elif hostname in ("wishlist.ipfire.org", "wishlist.dev.ipfire.org") %}
  49                                                         {{ _("IPFire Wishlist") }} &nbsp;
  50                                                         <span class="text-muted">{{ _("The IPFire Crowd-Funding Platform") }}</span>
  51                                                 {% else %}
  52                                                         {{ hostname }}
  53                                                 {% end %}
  54                                         </a>
  55
  56                                         <div id="navbarSupportedContent" class="d-lg-flex justify-content-lg-end">
  57                                                 {% block menu %}
  58                                                         {% module Menu() %}
  59                                                 {% end block %}
  60                                         </div>
  61                                 </nav>
  62                                 <div class="align-self-start hidden-xs-down">
  63                                         <a class="btn btn-red900 btn-sm btn-donate" href="/donate">
  64                                                 <svg class="icon i_heart"><use xlink:href="#heart"/></svg>
  65                                                 {{ _("Donate") }}
  66                                         </a>
  67                                 </div>
  68                         </div>
  69                 </div>
  70
  71                 {% block container %}
  72                         <div class="container">
  73                                 {% block body %}{% end block %}
  74                         </div>
  75                 {% end block %}
  76
  77                 {% block footer %}
  78                         <footer class="footer">
  79                                 <div class="container pb-3">
  80                                         <div class="row mb-6">
  81                                                 <div class="col-6 col-sm-5 offset-sm-2 col-md-3 offset-md-0 col-lg-2 mb-5">
  82                                                         <h4>{{ _("About") }}</h4>
  83
  84                                                         <ul class="list-unstyled">
  85                                                                 <li>
  86                                                                         <a href="http://www.ipfire.org/about">{{ _("About IPFire") }}</a>
  87                                                                 </li>
  88                                                                 <li>
  89                                                                         <a href="http://download.ipfire.org">{{ _("Download") }}</a>
  90                                                                 </li>
  91                                                                 <li>
  92                                                                         <a href="http://planet.ipfire.org">{{ _("Planet") }}</a>
  93                                                                 </li>
  94                                                                 <li>
  95                                                                         <a href="http://www.ipfire.org/imprint">{{ _("Imprint") }}</a>
  96                                                                 </li>
  97                                                         </ul>
  98                                                 </div>
  99
 100                                                 <div class="col-6 col-sm-5 col-md-3 col-lg-2 mb-5">
 101                                                         <h4>{{ _("Support") }}</h4>
 102
 103                                                         <ul class="list-unstyled">
 104                                                                 <li>
 105                                                                         <a href="http://www.ipfire.org/get-support#professional">{{ _("Professional Support") }}</a>
 106                                                                 </li>
 107                                                                 <li>
 108                                                                         <a href="http://wiki.ipfire.org">{{ _("Documentation") }}</a>
 109                                                                 </li>
 110                                                         </ul>
 111                                                 </div>
 112
 113                                                 <div class="col-6 col-sm-5 offset-sm-2 col-md-3 offset-md-0 col-lg-2 mb-5">
 114                                                         <h4>{{ _("Community") }}</h4>
 115
 116                                                         <ul class="list-unstyled">
 117                                                                 <li>
 118                                                                         <a href="http://forum.ipfire.org">{{ _("Forum") }}</a>
 119                                                                 </li>
 120                                                                 <li>
 121                                                                         <a href="//www.ipfire.org/chat">{{ _("Chat") }}</a>
 122                                                                 </li>
 123                                                                 <li>
 124                                                                         <a href="http://lists.ipfire.org">{{ _("Mailing Lists") }}</a>
 125                                                                 </li>
 126                                                                 <li>
 127                                                                         <a href="http://talk.ipfire.org">{{ _("Talk") }}</a>
 128                                                                 </li>
 129                                                         </ul>
 130                                                 </div>
 131
 132                                                 <div class="col-6 col-sm-5 col-md-3 col-lg-2 mb-6">
 133                                                         <h4>{{ _("Development") }}</h4>
 134
 135                                                         <ul class="list-unstyled">
 136                                                                 <li>
 137                                                                         <a href="http://wiki.ipfire.org/devel/start">{{ _("Become a developer") }}</a>
 138                                                                 </li>
 139                                                                 <li>
 140                                                                         <a href="https://pakfire.ipfire.org">{{ _("Pakfire Build Service") }}</a>
 141                                                                 </li>
 142                                                                 <li>
 143                                                                         <a href="https://bugzilla.ipfire.org">{{ _("Bugtracker") }}</a>
 144                                                                 </li>
 145                                                                 <li>
 146                                                                         <a href="http://patchwork.ipfire.org">{{ _("Patchwork") }}</a>
 147                                                                 </li>
 148                                                         </ul>
 149                                                 </div>
 150
 151                                                 <div class="col-sm-8 offset-sm-2 col-md-12 offset-md-0 col-lg-4 pt-md-6 pt-lg-1 text-center">
 152                                                         <a class="btn btn-primary btn-lg" href="//www.ipfire.org/donate">
 153                                                                 <svg class="icon i_heart"><use xlink:href="#heart"/></svg>
 154                                                                 {{ _("Donate") }}
 155                                                         </a>
 156
 157                                                         <div class="btn-toolbar justify-content-around col-md-6 offset-md-3">
 158                                                                 <a class="btn btn-sm" href="http://www.ipfire.org/news.rss">
 159                                                                         <svg class="icon i_rss"><use xlink:href="#rss"/></svg>
 160                                                                 </a>
 161                                                                 <a class="btn btn-sm" href="https://twitter.com/ipfire">
 162                                                                         <svg class="icon i_twitter"><use xlink:href="#twitter"/></svg>
 163                                                                 </a>
 164                                                                 <a class="btn btn-sm" href="https://www.facebook.com/IPFire.org">
 165                                                                         <svg class="icon i_facebook"><use xlink:href="#facebook"/></svg>
 166                                                                 </a>
 167                                                                 <a class="btn btn-sm" href="https://google.com/+IpfireOrg4Ever">
 168                                                                         <svg class="icon i_gplus"><use xlink:href="#gplus"/></svg>
 169                                                                 </a>
 170                                                                 <a class="btn btn-sm" href="https://youtube.com/user/ipfireproject">
 171                                                                         <svg class="icon i_youtube"><use xlink:href="#youtube"/></svg>
 172                                                                 </a>
 173                                                         </div>
 174                                                 </div>
 175                                         </div>
 176                                 </div>
 177
 178                                 <div id="copyright">
 179                                         <div class="container">
 180                                                 {% if ssl_protocol %}
 181                                                         <p class="pull-right">
 182                                                                 <span class="fa fa-lock"></span> {{ ssl_protocol }}
 183                                                                 {% if ssl_cipher %}({{ ssl_cipher }}){% end %}
 184                                                         </p>
 185                                                 {% end %}
 186
 187                                                 {% if hostname == "wishlist.ipfire.org" %}
 188                                                         <p class="pull-right">
 189                                                                 <a href="/terms">{{ _("Terms & Conditions") }}</a>
 190                                                         </p>
 191                                                 {% end %}
 192
 193                                                 <p>&copy; {{ year }} - {{ _("IPFire is free software written by the IPFire Project") }}</p>
 194                                         </div>
 195                                 </div>
 196                         </footer>
 197                         <div id="mask"></div>
 198                 {% end block %}
 199
 200                 <!-- Hidden icon data -->
 201                 <svg aria-hidden="true" style="display:none">
 202                         <symbol id="heart" viewBox="0 0 24 24">
 203                              <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
 204                           </symbol>
 205
 206                         <symbol id="arrow_down" viewBox="0 0 24 24">
 207                                 <path d="M7.41 9.02L12 13.694l4.59-4.674L18 10.46l-6 6.122-6-6.123z"/>
 208                         </symbol>
 209
 210                         <symbol id="download" viewBox="0 0 24 24">
 211                                 <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/>
 212                         </symbol>
 213
 214                         <symbol id="facebook" viewBox="0 0 24 24">
 215                                 <path d="M17 3.207V6h-1.777c-.667 0-1.112.103-1.334.414-.222.207-.333.62-.333 1.138v2.07h3.333l-.444 3.206h-2.89V21H10v-8.172H7V9.62h3v-2.38c0-1.344.444-2.379 1.222-3.103C12 3.414 13.112 3 14.444 3c1.112 0 2 .104 2.556.207" />
 216                         </symbol>
 217
 218                         <symbol id="hamburger" viewBox="0 0 24 24">
 219                                 <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
 220                         </symbol>
 221
 222                         <symbol id="rss" viewBox="0 0 24 24">
 223                                 <path d="M6.18 15.2a2.18 2.18 0 0 1 2.18 2.18c0 1.18-.98 2.18-2.18 2.18-1.18 0-2.18-1-2.18-2.18a2.18 2.18 0 0 1 2.18-2.18zM4 4c8.594 0 15.56 6.966 15.56 15.56h-2.83c0-7.03-5.7-12.73-12.73-12.73V4zm0 5.66c5.468 0 9.9 4.432 9.9 9.9h-2.83A7.07 7.07 0 0 0 4 12.49V9.66z"/>
 224                         </symbol>
 225
 226                         <symbol id="security" viewBox="0 0 24 24">
 227                                 <path d="M13 18h1a1 1 0 0 1 1 1h7v2h-7a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1H2v-2h7a1 1 0 0 1 1-1h1v-1.66C8.07 15.13 6 12 6 8.67v-4L12 2l6 2.67v4c0 3.33-2.07 6.46-5 7.67V18zM12 4L8 5.69V9h4V4zm0 5v6c1.91-.47 4-2.94 4-5V9h-4z"/>
 228                         </symbol>
 229
 230                         <symbol id="shield" viewBox="0 0 24 24">
 231                                   <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/>
 232                         </symbol>
 233
 234                         <symbol id="github" viewBox="0 0 24 24">
 235                                 <path d="M12 2C6.477 2 2 6.477 2 12c0 4.42 2.87 8.17 6.84 9.5.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34-.46-1.16-1.11-1.47-1.11-1.47-.91-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.87 1.52 2.34 1.07 2.91.83.09-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.92 0-1.11.38-2 1.03-2.71-.1-.25-.45-1.29.1-2.64 0 0 .84-.27 2.75 1.02.79-.22 1.65-.33 2.5-.33.85 0 1.71.11 2.5.33 1.91-1.29 2.75-1.02 2.75-1.02.55 1.35.2 2.39.1 2.64.65.71 1.03 1.6 1.03 2.71 0 3.82-2.34 4.66-4.57 4.91.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2z"/>
 236                         </symbol>
 237
 238                         <symbol id="gplus" viewBox="0 0 24 24">
 239                                 <path d="M15 11.647c0 1.47-.3 2.745-.9 3.824-.7 1.078-1.5 1.96-2.6 2.647-1.1.588-2.4.882-3.9.882-1 0-2-.196-2.9-.588-1-.392-1.8-.882-2.5-1.569-.7-.686-1.2-1.47-1.6-2.451a6.91 6.91 0 0 1-.6-2.843c0-1.078.2-1.96.6-2.941.4-.883.9-1.765 1.6-2.353.7-.686 1.5-1.275 2.5-1.667C5.6 4.196 6.6 4 7.6 4c2 0 3.7.686 5.1 1.961l-2 1.96c-.8-.784-1.9-1.176-3.1-1.176-.8 0-1.6.294-2.4.686-.7.393-1.2.98-1.7 1.765-.4.686-.6 1.47-.6 2.353 0 .784.2 1.667.6 2.354.5.686 1 1.274 1.7 1.764.8.392 1.6.588 2.4.588.6 0 1.1-.098 1.6-.196.5-.196.9-.392 1.2-.588.3-.294.6-.588.8-.882.3-.294.4-.59.5-.785.1-.294.2-.588.3-.784H7.6v-2.55h7.2c.1.393.2.785.2 1.177m9-1.176v2.157h-2.2v2.059h-2.2v-2.06h-2.2v-2.156h2.2V8.314h2.2v2.157H24"/>
 240                         </symbol>
 241
 242                         <symbol id="speed" viewBox="0 0 24 24">
 243                                 <path d="M12 16a3 3 0 0 1-3-3c0-1.12.61-2.1 1.5-2.61l9.71-5.62-5.53 9.58c-.5.98-1.51 1.65-2.68 1.65zm0-13c1.81 0 3.5.5 4.97 1.32l-2.1 1.21C14 5.19 13 5 12 5a8 8 0 0 0-8 8c0 2.21.89 4.21 2.34 5.65h.01c.39.39.39 1.02 0 1.41-.39.39-1.03.39-1.42.01A9.969 9.969 0 0 1 2 13C2 7.477 6.477 3 12 3zm10 10c0 2.76-1.12 5.26-2.93 7.07-.39.38-1.02.38-1.41-.01a.996.996 0 0 1 0-1.41A7.95 7.95 0 0 0 20 13c0-1-.19-2-.54-2.9L20.67 8C21.5 9.5 22 11.18 22 13z"/>
 244                         </symbol>
 245
 246                         <symbol id="twitter" viewBox="0 0 24 24">
 247                                 <path d="M22 6.792c-.58.835-1.159 1.552-1.97 2.15v.476c0 1.194-.116 2.27-.464 3.344a8.244 8.244 0 0 1-1.39 3.104 11.87 11.87 0 0 1-2.2 2.627c-.812.716-1.854 1.313-3.128 1.79-1.16.479-2.55.717-3.94.717-2.085 0-4.17-.596-5.908-1.79h.927c1.737 0 3.36-.478 4.866-1.672-.927 0-1.622-.24-2.318-.836-.695-.478-1.158-1.194-1.39-1.91h.811c.348 0 .696 0 .927-.12-.811-.24-1.622-.716-2.201-1.433-.58-.716-.927-1.552-.927-2.507.58.238 1.159.478 1.854.478-.58-.359-1.043-.836-1.275-1.433a4.331 4.331 0 0 1-.463-2.03c0-.717.116-1.433.463-2.03 1.043 1.194 2.201 2.15 3.592 2.985 1.39.716 2.896 1.194 4.518 1.313-.116-.358-.116-.716-.116-1.074 0-1.075.348-2.03 1.159-2.866C14.122 5.359 15.049 5 16.09 5c1.159 0 2.085.359 2.896 1.194.927-.119 1.738-.477 2.433-.955-.231.955-.81 1.672-1.621 2.27A7.918 7.918 0 0 0 22 6.791"/>
 248                         </symbol>
 249
 250                         <symbol id="youtube" viewBox="0 0 26 26">
 251                                 <path d="M16.412 12.716c.235-.238.353-.358.353-.716s-.118-.597-.353-.716l-6.353-3.94c-.236-.12-.47-.24-.823 0-.236.12-.354.358-.354.716v7.88c0 .358.118.597.354.717.235.119.352.119.47.119.117 0 .235 0 .353-.12l6.353-3.94zM23 10.09v3.82c0 .358 0 .955-.118 1.672 0 .716-.118 1.313-.235 1.79-.118.597-.47 1.075-.824 1.553-.47.358-.94.597-1.53.716-1.881.24-4.587.359-8.234.359-3.647 0-6.47-.12-8.235-.359-.588-.119-1.059-.358-1.53-.716-.47-.358-.705-.956-.823-1.552a23.942 23.942 0 0 1-.353-1.791c0-.717 0-1.314-.118-1.672v-3.82c.118-.358.118-.955.118-1.672.117-.716.235-1.314.353-1.79.118-.597.353-1.195.823-1.553.471-.478.942-.716 1.53-.716C5.588 4.12 8.412 4 12.06 4c3.647 0 6.353.12 8.235.359.588 0 1.059.238 1.529.716.353.358.706.956.824 1.552a7.38 7.38 0 0 1 .235 1.791C23 9.135 23 9.732 23 10.09z"/>
 252                         </symbol>
 253
 254                         <symbol id="couch" viewBox="0 0 24 24">
 255                                 <defs><path id="a" d="M0 0h24v24H0z"/></defs><g><mask id="b"><use xlink:href="#a"/></mask><path d="M21 10c-1.1 0-2 .9-2 2v3H5v-3c0-1.1-.9-2-2-2s-2 .9-2 2v5c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2v-5c0-1.1-.9-2-2-2zm-3-5H6c-1.1 0-2 .9-2 2v2.15c1.16.41 2 1.51 2 2.82V14h12v-2.03c0-1.3.84-2.4 2-2.82V7c0-1.1-.9-2-2-2z" mask="url(#b)"/></g>
 256                         </symbol>
 257                 </svg>
 258         </body>
 259 </html>