aboutsummaryrefslogtreecommitdiffstats
path: root/pydis_site/templates/base/navbar.html
diff options
context:
space:
mode:
authorGravatar Gareth Coles <[email protected]>2019-04-10 13:03:07 +0100
committerGravatar Gareth Coles <[email protected]>2019-04-10 13:03:07 +0100
commit57838a2e98f7e80117448562865b09733a1637a9 (patch)
treef226c3f32d79606f4ce0cc7463bf4cba8de35d5f /pydis_site/templates/base/navbar.html
parentMerge pull request #198 from gdude2002/django+176/project-layout (diff)
Initial work on some base templates
Diffstat (limited to 'pydis_site/templates/base/navbar.html')
-rw-r--r--pydis_site/templates/base/navbar.html110
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">&nbsp;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>&nbsp;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>&nbsp;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>&nbsp;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>&nbsp;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>&nbsp;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>&nbsp;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>&nbsp;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>&nbsp;Login</span>#}
+ {# </a>#}
+ {# {% endif %}#}
+ {# {% endif %}#}
+ </div>
+ </div>
+ </div>
+</nav>
+
+<!-- vim: set ft=htmldjango: -->