gulasch-r0mstore/templates/base.html

93 lines
2.6 KiB
HTML

{% load static %}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Gulaschromstore :: {% block title %}{% endblock %}</title>
<link rel="stylesheet" type="text/css" href="{% static "css/gulasch_bulma.css" %}">
<link rel="stylesheet" type="text/css" href="{% static "fontawsome/css/font-awesome.min.css" %}">
<script type="text/javascript" src="{% static 'admin/js/vendor/jquery/jquery.js' %}"></script>
</head>
<body>
<nav class="nav has-shadow">
<div class="container">
<div class="nav-left">
<a href="{% url 'romlist' %}" class="nav-item">
<img src="{% static "images/logo.png" %}"/>
</a>
<a class="nav-item is-tab is-hidden-mobile {% block nav_rom_class %}{% endblock %}"
href="{% url 'romlist' %}">
Roms
</a>
{% if user.is_authenticated %}
<a class="nav-item is-tab is-hidden-mobile {% block nav_rom_upload_class %}{% endblock %}"
href="{% url 'romcreate' %}">
Rom Hochladen
</a>
{% endif %}
</div>
<span class="nav-toggle">
<span></span>
<span></span>
<span></span>
</span>
<div class="nav-right nav-menu">
<a class="nav-item is-tab is-hidden-tablet {% block nav_mobile_rom_class %}{% endblock %}"
href="{% url 'romlist' %}">
Roms
</a>
{% if user.is_authenticated %}
<a class="nav-item is-tab is-hidden-tablet {% block nav_mobile_rom_upload_class %}{% endblock %}"
href="{% url 'romcreate' %}">
Rom Hochladen
</a>
{% endif %}
{% if not user.is_authenticated %}
<a class="nav-item is-tab {% block nav_signup_class %}{% endblock %}"
href="{% url 'signup' %}">
Registrieren
</a>
<a class="nav-item is-tab {% block nav_login_class %}{% endblock %}"
href="{% url 'login' %}">
Login
</a>
{% else %}
<a class="nav-item is-tab {% block nav_profile_class %}{% endblock %}"
href="{% url 'user_update' user_id=user.pk %}">
Profil
</a>
<a class="nav-item is-tab"
href="{% url 'logout' %}">
Logout
</a>
{% endif %}
</div>
</div>
</nav>
{% block content %}
{% endblock %}
<footer class="footer">
<div class="container">
<div class="content has-text-centered">
<strong>Gulasch R0MSTØRE</strong> by Sebastian 2017
</div>
</div>
</footer>
<script type="text/javascript">
$('.nav-toggle').on('click', function(event) {
$('.nav-toggle').toggleClass('is-active');
$('.nav-menu').toggleClass('is-active');
});
</script>
</body>
</html>