src/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
   8                 <meta name="keywords" content="Linux, Firewall, IPFire, Security, IPCop, Open Source, Free, ARM, VPN, Proxy, IDS, IPS" />
   9                 <meta name="description" content="{{ _("IPFire is a free firewall distribution based on Linux.") }}" />
  10
  11                 <!-- styling stuff -->
  12                 <link rel="stylesheet" type="text/css" href="{{ static_url("main.css") }}" />
  13                 <meta name="viewport" content="width=device-width, initial-scale=1.0">
  14
  15                 {% block head %}{% end block %}
  16         </head>
  17
  18         <body id="page-top">
  19                 <nav class="navbar navbar-dark navbar-expand-lg mb-4">
  20                         <div class="container">
  21                                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
  22                                                 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
  23                                         <span class="fas fa-bars"></span>
  24                                 </button>
  25
  26                                 <a class="navbar-brand mx-auto" href="/">
  27                                         <strong>IPFire</strong> {% block subtitle %}{% end block %}
  28                                 </a>
  29
  30                                 <div class="collapse navbar-collapse" id="navbar">
  31                                         {% block menu %}
  32                                                 {% module Menu() %}
  33                                         {% end block %}
  34                                 </div>
  35
  36                                 <a class="btn btn-primary btn-donate ml-2 d-none d-sm-block" href="/donate">
  37                                         <span class="fas fa-heart"></span> {{ _("Donate") }}
  38                                 </a>
  39                         </div>
  40                 </nav>
  41
  42                 {% block container %}
  43                         <div class="container">
  44                                 {% block body %}{% end block %}
  45                                 {% block content %}{% end block %}
  46                         </div>
  47                 {% end block %}
  48
  49                 {% block footer %}
  50                         <footer class="footer">
  51                                 {% if hostname in ("www.ipfire.org", "blog.ipfire.org", "dev.ipfire.org") %}
  52                                         <div class="container pb-3">
  53                                                 <div class="row mb-6 justify-content-between">
  54                                                         <div class="col-12 col-lg-4 mb-4">
  55                                                                 <h6>{{ _("Subscribe to our Newsletter") }}</h6>
  56
  57                                                                 <form method="POST" action="https://{{ "dev" if debug else "www" }}.ipfire.org/newsletter/subscribe">
  58                                                                         {% raw xsrf_form_html() %}
  59
  60                                                                         <label class="sr-only" for="email">{{ _("Email Address") }}</label>
  61
  62                                                                         <input type="email" class="form-control mb-2 mr-sm-2" id="email" name="email"
  63                                                                                 placeholder="{{ _("Your Email Address") }}">
  64
  65                                                                         <button type="submit" class="btn btn-primary btn-block mb-2">{{ _("Subscribe") }}</button>
  66                                                                 </form>
  67                                                         </div>
  68
  69                                                         <div class="col-12 col-lg-3 mb-4">
  70                                                                 <h6>{{ _("About") }}</h6>
  71
  72                                                                 <div class="row">
  73                                                                         <div class="col">
  74                                                                                 <ul class="list-unstyled">
  75                                                                                         <li>
  76                                                                                                 <a href="https://www.ipfire.org/features">{{ _("Features") }}</a>
  77                                                                                         </li>
  78
  79                                                                                         <li>
  80                                                                                                 <a href="https://downloads.ipfire.org">{{ _("Download") }}</a>
  81                                                                                         </li>
  82
  83                                                                                         <li>
  84                                                                                                 <a href="https://www.ipfire.org/support">{{ _("Support") }}</a>
  85                                                                                         </li>
  86                                                                                 </ul>
  87                                                                         </div>
  88
  89                                                                         <div class="col">
  90                                                                                 <ul class="list-unstyled">
  91                                                                                         <li>
  92                                                                                                 <a href="https://blog.ipfire.org">{{ _("Blog") }}</a>
  93                                                                                         </li>
  94
  95                                                                                         <li>
  96                                                                                                 <a href="https://wiki.ipfire.org/devel/start">{{ _("Development") }}</a>
  97                                                                                         </li>
  98
  99                                                                                         <li>
 100                                                                                                 <a href="https://www.ipfire.org/legal">{{ _("Legal") }}</a>
 101                                                                                         </li>
 102                                                                                 </ul>
 103                                                                         </div>
 104                                                                 </div>
 105                                                         </div>
 106
 107                                                         <div class="col-12 col-lg-4 text-center mb-4">
 108                                                                 <a class="btn btn-primary btn-lg my-4" href="//www.ipfire.org/donate">
 109                                                                         <span class="fas fa-heart"></span> {{ _("Donate") }}
 110                                                                 </a>
 111
 112                                                                 <div class="btn-toolbar justify-content-center">
 113                                                                         <a class="btn btn-link" href="https://twitter.com/ipfire">
 114                                                                                 <span class="fab fa-twitter"></span>
 115                                                                         </a>
 116
 117                                                                         <a class="btn btn-link" href="https://www.facebook.com/IPFire.org">
 118                                                                                 <span class="fab fa-facebook"></span>
 119                                                                         </a>
 120
 121                                                                         <a class="btn btn-link" href="https://youtube.com/user/ipfireproject">
 122                                                                                 <span class="fab fa-youtube"></span>
 123                                                                         </a>
 124                                                                 </div>
 125                                                         </div>
 126                                                 </div>
 127                                         </div>
 128                                 {% end %}
 129
 130                                 <div class="copyright">
 131                                         <div class="container d-flex justify-content-between">
 132                                                 &copy; {{ year }} - {{ _("IPFire is free software written by the IPFire Project") }}
 133
 134                                                 {% if not current_user and hostname in ("blog.ipfire.org") %}
 135                                                         <a href="/login">{{ _("Login") }}</a>
 136                                                 {% elif current_user %}
 137                                                         <span>
 138                                                                 {{ _("You are currently logged in as %s") % current_user.name }}
 139                                                                 <a href="/logout">{{ _("Logout") }}</a>
 140                                                         </span>
 141                                                 {% end %}
 142                                         </div>
 143                                 </div>
 144                         </footer>
 145                 {% end block %}
 146
 147                 <script src="{{ static_url("js/jquery-3.3.1.min.js") }}"></script>
 148                 <script src="{{ static_url("js/popper.min.js") }}"></script>
 149                 <script src="{{ static_url("js/bootstrap.min.js") }}"></script>
 150                 {% block javascript %}{% end block %}
 151         </body>
 152 </html>