diff options
Diffstat (limited to 'pydis_site/templates/base/navbar.html')
| -rw-r--r-- | pydis_site/templates/base/navbar.html | 110 |
1 files changed, 110 insertions, 0 deletions
diff --git a/pydis_site/templates/base/navbar.html b/pydis_site/templates/base/navbar.html new file mode 100644 index 00000000..88a13aeb --- /dev/null +++ b/pydis_site/templates/base/navbar.html @@ -0,0 +1,110 @@ +{% load extra_filters %} +{% load static %} + +{% comment %} +This template is responsible for rendering the main navigation on each page that uses it. +It requires two arguments to be set in the include: + +* `dropdown` (bool): True to render the dropdowns included, False to omit them +* `icon_weight` (str): Either "fas", "far" or "fal" to correspond with Font-Awesome's weight classes. + This will not affect branding icons, which have the "fab" class. +* use_logo (bool): True to render the navbar with the site logo on the left side, False to use an + icon with text instead + +For example, to use light icons and no dropdowns, you could use the following in your template: + +{% include "base/navbar.html" with icon_weight="fal" dropdowns=False %} +{% endcomment %} + +<nav class="navbar is-primary" role="navigation" aria-label="main navigation"> + <div class="container"> + <div class="navbar-brand"> + {% if use_logo %} + <a class="navbar-item" href="{% url "home.index" %}"> + <img src="{% static 'images/logo_site_banner.svg' %}" class="navbar-brand navbar-icon" alt="Python Discord"> + </a> + {% else %} + <a + {% if active_item and request.path == "/" %} + class="navbar-item is-active" + {% else %} + class="navbar-item" + {% endif %} + href="{% url "home.index" %}" + > + + <span class="icon is-size-4 is-medium"><i class="{{ icon_weight }} fa-home"></i></span> + <span class="is-hidden-touch"> Home</span> + </a> + {% endif %} + + <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar_menu"> + <span aria-hidden="true"></span> + <span aria-hidden="true"></span> + <span aria-hidden="true"></span> + </a> + </div> + <div class="navbar-menu is-paddingless" id="navbar_menu"> + <div class="navbar-start"> + {# {% if dropdowns %}#} + {# <div class="navbar-item has-dropdown is-hoverable">#} + {# {% if request.path|starts_with:"/blog" %}#} + {# <a class="navbar-link is-active" href="{% url "blog.index" %}">#} + {# {% else %}#} + {# <a class="navbar-link" href="{% url "blog.index" %}">#} + {# {% endif %}#} + {# <span class="icon is-size-4 is-medium"><i class="{{ icon_weight }} fa-blog"></i></span>#} + {# <span> Blog</span>#} + {# </a>#} + {##} + {# <div class="navbar-dropdown is-paddingless">#} + {# <a class="navbar-item" href="{% url "blog.posts" page=1 %}">#} + {# <span class="icon is-size-4 is-medium"><i class="{{ icon_weight }} fa-quote-right"></i></span>#} + {# <span> Posts</span>#} + {# </a>#} + {##} + {# <a class="navbar-item" href="{% url "blog.categories" %}">#} + {# <span class="icon is-size-4 is-medium"><i class="{{ icon_weight }} fa-tag"></i></span>#} + {# <span> Categories</span>#} + {# </a>#} + {# </div>#} + {# </div>#} + {# {% else %}#} + {# <a class="navbar-item" href="{% url "blog.index" %}">#} + {# <span class="icon is-size-4 is-medium"><i class="{{ icon_weight }} fa-blog"></i></span>#} + {# <span> Blog</span>#} + {# </a>#} + {# {% endif %}#} + </div> + <div class="navbar-end"> + {# {% if request.user.is_authenticated %}#} + {# {% if user.is_staff %}#} + {# <a class="navbar-item" href="{% url "admin:index" %}">#} + {# <span class="icon is-size-4 is-medium"><i class="{{ icon_weight }} fa-cog"></i></span>#} + {# <span> Admin</span>#} + {# </a>#} + {# {% endif %}#} + {##} + {# <a class="navbar-item" href="{% url "logout" %}">#} + {# <span class="icon is-size-4 is-medium"><i class="{{ icon_weight }} fa-unlock"></i></span>#} + {# <span> Logout</span>#} + {# </a>#} + {# {% else %}#} + {# {% if request.path == "/login" %}#} + {# <a class="navbar-item is-active" href="{% url "login" %}">#} + {# <span class="icon is-size-4 is-medium"><i class="{{ icon_weight }} fa-lock"></i></span>#} + {# <span> Login</span>#} + {# </a>#} + {# {% else %}#} + {# <a class="navbar-item" href="{% url "login" %}">#} + {# <span class="icon is-size-4 is-medium"><i class="{{ icon_weight }} fa-lock"></i></span>#} + {# <span> Login</span>#} + {# </a>#} + {# {% endif %}#} + {# {% endif %}#} + </div> + </div> + </div> +</nav> + +<!-- vim: set ft=htmldjango: --> |