external-repos/ivatar
1
0
Fork 0
mirror of https://git.linux-kernel.at/oliver/ivatar.git synced 2025-11-18 05:58:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make navbar a real bootstrap navbar and switch from Font Awesome to Line Awesome (because it's libre)

Browse Source
This commit is contained in:
Oliver Falk
2018-07-09 12:23:22 +02:00
parent 53508723c3
commit 1cc69ddac0
4 changed files with 87 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
templates/base.html
View File

@@ -8,61 +8,52 @@
<title>{% block title %}Libravatar - {% trans 'Freeing the Web, one face at a time!' %}{% endblock title %}</title>
{% endblock bootstrap4_extra_head %}
<div id="header">
<!-- Image and text -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="{{ site_url }}">
<div id="logo">
<img src="{% static 'img/logo.png' %}" width="60" height="60" class="d-inline-block align-top" alt="{% trans 'Home' %}">
</div>
<div id="site-branding">
<font size='1.0em'>
<span id="site-name">i<span class="bolder">vatar</span></span>
</font>
<br/><font size='0.8em'>{% trans 'freeing the web one face at a time' %}</font>
</div>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Tools
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="{% url 'tools_check' %}">{% trans 'Check' %}</a>
<!-- <a class="dropdown-item" href="#">{% trans 'Check domain' %}</a> -->
</div>
</li>
<!--
<li class="nav-item">
<a class="nav-link" href="#">{% trans 'Contact us' %}</a>
</li>
-->
<!--
<li class="nav-item">
<a class="nav-link" href="#">{% trans 'Security' %}</a>
</li>
-->
</ul>
{% if user.is_authenticated %}
<ul>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ user }}
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="nav-link" href="{% url 'profile' %}">{% trans 'Profile' %}</a>
<a class="nav-link" href="{% url 'user_preference' %}">{% trans 'Preferences' %}</a>
<a class="nav-link" href="{% url 'logout' %}">{% trans 'Logout' %}</a>
</div>
</li>
</ul>
{% endif %}
</div>
</nav>
</div>
{% block topbar_base %}
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
{% block topbar %}
{% block site_brand %}
<a class="navbar-brand d-none d-lg-block" href="/">
<img src="{% static 'img/logo.png' %}" width="60" height="60" class="d-inline-block align-top" alt="{% trans 'Home' %}">
</a>
{% endblock %}
{% block nav %}
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav mr-auto nav">
<li class="nav-item" style="margin-left: 5px;">
<a class="nav-link" href="TODO contact" target="_new"><i class="fa fa-envelope" aria-hidden="true"></i>
{% trans 'Contact' %}
</a>
</li>
<li class="nav-item" style="margin-left: 5px;">
<a class="nav-link" href="TODO security" target="_new"><i class="fa fa-user-secret" aria-hidden="true"></i>
{% trans 'Security' %}
</a>
</li>
<li class="nav-item dropdown" id="tab_tools">
<a class="nav-link dropdown-toggle" href="/" id="tools_dropdown"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="{% trans 'Tools' %}">
<i class="fa fa-wrench" aria-hidden="true"></i>
{% trans 'Tools' %}
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="tools_dropdown">
<a id="tools-check" class="dropdown-item"
href="{% url 'tools_check' %}">
<i class="fa fa-check-square" aria-hidden="true"></i> {% trans 'Check' %}
</a>
</div>
</li>
</ul>
</div>
<div>
{% block account_bar %}{% include "_account_bar.html" %}{% endblock %}
</div>
{% endblock %}
{% endblock %}
</nav>
{% endblock %}
{% autoescape off %}{% bootstrap_messages %}{% endautoescape %}
<div id="outer">