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                                 <a class="navbar-brand mx-auto" href="/">
  22                                         <strong>IPFire</strong>
  23
  24                                         {% if hostname == "blog.ipfire.org" %}
  25                                                 {{ _("Blog") }}
  26                                         {% elif hostname == "people.ipfire.org" %}
  27                                                 {{ _("People") }}
  28                                         {% end %}
  29                                 </a>
  30
  31                                 {% block menu %}
  32                                         {% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
  33                                                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
  34                                                                 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
  35                                                         <span class="fas fa-bars"></span>
  36                                                 </button>
  37
  38                                                 <div class="collapse navbar-collapse" id="navbar">
  39                                                         <ul class="navbar-nav ml-auto">
  40                                                                 <li class="nav-item d-sm-block d-md-block d-lg-none">
  41                                                                         <a class="nav-link {% if request.path == "/" %}active{% end %}" href="/">{{ _("Home") }}</a>
  42                                                                 </li>
  43
  44                                                                 <li class="nav-item">
  45                                                                         <a class="nav-link {% if request.path == "/features" %}active{% end %}" href="/features">{{ _("Features") }}</a>
  46                                                                 </li>
  47
  48                                                                 <li class="nav-item">
  49                                                                         <a class="nav-link {% if request.path.startswith("/download") %}active{% end %}" href="/download">{{ _("Download") }}</a>
  50                                                                 </li>
  51
  52                                                                 <li class="nav-item">
  53                                                                         <a class="nav-link {% if request.path == "/support" %}active{% end %}" href="/support">{{ _("Support") }}</a>
  54                                                                 </li>
  55                                                         </ul>
  56
  57                                                         <a class="btn btn-primary btn-donate ml-2 d-none d-sm-block" href="/donate">
  58                                                                 <span class="fas fa-heart"></span> {{ _("Donate") }}
  59                                                         </a>
  60                                                 </div>
  61                                         {% elif hostname == "blog.ipfire.org" %}
  62                                                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
  63                                                                 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
  64                                                         <span class="fas fa-bars"></span>
  65                                                 </button>
  66
  67                                                 <div class="collapse navbar-collapse" id="navbar">
  68                                                         <form class="form-inline ml-auto my-2 my-lg-0" action="/search" method="GET">
  69                                                                 <input class="form-control form-control-sm mr-sm-2" type="search" name="q"
  70                                                                         placeholder="{{ _("Search...") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
  71                                                         </form>
  72
  73                                                         <a class="btn btn-primary btn-donate ml-2 d-none d-sm-block" href="/donate">
  74                                                                 <span class="fas fa-heart"></span> {{ _("Donate") }}
  75                                                         </a>
  76                                                 </div>
  77                                         {% elif hostname == "nopaste.ipfire.org" %}
  78                                                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
  79                                                                 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
  80                                                         <span class="fas fa-bars"></span>
  81                                                 </button>
  82
  83                                                 <div class="collapse navbar-collapse" id="navbar">
  84                                                         <ul class="navbar-nav ml-auto">
  85                                                                 <li class="nav-item">
  86                                                                         <a class="nav-link" href="/?mode=upload">{{ _("Upload file") }}</a>
  87                                                                 </li>
  88                                                         </ul>
  89                                                 </div>
  90                                         {% elif hostname == "people.ipfire.org" %}
  91                                                 {% if current_user %}
  92                                                         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
  93                                                                         aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
  94                                                                 <span class="fas fa-bars"></span>
  95                                                         </button>
  96
  97                                                         <div class="collapse navbar-collapse" id="navbar">
  98                                                                 <ul class="navbar-nav ml-auto mr-3">
  99                                                                         <li class="nav-item">
 100                                                                                 <a class="nav-link {% if request.path == "/users/%s" % current_user.uid %}active{% end %}" href="/users/{{ current_user.uid }}">
 101                                                                                         {{ _("My Profile") }}
 102                                                                                 </a>
 103                                                                         </li>
 104
 105                                                                         <li class="nav-item">
 106                                                                                 <a class="nav-link {% if request.path.startswith("/users/%s/calls" % current_user.uid) %}active{% end %}" href="/users/{{ current_user.uid }}/calls">
 107                                                                                         {{ _("My Calls") }}
 108
 109                                                                                         {% if current_user.sip_channels %}
 110                                                                                                 <span class="badge badge-primary ml-2">{{ len(current_user.sip_channels) }}</span>
 111                                                                                         {% end %}
 112                                                                                 </a>
 113                                                                         </li>
 114
 115                                                                         <li class="nav-item">
 116                                                                                 <a class="nav-link {% if request.path == "/users" %}active{% end %}" href="/users">
 117                                                                                         {{ _("Users") }}
 118                                                                                 </a>
 119                                                                         </li>
 120
 121                                                                         <li class="nav-item">
 122                                                                                 <a class="nav-link {% if request.path.startswith("/conferences") %}active{% end %}" href="/conferences">
 123                                                                                         {{ _("Conferences") }}
 124                                                                                 </a>
 125                                                                         </li>
 126                                                                 </ul>
 127
 128                                                                 <form class="form-inline my-2 my-lg-0" action="/search" method="GET">
 129                                                                         <input class="form-control form-control-sm mr-sm-2" type="search" name="q"
 130                                                                                 placeholder="{{ _("Search") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
 131                                                                 </form>
 132                                                         </div>
 133                                                 {% end %}
 134                                         {% end %}
 135                                 {% end block %}
 136                         </div>
 137                 </nav>
 138
 139                 {% block container %}
 140                         <div class="container">
 141                                 {% block body %}{% end block %}
 142                                 {% block content %}{% end block %}
 143                         </div>
 144                 {% end block %}
 145
 146                 {% block footer %}
 147                         <footer>
 148                                 <div class="footer">
 149                                         {% if hostname in ("www.ipfire.org", "blog.ipfire.org", "dev.ipfire.org") %}
 150                                                 <div class="footer-info">
 151                                                         <div class="container pb-3">
 152                                                                 <div class="row mb-6 justify-content-between">
 153                                                                         <div class="col-12 col-lg-4 mb-4">
 154                                                                                 <h6>{{ _("Subscribe to our Newsletter") }}</h6>
 155
 156                                                                                 <form method="POST" action="https://{{ "dev.ipfire.org" if hostname == "dev.ipfire.org" else "www.ipfire.org" }}/newsletter/subscribe">
 157                                                                                         {% raw xsrf_form_html() %}
 158
 159                                                                                         <label class="sr-only" for="email">{{ _("Email Address") }}</label>
 160
 161                                                                                         <input type="email" class="form-control mb-2 mr-sm-2" id="email" name="email"
 162                                                                                                 placeholder="{{ _("Your Email Address") }}">
 163
 164                                                                                         <button type="submit" class="btn btn-primary btn-block mb-2">{{ _("Subscribe") }}</button>
 165                                                                                 </form>
 166                                                                         </div>
 167
 168                                                                         <div class="col-12 col-lg-3 mb-4 small">
 169                                                                                 <h6>{{ _("About") }}</h6>
 170
 171                                                                                 <div class="row">
 172                                                                                         <div class="col">
 173                                                                                                 <ul class="list-unstyled">
 174                                                                                                         <li>
 175                                                                                                                 <a href="https://www.ipfire.org/features">{{ _("Features") }}</a>
 176                                                                                                         </li>
 177
 178                                                                                                         <li>
 179                                                                                                                 <a href="https://downloads.ipfire.org">{{ _("Download") }}</a>
 180                                                                                                         </li>
 181
 182                                                                                                         <li>
 183                                                                                                                 <a href="https://www.ipfire.org/support">{{ _("Support") }}</a>
 184                                                                                                         </li>
 185                                                                                                 </ul>
 186                                                                                         </div>
 187
 188                                                                                         <div class="col">
 189                                                                                                 <ul class="list-unstyled">
 190                                                                                                         <li>
 191                                                                                                                 <a href="https://blog.ipfire.org">{{ _("Blog") }}</a>
 192                                                                                                         </li>
 193
 194                                                                                                         <li>
 195                                                                                                                 <a href="https://wiki.ipfire.org/devel/start">{{ _("Development") }}</a>
 196                                                                                                         </li>
 197
 198                                                                                                         <li>
 199                                                                                                                 <a href="https://www.ipfire.org/legal">{{ _("Legal") }}</a>
 200                                                                                                         </li>
 201                                                                                                 </ul>
 202                                                                                         </div>
 203                                                                                 </div>
 204                                                                         </div>
 205
 206                                                                         <div class="col-12 col-lg-4 text-center mb-4">
 207                                                                                 <a class="btn btn-primary btn-lg px-4 my-4" href="//www.ipfire.org/donate">
 208                                                                                         <span class="fas fa-heart"></span> {{ _("Donate") }}
 209                                                                                 </a>
 210
 211                                                                                 <div class="btn-toolbar justify-content-center">
 212                                                                                         <a class="btn btn-link" href="https://twitter.com/ipfire">
 213                                                                                                 <span class="fab fa-twitter"></span>
 214                                                                                         </a>
 215
 216                                                                                         <a class="btn btn-link" href="https://www.facebook.com/IPFire.org">
 217                                                                                                 <span class="fab fa-facebook"></span>
 218                                                                                         </a>
 219
 220                                                                                         <a class="btn btn-link" href="https://youtube.com/user/ipfireproject">
 221                                                                                                 <span class="fab fa-youtube"></span>
 222                                                                                         </a>
 223                                                                                 </div>
 224                                                                         </div>
 225                                                                 </div>
 226                                                         </div>
 227                                                 </div>
 228                                         {% end %}
 229
 230                                         <div class="copyright">
 231                                                 <div class="container d-flex justify-content-between">
 232                                                         &copy; {{ year }} - {{ _("IPFire is free software written by the IPFire Project") }}
 233
 234                                                         {% if not current_user and hostname in ("blog.ipfire.org") %}
 235                                                                 <a href="/login">{{ _("Login") }}</a>
 236                                                         {% elif current_user %}
 237                                                                 <span>
 238                                                                         {{ _("You are currently logged in as %s") % current_user.name }}
 239                                                                         <a href="/logout">{{ _("Logout") }}</a>
 240                                                                 </span>
 241                                                         {% end %}
 242                                                 </div>
 243                                         </div>
 244                                 </div>
 245                         </footer>
 246                 {% end block %}
 247
 248                 <script src="{{ static_url("js/jquery-3.3.1.min.js") }}"></script>
 249                 <script src="{{ static_url("js/popper.min.js") }}"></script>
 250                 <script src="{{ static_url("js/bootstrap.min.js") }}"></script>
 251                 {% block javascript %}{% end block %}
 252         </body>
 253 </html>