87 lines
2.7 KiB
HTML
87 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>yenu -- the image sharing tool for friends</title>
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-toggleable-md bg-inverse navbar-inverse">
|
|
{% if identity %}
|
|
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
{% endif %}
|
|
<a class="navbar-brand" href="/">
|
|
<img src="/img/logo.png">
|
|
yenu
|
|
</a>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="navbar-nav mr-auto mt-2 mt-md-0">
|
|
{% if identity %}
|
|
{% ifequal identity ":creator" %}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/upload">
|
|
<span class="fa fa-upload"></span>
|
|
Hochladen
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/comments">
|
|
<span class="fa fa-comments"></span>
|
|
Kommentarstream
|
|
</a>
|
|
</li>
|
|
<!--
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/statistics">
|
|
<span class="fa fa-bar-chart"></span>
|
|
Statistik
|
|
</a>
|
|
</li>
|
|
-->
|
|
{% endifequal %}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/logout">
|
|
<span class="fa fa-sign-out"></span>
|
|
Ausloggen
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
</div>
|
|
</nav>
|
|
|
|
<div id="content" class="col-md-12">
|
|
{% if flash.message %}
|
|
<div class="alert alert-{{ flash.type }}" role="alert">
|
|
{{ flash.message }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% block content %}
|
|
{% endblock %}
|
|
</div>
|
|
|
|
<div class="col-md-12 text-right mt-4 mb-1">
|
|
<hr>
|
|
<p>© 2017 <a href="https://aaron-fischer.net/">Aaron</a>
|
|
& <a href="https://instagram.com/juna_eule">Beatrice</a> Fischer</p>
|
|
</div>
|
|
|
|
{% style "/assets/bootstrap/css/bootstrap.min.css" %}
|
|
{% style "/assets/font-awesome/css/font-awesome.min.css" %}
|
|
{% style "/css/screen.css" %}
|
|
|
|
<script type="text/javascript">
|
|
var context = "{{servlet-context}}";
|
|
var csrfToken = "{{csrf-token}}";
|
|
var identity = "{{identity}}";
|
|
</script>
|
|
|
|
{% script "/assets/jquery/jquery.min.js" %}
|
|
{% script "/assets/bootstrap/js/bootstrap.min.js" %}
|
|
</body>
|
|
</html>
|
|
|