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                                 <div class="container pb-3">
  52                                         <div class="row mb-6">
  53                                                 <div class="col-6 col-sm-5 offset-sm-2 col-md-3 offset-md-0 col-lg-2 mb-5">
  54                                                         <h4>{{ _("About") }}</h4>
  55
  56                                                         <ul class="list-unstyled">
  57                                                                 <li>
  58                                                                         <a href="https://www.ipfire.org/about">{{ _("About IPFire") }}</a>
  59                                                                 </li>
  60                                                                 <li>
  61                                                                         <a href="https://downloads.ipfire.org">{{ _("Download") }}</a>
  62                                                                 </li>
  63                                                                 <li>
  64                                                                         <a href="https://blog.ipfire.org">{{ _("Blog") }}</a>
  65                                                                 </li>
  66                                                                 <li>
  67                                                                         <a href="https://www.ipfire.org/legal">{{ _("Legal") }}</a>
  68                                                                 </li>
  69                                                         </ul>
  70                                                 </div>
  71
  72                                                 <div class="col-6 col-sm-5 col-md-3 col-lg-2 mb-5">
  73                                                         <h4>{{ _("Support") }}</h4>
  74
  75                                                         <ul class="list-unstyled">
  76                                                                 <li>
  77                                                                         <a href="https://www.ipfire.org/get-support#professional">{{ _("Professional Support") }}</a>
  78                                                                 </li>
  79                                                                 <li>
  80                                                                         <a href="https://wiki.ipfire.org">{{ _("Documentation") }}</a>
  81                                                                 </li>
  82                                                         </ul>
  83                                                 </div>
  84
  85                                                 <div class="col-6 col-sm-5 offset-sm-2 col-md-3 offset-md-0 col-lg-2 mb-5">
  86                                                         <h4>{{ _("Community") }}</h4>
  87
  88                                                         <ul class="list-unstyled">
  89                                                                 <li>
  90                                                                         <a href="https://forum.ipfire.org">{{ _("Forum") }}</a>
  91                                                                 </li>
  92                                                         </ul>
  93                                                 </div>
  94
  95                                                 <div class="col-6 col-sm-5 col-md-3 col-lg-2 mb-6">
  96                                                         <h4>{{ _("Development") }}</h4>
  97
  98                                                         <ul class="list-unstyled">
  99                                                                 <li>
 100                                                                         <a href="https://wiki.ipfire.org/devel/start">{{ _("Development") }}</a>
 101                                                                 </li>
 102                                                         </ul>
 103                                                 </div>
 104
 105                                                 <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">
 106                                                         <a class="btn btn-primary btn-lg" href="//www.ipfire.org/donate">
 107                                                                 <span class="fas fa-heart"></span> {{ _("Donate") }}
 108                                                         </a>
 109
 110                                                         <div class="btn-toolbar justify-content-around col-md-6 offset-md-3">
 111                                                                 <a class="btn btn-lg" href="https://blog.ipfire.org/feed.xml">
 112                                                                         <span class="fas fa-rss"></span>
 113                                                                 </a>
 114
 115                                                                 <a class="btn btn-lg" href="https://twitter.com/ipfire">
 116                                                                         <span class="fab fa-twitter"></span>
 117                                                                 </a>
 118
 119                                                                 <a class="btn btn-lg" href="https://www.facebook.com/IPFire.org">
 120                                                                         <span class="fab fa-facebook"></span>
 121                                                                 </a>
 122
 123                                                                 <a class="btn btn-lg" href="https://youtube.com/user/ipfireproject">
 124                                                                         <span class="fab fa-youtube"></span>
 125                                                                 </a>
 126                                                         </div>
 127                                                 </div>
 128                                         </div>
 129                                 </div>
 130
 131                                 <div class="copyright">
 132                                         <div class="container d-flex justify-content-between">
 133                                                 &copy; {{ year }} - {{ _("IPFire is free software written by the IPFire Project") }}
 134
 135                                                 {% if not current_user and hostname in ("blog.ipfire.org") %}
 136                                                         <a href="/login">{{ _("Login") }}</a>
 137                                                 {% elif current_user %}
 138                                                         <span>
 139                                                                 {{ _("You are currently logged in as %s") % current_user.name }}
 140                                                                 <a href="/logout">{{ _("Logout") }}</a>
 141                                                         </span>
 142                                                 {% end %}
 143                                         </div>
 144                                 </div>
 145                         </footer>
 146                         <div id="mask"></div>
 147                 {% end block %}
 148
 149                 <script src="{{ static_url("js/jquery-3.3.1.min.js") }}"></script>
 150                 <script src="{{ static_url("js/popper.min.js") }}"></script>
 151                 <script src="{{ static_url("js/bootstrap.min.js") }}"></script>
 152                 <script src="{{ static_url("js/site.js") }}"></script>
 153                 {% block javascript %}{% end block %}
 154         </body>
 155 </html>