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 id="page-top" class="{{ hostname.replace(".", "-") }}">
  24                 <nav class="navbar navbar-light navbar-expand-lg">
  25                         <div class="container">
  26                                 {% if hostname == "www.ipfire.org" and request.path.startswith("/blog") %}
  27                                         <a class="navbar-brand" href="/blog">
  28                                                 IPFire<span class="text-primary">_</span>Blog
  29                                         </a>
  30                                 {% else %}
  31                                         <a class="navbar-brand" href="/">
  32                                                 IPFire<span class="text-primary">_</span>
  33
  34                                                 {% if hostname == "fireinfo.ipfire.org" %}
  35                                                         {{ _("Fireinfo") }}
  36                                                 {% elif hostname == "location.ipfire.org" %}
  37                                                         {{ _("Location") }}
  38                                                 {% elif hostname == "mirrors.ipfire.org" %}
  39                                                         {{ _("Mirrors") }}
  40                                                 {% elif hostname == "people.ipfire.org" %}
  41                                                         {{ _("People") }}
  42                                                 {% elif hostname == "wiki.ipfire.org" %}
  43                                                         {{ _("Wiki") }}
  44                                                 {% end %}
  45                                         </a>
  46                                 {% end %}
  47
  48                                 {% block menu %}
  49                                         {% if hostname == "www.ipfire.org" and request.path.startswith("/blog") %}
  50                                                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
  51                                                                 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
  52                                                         <span class="fas fa-bars"></span>
  53                                                 </button>
  54
  55                                                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
  56                                                                 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
  57                                                         <span class="fas fa-bars"></span>
  58                                                 </button>
  59
  60                                                 <div class="collapse navbar-collapse" id="navbar">
  61                                                         <ul class="navbar-nav ml-auto">
  62                                                                 {% if current_user %}
  63                                                                         <li class="nav-item">
  64                                                                                 <a class="nav-link {% if request.path == "/blog/drafts" %}active{% end %}" href="/blog/drafts">
  65                                                                                         {{ _("My Drafts") }}
  66                                                                                 </a>
  67                                                                         </li>
  68                                                                 {% end %}
  69
  70                                                                 <li class="nav-item">
  71                                                                         <a class="nav-link {% if request.path == "/blog/tags/featured" %}active{% end %}" href="/blog/tags/featured">
  72                                                                                 {{ _("Featured") }}
  73                                                                         </a>
  74                                                                 </li>
  75                                                         </ul>
  76
  77                                                         <form class="form-inline my-2 my-lg-0" action="/blog/search" method="GET">
  78                                                                 <input class="form-control form-control-sm" type="search" name="q"
  79                                                                         placeholder="{{ _("Search...") }}" aria-label="{{ _("Search") }}"
  80                                                                         value="{% try %}{{ q }}{% except %}{% end %}">
  81                                                         </form>
  82
  83                                                         <a class="btn btn-primary mt-2 mt-lg-0 ml-lg-2" href="/donate">
  84                                                                 {{ _("Donate") }}
  85                                                         </a>
  86                                                 </div>
  87                                         {% elif hostname in ("www.ipfire.org", "dev.ipfire.org") %}
  88                                                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
  89                                                                 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
  90                                                         <span class="fas fa-bars"></span>
  91                                                 </button>
  92
  93                                                 <div class="collapse navbar-collapse" id="navbar">
  94                                                         <ul class="navbar-nav ml-auto">
  95                                                                 <li class="nav-item d-sm-block d-md-block d-lg-none">
  96                                                                         <a class="nav-link {% if request.path == "/" %}active{% end %}" href="/">{{ _("Home") }}</a>
  97                                                                 </li>
  98
  99                                                                 <li class="nav-item">
 100                                                                         <a class="nav-link {% if request.path == "/features" %}active{% end %}" href="/features">{{ _("Features") }}</a>
 101                                                                 </li>
 102
 103                                                                 <li class="nav-item">
 104                                                                         <a class="nav-link {% if request.path == "/support" %}active{% end %}" href="/support">{{ _("Support") }}</a>
 105                                                                 </li>
 106
 107                                                                 <li class="nav-item">
 108                                                                         <a class="nav-link" href="/blog">{{ _("Blog") }}</a>
 109                                                                 </li>
 110
 111                                                                 <li class="nav-item">
 112                                                                         <a class="nav-link" href="https://community.ipfire.org/">{{ _("Community") }}</a>
 113                                                                 </li>
 114
 115                                                                 <li class="nav-item">
 116                                                                         <a class="nav-link {% if request.path.startswith("/download") %}active{% end %}" href="/download">{{ _("Download") }}</a>
 117                                                                 </li>
 118                                                         </ul>
 119
 120                                                         <a class="btn btn-primary mt-2 mt-lg-0 ml-lg-2" href="/donate">
 121                                                                 {{ _("Donate") }}
 122                                                         </a>
 123
 124                                                         <a class="btn btn-lwl mt-2 mt-lg-0 ml-lg-2" href="https://store.lightningwirelabs.com/">
 125                                                                 {{ _("Buy") }}
 126                                                         </a>
 127                                                 </div>
 128                                         {% elif hostname == "fireinfo.ipfire.org" %}
 129                                                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
 130                                                                 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
 131                                                         <span class="fas fa-bars"></span>
 132                                                 </button>
 133
 134                                                 <div class="collapse navbar-collapse" id="navbar">
 135                                                         <ul class="navbar-nav ml-auto">
 136                                                                 {% if current_user and current_user.is_staff() %}
 137                                                                         <li class="nav-item">
 138                                                                                 <a class="nav-link {% if request.path.startswith("/admin") %}active{% end %}" href="/admin">
 139                                                                                         {{ _("Admin") }}
 140                                                                                 </a>
 141                                                                         </li>
 142                                                                 {% end %}
 143
 144                                                                 <li class="nav-item">
 145                                                                         <a class="nav-link {% if request.path.startswith("/vendors") %}active{% end %}" href="/vendors">
 146                                                                                 {{ _("Vendors") }}
 147                                                                         </a>
 148                                                                 </li>
 149                                                         </ul>
 150                                                 </div>
 151                                         {% elif hostname == "location.ipfire.org" %}
 152                                                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
 153                                                                 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
 154                                                         <span class="fas fa-bars"></span>
 155                                                 </button>
 156
 157                                                 <div class="collapse navbar-collapse" id="navbar">
 158                                                         <ul class="navbar-nav ml-auto">
 159                                                                 <li class="nav-item">
 160                                                                         <a class="nav-link {% if request.path == "/how-to-use" %}active{% end %}" href="/how-to-use">
 161                                                                                 {{ _("How To Use") }}
 162                                                                         </a>
 163                                                                 </li>
 164
 165                                                                 <li class="nav-item">
 166                                                                         <a class="nav-link {% if request.path == "/download" %}active{% end %}" href="/download">
 167                                                                                 {{ _("Download") }}
 168                                                                         </a>
 169                                                                 </li>
 170                                                         </ul>
 171
 172                                                         <a class="btn btn-primary ml-lg-2" href="https://www.ipfire.org/donate">
 173                                                                 {{ _("Donate") }}
 174                                                         </a>
 175                                                 </div>
 176                                         {% elif hostname == "nopaste.ipfire.org" %}
 177                                                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
 178                                                                 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
 179                                                         <span class="fas fa-bars"></span>
 180                                                 </button>
 181
 182                                                 <div class="collapse navbar-collapse" id="navbar">
 183                                                         <ul class="navbar-nav ml-auto">
 184                                                                 <li class="nav-item">
 185                                                                         <a class="nav-link" href="/?mode=upload">{{ _("Upload File") }}</a>
 186                                                                 </li>
 187                                                         </ul>
 188                                                 </div>
 189                                         {% elif hostname == "people.ipfire.org" %}
 190                                                 {% if current_user %}
 191                                                         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
 192                                                                         aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
 193                                                                 <span class="fas fa-bars"></span>
 194                                                         </button>
 195
 196                                                         <div class="collapse navbar-collapse" id="navbar">
 197                                                                 <ul class="navbar-nav ml-auto mr-3">
 198                                                                         <li class="nav-item">
 199                                                                                 <a class="nav-link {% if request.path == "/users/%s" % current_user.uid %}active{% end %}" href="/users/{{ current_user.uid }}">
 200                                                                                         {{ _("My Profile") }}
 201                                                                                 </a>
 202                                                                         </li>
 203
 204                                                                         {% if current_user.is_staff() %}
 205                                                                                 <li class="nav-item">
 206                                                                                         <a class="nav-link {% if request.path == "/users" %}active{% end %}" href="/users">
 207                                                                                                 {{ _("Users") }}
 208                                                                                         </a>
 209                                                                                 </li>
 210
 211                                                                                 <li class="nav-item">
 212                                                                                         <a class="nav-link {% if request.path.startswith("/groups") %}active{% end %}" href="/groups">
 213                                                                                                 {{ _("Groups") }}
 214                                                                                         </a>
 215                                                                                 </li>
 216
 217                                                                                 <li class="nav-item">
 218                                                                                         <a class="nav-link {% if request.path == "/stats" %}active{% end %}" href="/stats">
 219                                                                                                 {{ _("Stats") }}
 220                                                                                         </a>
 221                                                                                 </li>
 222                                                                         {% end %}
 223
 224                                                                         {% if current_user.has_sip() %}
 225                                                                                 <li class="nav-item">
 226                                                                                         <a class="nav-link {% if request.path.startswith("/conferences") %}active{% end %}" href="/conferences">
 227                                                                                                 {{ _("Conferences") }}
 228                                                                                         </a>
 229                                                                                 </li>
 230                                                                         {% end %}
 231                                                                 </ul>
 232
 233                                                                 <form class="form-inline my-2 my-lg-0" action="/search" method="GET">
 234                                                                         <input class="form-control form-control-sm mr-sm-2" type="search" name="q"
 235                                                                                 placeholder="{{ _("Search") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
 236                                                                 </form>
 237                                                         </div>
 238                                                 {% end %}
 239                                         {% elif hostname == "wiki.ipfire.org" %}
 240                                                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
 241                                                                 aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
 242                                                         <span class="fas fa-bars"></span>
 243                                                 </button>
 244
 245                                                 <div class="collapse navbar-collapse" id="navbar">
 246                                                         <form class="form-inline ml-auto my-2 my-lg-0" action="/search" method="GET">
 247                                                                 <input class="form-control form-control-sm" type="search" name="q"
 248                                                                         placeholder="{{ _("Search...") }}" aria-label="{{ _("Search") }}" value="{% try %}{{ q }}{% except %}{% end %}">
 249                                                         </form>
 250
 251                                                         <a class="btn btn-primary ml-lg-2" href="https://www.ipfire.org/donate">
 252                                                                 {{ _("Donate") }}
 253                                                         </a>
 254                                                 </div>
 255                                         {% end %}
 256                                 {% end block %}
 257                         </div>
 258                 </nav>
 259
 260                 {% block container %}
 261                         <div class="container">
 262                                 {% block content %}{% end block %}
 263                         </div>
 264                 {% end block %}
 265
 266                 {% block footer %}
 267                         <footer>
 268                                 <div class="container border-top">
 269                                         <div class="footer">
 270                                                 <div class="row">
 271                                                         <div class="col-12 col-lg-5 mb-3">
 272                                                                 <h5>IPFire<span class="text-primary">_</span>People</h5>
 273
 274                                                                 <p>
 275                                                                         Join the community and sign up for our newsletter
 276                                                                 </p>
 277
 278                                                                 <a class="btn btn-outline-primary text-uppercase" href="https://people.ipfire.org/">
 279                                                                         {{ _("Join Now") }}
 280                                                                 </a>
 281                                                         </div>
 282
 283                                                         <div class="col-12 col-lg-1">
 284                                                                 <!-- spacer -->
 285                                                         </div>
 286
 287                                                         <div class="col-12 col-lg-2">
 288                                                                 <ul>
 289                                                                         <li>
 290                                                                                 <a class="footer-link" href="/features">{{ _("Features") }}</a>
 291                                                                         </li>
 292
 293                                                                         <li>
 294                                                                                 <a class="footer-link" href="https://wiki.ipfire.org">{{ _("Wiki") }}</a>
 295                                                                         </li>
 296
 297                                                                         <li>
 298                                                                                 <a class="footer-link" href="/support">{{ _("Support") }}</a>
 299                                                                         </li>
 300
 301                                                                         <li>
 302                                                                                 <a class="footer-link" href="https://wiki.ipfire.org/devel">{{ _("Development") }}</a>
 303                                                                         </li>
 304                                                                 </ul>
 305                                                         </div>
 306
 307                                                         <div class="col-12 col-lg-2">
 308                                                                 <ul>
 309                                                                         <li>
 310                                                                                 <a class="footer-link" href="/download">{{ _("Download") }}</a>
 311                                                                         </li>
 312
 313                                                                         <li>
 314                                                                                 <a class="footer-link" href="/blog">{{ _("Blog") }}</a>
 315                                                                         </li>
 316
 317                                                                         <li>
 318                                                                                 <a class="footer-link" href="https://community.ipfire.org/">{{ _("Community") }}</a>
 319                                                                         </li>
 320
 321                                                                         <li>
 322                                                                                 <a class="footer-link" href="/legal">{{ _("Legal") }}</a>
 323                                                                         </li>
 324                                                                 </ul>
 325                                                         </div>
 326
 327                                                         <div class="col-12 col-lg-2">
 328                                                                 <ul>
 329                                                                         <li>
 330                                                                                 <a class="footer-link" href="https://twitter.com/ipfire">{{ _("Twitter") }}</a>
 331                                                                         </li>
 332
 333                                                                         <li>
 334                                                                                 <a class="footer-link" href="https://www.linkedin.com/company/ipfire/">{{ _("LinkedIn") }}</a>
 335                                                                         </li>
 336
 337                                                                         <li>
 338                                                                                 <a class="btn btn-primary text-uppercase" href="https://www.ipfire.org/donate">
 339                                                                                         {{ _("Donate") }}
 340                                                                                 </a>
 341                                                                         </li>
 342                                                                 </ul>
 343                                                         </div>
 344                                                 </div>
 345                                         </div>
 346                                 </div>
 347                         </footer>
 348                 {% end block %}
 349
 350                 <script src="{{ static_url("js/jquery-3.3.1.min.js") }}"></script>
 351                 <script src="{{ static_url("js/popper.min.js") }}"></script>
 352                 <script src="{{ static_url("js/bootstrap.min.js") }}"></script>
 353                 {% block javascript %}{% end block %}
 354         </body>
 355 </html>