Files
fet2020/fet2020/templates/layout.html

109 lines
4.0 KiB
HTML

{% load static %}
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FET</title>
<link rel="stylesheet" href="{% static 'app.css' %}">
<script src="https://kit.fontawesome.com/dbe3c89a9d.js" crossorigin="anonymous"></script>
</head>
<body style="min-height:100%; position:relative">
<style>
footer {
background-color: #444;
}
</style>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v8.0" nonce="WSEL84CK"></script>
<div class="header-title-bar" data-responsive-toggle="example-menu" data-hide-for="large">
<div class="title-bar" style="background: None">
<div class="title-bar-left">
<a href="{% url 'home' %}">
<img style="height:40px; width:40px" src="/assets/img/logo2014_64.png"/>
</a>
</div>
<div class="title-bar-right">
<button class="menu-icon dark" type="button" data-toggle="example-menu"></button>
</div>
</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">
<ul class="dropdown vertical medium-horizontal menu" data-responsive-menu="drilldown medium-dropdown" data-animate-heigt="true">
{% if request.user.is_authenticated %}
<li class=""><a role="menuitem" style="color: black; background: lightgrey">Hallo {{request.user.username}}</a></li>
<li class=""><a href="/admin" style="background: lightgrey;">Admin</a></li>
<li class=""><a href="{%url 'tasks'%}" style="background: lightgrey;">Tasks</a></li>
{% endif %}
<li class=""><a href="{% url 'posts.index' %}">Aktuelles</a></li>
<!-- show active members first -->
<li class=""><a href="{% url 'members'%}A">Fachschaft</a></li>
<li class=""><a href="/fotos/">Fotos</a></li>
<li class=""><a href="/blackboard">Blackboard</a></li>
{% if request.user.is_authenticated %}
<li class=""><a href="{%url 'logout'%}">Logout</a></li>
{% else %}
<li class=""><a href="{%url 'login'%}">Login</a></li>
{% endif %}
</ul>
</div>
</div>
{% block content %}
{% endblock %}
<footer>
<div class="grid-container">
<div class="grid-x padding-top-1 padding-bottom-1">
<div class="cell medium-6 large-9">
<div class="grid-y" style="height: 100%;">
<div class="cell small-6 medium-9 large-9">
<a href="{% url 'posts.show' 'impressum'%}" style="color: white">Impressum</a>
</div>
<div class="cell small-6 medium-3 large-3 padding-bottom-2">
<a href="https://www.facebook.com/FachschaftET"><i class="fab fa-facebook-square" style="font-size:30px; color: white;"></i></a>
<a href="https://www.instagram.com/fet_tuwien/"><i class="fab fa-instagram-square" style="font-size:30px; color: white;"></i></a>
<a href="https://discord.gg/7qRuuMA"><i class="fab fa-discord" style="font-size:30px; color: white;"></i></a>
<a href="https://t.me/FETInfo"><i class="fab fa-telegram" style="font-size:30px; color: white;"></i></a>
</div>
</div>
</div>
<div class="cell medium-6 large-3">
<div class="fb-page"
data-href="https://www.facebook.com/FachschaftET"
data-width="500"
data-height="150"
data-hide-cover="false"
data-show-facepile="false"></div>
</div>
</div>
</div>
</footer>
<!-- App.js -->
<script src="{%static 'app.js' %}"></script>
</body>
</html>