yenu/resources/templates/layout.html

106 lines
3.2 KiB
HTML
Raw Normal View History

2017-03-15 00:28:27 +01:00
<!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>
2017-04-23 22:33:28 +02:00
{% if identity %}
<link rel="alternate" type="application/atom+xml" title="Images" href="/feed?password={{ passwordhash }}" />
{% endif %}
2017-03-15 00:28:27 +01:00
</head>
<body>
2018-03-22 00:33:26 +01:00
<nav class="navbar navbar-expand-lg navbar-toggleable-md bg-dark navbar-dark">
<div class="container-fluid">
{% if identity %}
<button class="navbar-toggler" 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 %}
2017-03-17 00:23:13 +01:00
<a class="navbar-brand" href="/">
<img src="/img/logo.png">
yenu
</a>
2017-04-23 22:33:28 +02:00
<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>
Upload
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/comments">
<span class="fa fa-comments"></span>
Comments
</a>
</li>
<!--
<li class="nav-item">
<a class="nav-link" href="/statistics">
<span class="fa fa-bar-chart"></span>
Statistics
</a>
</li>
-->
{% endifequal %}
<li class="nav-item">
<a class="nav-link" href="/feed?password={{ passwordhash }}" >
<span class="fa fa-rss-square"></span>
RSS-Feed
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/logout">
<span class="fa fa-sign-out"></span>
Logout
</a>
</li>
{% endif %}
</ul>
</div>
2017-03-28 00:19:23 +02:00
</div>
2017-03-17 00:23:13 +01:00
</nav>
2017-03-15 00:28:27 +01:00
<div id="content" class="container col-md-12">
2017-03-29 22:14:55 +02:00
{% if flash.message %}
<div class="alert alert-{{ flash.type }}" role="alert">
{{ flash.message }}
</div>
{% endif %}
2017-03-15 00:28:27 +01:00
{% block content %}
{% endblock %}
</div>
<div class="col-md-12mt-4 mb-1">
2017-03-28 00:19:23 +02:00
<hr>
<div class="container text-muted text-end">
<p>{{ footer }}</p>
</div>
2017-03-28 00:19:23 +02:00
</div>
2017-03-15 00:28:27 +01:00
{% style "/assets/bootstrap/css/bootstrap.min.css" %}
{% style "/assets/font-awesome/css/font-awesome.min.css" %}
{% style "/css/screen.css" %}
<script type="text/javascript">
2017-03-28 00:19:23 +02:00
var context = "{{servlet-context}}";
var csrfToken = "{{csrf-token}}";
2017-03-29 14:39:03 +02:00
var identity = "{{identity}}";
2017-03-15 00:28:27 +01:00
</script>
{% script "/assets/jquery/jquery.min.js" %}
2017-04-25 22:03:29 +02:00
{% script "/assets/tether/dist/js/tether.min.js" %}
{% script "/assets/bootstrap/js/bootstrap.min.js" %}
2017-05-17 22:10:09 +02:00
{% script "/js/main.js?v3" %}
2017-03-15 00:28:27 +01:00
</body>
</html>