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
  10                 <link rel="icon" sizes="192x192" href="{{ static_url("img/apple-touch-icon-192x192-precomposed.png") }}">
  11                 {% for res in ("72x72", "76x76", "120x120", "144x144", "152x152", "180x180") %}
  12                         <link rel="apple-touch-icon-precomposed" sizes="{{ res }}" href="{{ static_url("img/apple-touch-icon-%s-precomposed.png" % res )}}">
  13                 {% end %}
  14                 <link rel="apple-touch-icon-precomposed" href="{{ static_url("img/apple-touch-icon-60x60-precomposed.png") }}">
  15
  16                 <!-- styling stuff -->
  17                 <link rel="stylesheet" type="text/css" href="{{ static_url("main.css") }}" />
  18                 <meta name="viewport" content="width=device-width, initial-scale=1.0">
  19
  20                 {% block head %}{% end block %}
  21         </head>
  22
  23         <body class="is-flex is-flex-direction-column">
  24                 <nav class="navbar" role="navigation" aria-label="main navigation">
  25                         <div class="container">
  26                                 <div class="navbar-brand">
  27                                         <a class="navbar-item is-size-4" href="/">
  28                                                 <strong>
  29                                                         {% if request.path.startswith("/location") %}
  30                                                                 {% module IPFireLogo("Location") %}
  31                                                         {% elif hostname.startswith("fireinfo.") %}
  32                                                                 {% module IPFireLogo("Fireinfo") %}
  33                                                         {% elif hostname.startswith("nopaste.") %}
  34                                                                 {% module IPFireLogo("NoPaste") %}
  35                                                         {% else %}
  36                                                                 {% module IPFireLogo() %}
  37                                                         {% end %}
  38                                                 </strong>
  39                                         </a>
  40
  41                                         <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarMainMenu">
  42                                                 <span aria-hidden="true"></span>
  43                                                 <span aria-hidden="true"></span>
  44                                                 <span aria-hidden="true"></span>
  45                                         </a>
  46                                 </div>
  47                                 <div class="navbar-menu" id="navbarMainMenu">
  48                                         {% block menu %}
  49                                                 {% if hostname.startswith("www.") or hostname.startswith("dev.") %}
  50                                                         <div class="navbar-end">
  51                                                                 {# Show a search bar for blog #}
  52                                                                 {% if request.path.startswith("/blog") %}
  53                                                                         {# Navigation for Blog Authors #}
  54                                                                         {% if current_user and current_user.is_blog_author() %}
  55                                                                                 <a class="navbar-item is-tab {% if request.path == "/blog/drafts" %}is-active{% end %}" href="/blog/drafts">
  56                                                                                         {{ _("My Drafts") }}
  57                                                                                 </a>
  58                                                                         {% end %}
  59
  60                                                                         <div class="navbar-item">
  61                                                                                 <form action="/blog" method="GET">
  62                                                                                         <div class="field">
  63                                                                                                 <div class="control has-icons-left">
  64                                                                                                         <input class="input" type="text"
  65                                                                                                                 name="q" {% if q %}value="{{ q }}"{% end %}
  66                                                                                                                 placeholder="{{ _("Search Blog...") }}">
  67                                                                                                         <span class="icon is-small is-left">
  68                                                                                                                 <i class="fas fa-search"></i>
  69                                                                                                         </span>
  70                                                                                                 </div>
  71                                                                                         </div>
  72                                                                                 </form>
  73                                                                         </div>
  74                                                                 {# Show a search bar for docs #}
  75                                                                 {% elif request.path.startswith("/docs") %}
  76                                                                         <div class="navbar-item">
  77                                                                                 <form action="/docs/search" method="GET">
  78                                                                                         <div class="field">
  79                                                                                                 <div class="control has-icons-left">
  80                                                                                                         <input class="input" type="text"
  81                                                                                                                 name="q" {% if q %}value="{{ q }}"{% end %}
  82                                                                                                                 placeholder="{{ _("Search Documentation...") }}">
  83                                                                                                         <span class="icon is-small is-left">
  84                                                                                                                 <i class="fas fa-search"></i>
  85                                                                                                         </span>
  86                                                                                                 </div>
  87                                                                                         </div>
  88                                                                                 </form>
  89                                                                         </div>
  90                                                                 {% end %}
  91
  92                                                                 {# Location #}
  93                                                                 {% if request.path.startswith("/location") %}
  94                                                                         <a class="navbar-item is-tab
  95                                                                                         {% if request.path == "/location/how-to-use" %}is-active{% end %}"
  96                                                                                         href="/location/how-to-use">
  97                                                                                 {{ _("How To Use") }}
  98                                                                         </a>
  99
 100                                                                         <a class="navbar-item is-tab
 101                                                                                         {% if request.path.startswith("/location/download") %}is-active{% end %}"
 102                                                                                         href="/location/download">
 103                                                                                 {{ _("Download") }}
 104                                                                         </a>
 105
 106                                                                 {# Main #}
 107                                                                 {% else %}
 108                                                                         <a class="navbar-item is-tab {% if request.path == "/about" %}is-active{% end %}" href="/about">{{ _("About") }}</a>
 109
 110                                                                         <a class="navbar-item is-tab {% if request.path.startswith("/docs") %}is-active{% end %}" href="/docs">{{ _("Documentation") }}</a>
 111
 112                                                                         <a class="navbar-item is-tab {% if request.path.startswith("/download") %}is-active{% end %}" href="/download">{{ _("Download") }}</a>
 113
 114                                                                         <a class="navbar-item is-tab {% if request.path.startswith("/blog") %}is-active{% end %}" href="/blog">{{ _("Blog") }}</a>
 115
 116                                                                         <a class="navbar-item is-tab {% if request.path == "/help" %}is-active{% end %}" href="/help">{{ _("Help") }}</a>
 117                                                                 {% end %}
 118
 119                                                                 <div class="navbar-item">
 120                                                                         <a class="button is-lwl has-text-weight-bold is-uppercase"
 121                                                                                         href="https://store.lightningwirelabs.com/?utm_source={{ hostname }}&amp;utm_medium=navigation">
 122                                                                                 {{ _("Buy") }}
 123                                                                         </a>
 124                                                                 </div>
 125
 126                                                                 <div class="navbar-item">
 127                                                                         <a class="button is-primary has-text-weight-bold is-uppercase"
 128                                                                                         href="/donate">
 129                                                                                 {{ _("Donate") }}
 130                                                                         </a>
 131                                                                 </div>
 132
 133                                                                 {% if current_user %}
 134                                                                         <div class="navbar-item has-dropdown is-hoverable">
 135                                                                                 <a class="navbar-link is-arrowless" href="/users/{{ current_user.uid }}">
 136                                                                                         <figure class="image">
 137                                                                                                 <img class="is-rounded" style="width: auto" src="{{ current_user.avatar_url(128) }}">
 138                                                                                         </figure>
 139                                                                                 </a>
 140
 141                                                                                 <div class="navbar-dropdown">
 142                                                                                         <a class="navbar-item" href="/users/{{ current_user.uid }}/passwd">
 143                                                                                                 {{ _("Change Password") }}
 144                                                                                         </a>
 145
 146                                                                                         <hr class="navbar-divider">
 147
 148                                                                                         <a class="navbar-item" href="/logout">
 149                                                                                                 {{ _("Logout")}}
 150                                                                                         </a>
 151                                                                                 </div>
 152                                                                         </div>
 153                                                                 {% else %}
 154                                                                         <a class="navbar-item is-tab" href="/login?next={{ request.path }}">
 155                                                                                 <i class="fas fa-right-to-bracket" title="{{ _("Login") }}"></i>
 156                                                                         </a>
 157                                                                 {% end %}
 158                                                         </div>
 159                                                 {% elif hostname.startswith("fireinfo.") %}
 160                                                         <div class="navbar-end">
 161                                                                 {% if current_user and current_user.is_staff() %}
 162                                                                         <a class="navbar-item is-tab {% if request.path.startswith("/admin") %}is-active{% end %}" href="/admin">
 163                                                                                 {{ _("Admin") }}
 164                                                                         </a>
 165                                                                 {% end %}
 166
 167                                                                 <a class="navbar-item is-tab {% if request.path.startswith("/vendors") %}is-active{% end %}" href="/vendors">
 168                                                                         {{ _("Vendors") }}
 169                                                                 </a>
 170                                                         </div>
 171                                                 {% elif hostname.startswith("nopaste.") %}
 172                                                         <div class="navbar-end">
 173                                                                 <a class="navbar-item is-tab {% if request.path == "/" %}is-active{% end %}" href="/">
 174                                                                         {{ _("Paste") }}
 175                                                                 </a>
 176
 177                                                                 <a class="navbar-item is-tab {% if request.path == "/upload" %}is-active{% end %}" href="/upload">
 178                                                                         {{ _("Upload") }}
 179                                                                 </a>
 180                                                         </div>
 181                                                 {% end %}
 182                                         {% end block %}
 183                                 </div>
 184                         </div>
 185                 </nav>
 186
 187                 <div class="is-flex-grow-1 is-flex-shrink-0">
 188                         {% block container %}
 189                                 <div class="container">
 190                                         {% block content %}{% end block %}
 191                                 </div>
 192                         {% end block %}
 193                 </div>
 194
 195                 {% block footer %}
 196                         <footer class="footer is-flex-shrink-0">
 197                                 <div class="container">
 198                                         {% if request.path == "/docs" %}
 199                                                 <div class="level">
 200                                                         <div class="level-left">
 201                                                                 <div class="level-item">
 202                                                                         <a href="/docs/recent-changes">
 203                                                                                 {{ _("Recent Changes") }}
 204                                                                         </a>
 205                                                                 </div>
 206
 207                                                                 {% if current_user %}
 208                                                                         <div class="level-item">
 209                                                                                 <a href="/docs/watchlist">
 210                                                                                         {{ _("My Watchlist") }}
 211                                                                                 </a>
 212                                                                         </div>
 213                                                                 {% end %}
 214
 215                                                                 <div class="level-item">
 216                                                                         <a href="/docs/tree">
 217                                                                                 {{ _("Tree") }}
 218                                                                         </a>
 219                                                                 </div>
 220                                                         </div>
 221                                                 </div>
 222                                         {% end %}
 223
 224                                         <div class="level">
 225                                                 <div class="level-left">
 226                                                         <div class="level-item">
 227                                                                 <div class="level is-mobile">
 228                                                                         <div class="level-item">
 229                                                                                 {{ year }} &copy; IPFire.org
 230                                                                         </div>
 231
 232                                                                         <div class="level-item">
 233                                                                                 <a href="/legal">{{ _("Legal") }}</a>
 234                                                                         </div>
 235
 236                                                                         {% if current_user and current_user.is_admin() %}
 237                                                                                 <div class="level-item">
 238                                                                                         <a href="/analytics">{{ _("Analytics") }}</a>
 239                                                                                 </div>
 240                                                                         {% end %}
 241
 242                                                                         <div class="level-item">
 243                                                                                 <a href="/sitemap">{{ _("Sitemap") }}</a>
 244                                                                         </div>
 245                                                                 </div>
 246                                                         </div>
 247                                                 </div>
 248
 249                                                 <div class="level-right">
 250                                                         <div class="level-item">
 251                                                                 <div class="level is-mobile">
 252                                                                         <div class="level-item">
 253                                                                                 <a href="https://social.ipfire.org/@news" title="{{ _("Mastodon") }}">
 254                                                                                         <i class="fa-brands fa-mastodon px-2"></i>
 255                                                                                 </a>
 256                                                                         </div>
 257                                                                         <div class="level-item">
 258                                                                                 <a href="https://x.com/ipfire" title="{{ _("X") }}">
 259                                                                                         <i class="fa-brands fa-x-twitter px-2"></i>
 260                                                                                 </a>
 261                                                                         </div>
 262                                                                         <div class="level-item">
 263                                                                                 <a href="https://linkedin.com/company/ipfire" title="{{ _("LinkedIn") }}">
 264                                                                                         <i class="fa-brands fa-linkedin-in px-2"></i>
 265                                                                                 </a>
 266                                                                         </div>
 267                                                                         <div class="level-item">
 268                                                                                 <a href="https://www.facebook.com/IPFire.org/" title="{{ _("Facebook") }}">
 269                                                                                         <i class="fa-brands fa-facebook-f px-2"></i>
 270                                                                                 </a>
 271                                                                         </div>
 272                                                                 </div>
 273                                                         </div>
 274                                                 </div>
 275                                         </div>
 276                                 </div>
 277                         </footer>
 278                 {% end block %}
 279
 280                 <script src="{{ static_url("js/jquery-3.6.0.min.js") }}"></script>
 281                 <script src="{{ static_url("js/site.js") }}"></script>
 282                 {% block javascript %}{% end block %}
 283         </body>
 284 </html>