mdblog/markdownblog/markdownblog/templates/base/base.html

73 lines
No EOL
2.9 KiB
HTML

{% load static %}
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>{% block title %}{% endblock %}</title>
<link type="text/css" rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"
media="screen,projection"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/>
{% block includehere %} {% endblock %}
</head>
<body>
<header>
<nav class="top-nav" style="background-color: #35aca1">
<a href="#" data-target="slide-out" class="sidenav-trigger full hide-on-large-only" id="open-sidenav-toggle">
<i class="material-icons">menu</i>
</a>
</nav>
<ul id="slide-out" class="sidenav sidenav-fixed" style="padding-left: 0 !important">
{% if user.is_authenticated %}
<li class="no-liststyle"><a class="waves-effect" href="{% url 'addpost' %}"><i class="material-icons">add</i>New post</a></li>
<li class="no-liststyle"><a class="waves-effect" href="{% url 'order' %}"><i class="material-icons">reorder</i>Manage posts</a>
</li>
<li class="no-liststyle">
<div class="divider"></div>
</li>
<li class="no-liststyle"><a class="waves-effect" href="{% url 'admin:index' %}"><i
class="material-icons">admin_panel_settings</i>Admin
panel</a></li>
<li class="no-liststyle"><a class="waves-effect" href="{% url 'logout' %}"><i class="material-icons">logout</i>Logout</a></li>
{% if debug %}
<li class="no-liststyle">
<div class="divider"></div>
</li>
<li class="no-liststyle">
<a class="waves-effect" href="{% url 'mock' objtype='topic' n=10 %}">Mock 10 topics</a>
</li>
<li class="no-liststyle">
<a class="waves-effect" href="{% url 'admin:index' %}">Mock Posts</a>
</li>
{% endif %}
{% else %}
<li class="no-liststyle"><a class="waves-effect" href="{% url 'login' %}"><i class="material-icons">login</i>Login</a></li>
{% endif %}
</ul>
</header>
<main>
<div class="container">
<div class="row">
{% block content %}
{% endblock %}
</div>
</div>
</main>
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
const elems = document.querySelectorAll('.sidenav');
M.Sidenav.init(elems);
});
</script>
{% block scripts %}{% endblock %}
</body>
</html>