bofh/fet2020
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add hamburger menu

Browse Source
This commit is contained in:
Patrick Mayr
2020-10-11 23:23:55 +00:00
parent 40a7939e69
commit 0f50a4a7f7
1 changed files with 40 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
fet2020/templates/layout.html
View File

@@ -1,5 +1,5 @@
{% load static %} {% load static %}
<!doctype html> <!doctype html>
<html class="no-js" lang="en"> <html class="no-js" lang="en">
<head> <head>
@@ -8,18 +8,27 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FET</title> <title>FET</title>
<link rel="stylesheet" href="{% static 'app.css' %}"> <link rel="stylesheet" href="{% static 'app.css' %}">
{% csrf_token %}
{% block header %}
{% endblock %}
</head> </head>
<body style="min-height:100%; position:relative"> <body style="min-height:100%; position:relative">
<div class="top-bar" id="main-menu">
<div class="top-bar-left"><a href="{% url 'home' %}"> <div class="title-bar" data-responsive-toggle="example-menu" data-hide-for="large">
<img style="height:40px; width:40px" src="/assets/img/logo2014_64.png"/></a> <button class="menu-icon" type="button" data-toggle="example-menu"></button>
<a href="{% url 'home' %}">
<img style="height:40px; width:40px" src="/assets/img/logo2014_64.png"/>
</a>
</div> </div>
<div class="top-bar" id="example-menu">
<div class="top-bar-left show-for-large">
<a href="{% url 'home' %}">
<img style="height:40px; width:40px" src="/assets/img/logo2014_64.png"/>
</a>
</div>
<div class="top-bar-right"> <div class="top-bar-right">
<ul class="menu vertical medium-horizontal expanded medium-text-center"> <ul class="dropdown vertical medium-horizontal menu" data-responsive-menu="drilldown medium-dropdown" data-animate-heigt="true">
{% if request.user.is_authenticated %} {% if request.user.is_authenticated %}
Hallo {{request.user.username}} Hallo {{request.user.username}}
<li class=""><a href="/admin">Admin</a></li> <li class=""><a href="/admin">Admin</a></li>
@@ -35,17 +44,19 @@
</ul> </ul>
</div> </div>
</div> </div>
{% block content %} {% block content %}
{% endblock %} {% endblock %}
<div class="grid-y footer" style="height:8em; bottom:-8em; position: absolute; right:0; left:0"> <div class="grid-y footer" style="height:8em; bottom:-8em; position: absolute; right:0; left:0">
<div class="grid-x medium-padding-1 large-padding-left-2">
<div class="grid-x medium-padding-1 large-padding-left-2" style="">
<div class="cell"> <div class="cell">
<ul class="no-bullet"> <ul class="no-bullet">
<li><a href="{% url 'posts.show' 'impressum'%}">Impressum</a></li>
</div>
<li><a href="{% url 'posts.show' 'impressum'%}">Impressum</a></li>
</div>
</div>
</div> </div>
<!-- App.js --> <!-- App.js -->
<script src="{%static 'app.js' %}"></script> <script src="{%static 'app.js' %}"></script>