<body class="is-flex is-flex-direction-column">
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="container">
- <div class="navbar-brand">
- <a class="navbar-item is-size-4" href="/">
- <strong>
- {% if request.path.startswith("/projects/location") %}
- IPFire<span class="has-text-primary">_</span>Location
- {% elif hostname.startswith("fireinfo.") %}
- IPFire<span class="has-text-primary">_</span>Fireinfo
+ <div class="navbar-brand is-size-4">
+ {% if request.path.startswith("/location") %}
+ <a class="navbar-item" href="/location">
+ {% module IPFireLogo("Location") %}
+ </a>
+ {% else %}
+ <a class="navbar-item" href="/">
+ {% if request.path.startswith("/fireinfo") %}
+ {% module IPFireLogo("Fireinfo") %}
{% elif hostname.startswith("nopaste.") %}
- IPFire<span class="has-text-primary">_</span>Nopaste
+ {% module IPFireLogo("NoPaste") %}
{% else %}
- IPFire<span class="has-text-primary">_</span>
+ {% module IPFireLogo() %}
{% end %}
- </strong>
- </a>
+ </a>
+ {% end %}
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarMainMenu">
<span aria-hidden="true"></span>
<div class="field">
<div class="control has-icons-left">
<input class="input" type="text"
- name="q" {% if "q" in locals() and q %}value="{{ q }}"{% end %}
+ name="q" {% if q %}value="{{ q }}"{% end %}
placeholder="{{ _("Search Blog...") }}">
<span class="icon is-small is-left">
<i class="fas fa-search"></i>
<div class="field">
<div class="control has-icons-left">
<input class="input" type="text"
- name="q" {% if "q" in locals() and q %}value="{{ q }}"{% end %}
- placeholder="{{ _("Search Docs...") }}">
+ name="q" {% if q %}value="{{ q }}"{% end %}
+ placeholder="{{ _("Search Documentation...") }}">
<span class="icon is-small is-left">
<i class="fas fa-search"></i>
</span>
{% end %}
{# Location #}
- {% if request.path.startswith("/projects/location") %}
+ {% if request.path.startswith("/location") %}
+ <a class="navbar-item is-tab
+ {% if request.path.startswith("/location/how-to-use") %}is-active{% end %}"
+ href="/location/how-to-use">
+ {{ _("How To Use?") }}
+ </a>
+
<a class="navbar-item is-tab
- {% if request.path == "/projects/location/how-to-use" %}is-active{% end %}"
- href="/projects/location/how-to-use">
- {{ _("How To Use") }}
+ {% if request.path == "/location/install" %}is-active{% end %}"
+ href="/location/install">
+ {{ _("Install") }}
</a>
<a class="navbar-item is-tab
- {% if request.path.startswith("/projects/location/download") %}is-active{% end %}"
- href="/projects/location/download">
- {{ _("Download") }}
+ {% if request.path == "/location/report-a-problem" %}is-active{% end %}"
+ href="/location/report-a-problem">
+ {{ _("Report A Problem") }}
</a>
{# Main #}
<div class="navbar-item">
<a class="button is-lwl has-text-weight-bold is-uppercase"
- href="https://store.lightningwirelabs.com/?utm_source={{ hostname }}&utm_medium=navigation">
+ href="https://store.lightningwirelabs.com/?utm_source={{ hostname }}&utm_medium=navigation">
{{ _("Buy") }}
</a>
</div>
</a>
</div>
</div>
+ {% else %}
+ <a class="navbar-item is-tab" href="/login?next={{ request.path }}">
+ <i class="fas fa-right-to-bracket" title="{{ _("Login") }}"></i>
+ </a>
{% end %}
</div>
- {% elif hostname.startswith("fireinfo.") %}
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
- aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
- <span class="fas fa-bars"></span>
- </button>
-
- <div class="collapse navbar-collapse" id="navbar">
- <ul class="navbar-nav ml-auto">
- {% if current_user and current_user.is_staff() %}
- <li class="nav-item">
- <a class="nav-link {% if request.path.startswith("/admin") %}is-active{% end %}" href="/admin">
- {{ _("Admin") }}
- </a>
- </li>
- {% end %}
+ {% elif request.path.startswith("/fireinfo") %}
+ <div class="navbar-end">
+ {% if current_user and current_user.is_staff() %}
+ <a class="navbar-item is-tab {% if request.path.startswith("/admin") %}is-active{% end %}" href="/admin">
+ {{ _("Admin") }}
+ </a>
+ {% end %}
- <li class="nav-item">
- <a class="nav-link {% if request.path.startswith("/vendors") %}is-active{% end %}" href="/vendors">
- {{ _("Vendors") }}
- </a>
- </li>
- </ul>
+ <a class="navbar-item is-tab {% if request.path.startswith("/vendors") %}is-active{% end %}" href="/vendors">
+ {{ _("Vendors") }}
+ </a>
</div>
{% elif hostname.startswith("nopaste.") %}
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
- aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
- <span class="fas fa-bars"></span>
- </button>
-
- <div class="collapse navbar-collapse" id="navbar">
- <ul class="navbar-nav ml-auto">
- <li class="nav-item">
- <a class="nav-link" href="/?mode=upload">{{ _("Upload File") }}</a>
- </li>
- </ul>
+ <div class="navbar-end">
+ <a class="navbar-item is-tab {% if request.path == "/" %}is-active{% end %}" href="/">
+ {{ _("Paste") }}
+ </a>
+
+ <a class="navbar-item is-tab {% if request.path == "/upload" %}is-active{% end %}" href="/upload">
+ {{ _("Upload") }}
+ </a>
</div>
{% end %}
{% end block %}
{% block footer %}
<footer class="footer is-flex-shrink-0">
<div class="container">
- {# Encourage people to join #}
- {% if not current_user %}
- <div class="columns">
- <div class="column is-one-fifth">
- <a class="button is-primary is-medium is-fullwidth" href="/register">
- {{ _("Join Now") }}
- </a>
- </div>
-
- <div class="column is-one-quarter">
- <div class="block">
- <p class="title is-5">
- {{ _("Join our community and sign up to our newsletter") }}
- </p>
- </div>
- </div>
- </div>
-
- <div class="columns">
- <div class="column is-one-fifth">
- <a class="button is-primary is-medium is-outlined is-fullwidth" href="/login">
- {{ _("Log In") }}
- </a>
- </div>
- </div>
- {% end %}
-
+ {% if request.path == "/docs" %}
<div class="level">
<div class="level-left">
<div class="level-item">
- {{ year }} © IPFire.org
+ <a href="/docs/recent-changes">
+ {{ _("Recent Changes") }}
+ </a>
</div>
- <div class="level-item">
- <a href="/legal">{{ _("Legal") }}</a>
- </div>
+ {% if current_user %}
+ <div class="level-item">
+ <a href="/docs/watchlist">
+ {{ _("My Watchlist") }}
+ </a>
+ </div>
+ {% end %}
<div class="level-item">
- <a href="/sitemap">{{ _("Sitemap") }}</a>
+ <a href="/docs/tree">
+ {{ _("Tree") }}
+ </a>
</div>
</div>
+ </div>
+ {% end %}
- <div class="level-right">
- <div class="level-item">
- <a href="https://social.ipfire.org/@news" title="{{ _("Mastodon") }}">
- <i class="fa-brands fa-mastodon px-2"></i>
- </a>
- </div>
- <div class="level-item">
- <a href="https://twitter.com/ipfire" title="{{ _("Twitter") }}">
- <i class="fa-brands fa-twitter px-2"></i>
- </a>
+ <div class="level">
+ <div class="level-left">
+ <div class="level-item">
+ <div class="level is-mobile">
+ <div class="level-item">
+ {{ year }} © IPFire.org
+ </div>
+
+ <div class="level-item">
+ <a href="/legal">{{ _("Legal") }}</a>
+ </div>
+
+ {% if current_user and current_user.is_admin() %}
+ <div class="level-item">
+ <a href="/analytics">{{ _("Analytics") }}</a>
+ </div>
+ {% end %}
+
+ <div class="level-item">
+ <a href="/sitemap">{{ _("Sitemap") }}</a>
+ </div>
</div>
- <div class="level-item">
- <a href="https://linkedin.com/company/ipfire" title="{{ _("LinkedIn") }}">
- <i class="fa-brands fa-linkedin-in px-2"></i>
- </a>
+ </div>
+ </div>
+
+ <div class="level-right">
+ <div class="level-item">
+ <div class="level is-mobile">
+ <div class="level-item">
+ <a href="https://social.ipfire.org/@news" title="{{ _("Mastodon") }}">
+ <i class="fa-brands fa-mastodon px-2"></i>
+ </a>
+ </div>
+ <div class="level-item">
+ <a href="https://x.com/ipfire" title="{{ _("X") }}">
+ <i class="fa-brands fa-x-twitter px-2"></i>
+ </a>
+ </div>
+ <div class="level-item">
+ <a href="https://linkedin.com/company/ipfire" title="{{ _("LinkedIn") }}">
+ <i class="fa-brands fa-linkedin-in px-2"></i>
+ </a>
+ </div>
+ <div class="level-item">
+ <a href="https://www.facebook.com/IPFire.org/" title="{{ _("Facebook") }}">
+ <i class="fa-brands fa-facebook-f px-2"></i>
+ </a>
+ </div>
</div>
</div>
</div>
+ </div>
</div>
</footer>
{% end block %}