100 lines
2.3 KiB
HTML
100 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>jon</title>
|
|
<style>
|
|
html {
|
|
font-family: Helvetica, sans-serif;
|
|
}
|
|
h1 {
|
|
margin: 0;
|
|
}
|
|
nav > ul {
|
|
padding-left: 0;
|
|
}
|
|
nav > ul > li {
|
|
display: inline-block;
|
|
list-style: none;
|
|
}
|
|
nav > ul > li + li:before {
|
|
content: ' · ';
|
|
}
|
|
.current-page > a {
|
|
position: relative;
|
|
}
|
|
.current-page > a:after {
|
|
content: '↓';
|
|
font-size: 0.8em;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
display: block;
|
|
right: 50%;
|
|
top: -1em;
|
|
width: 1em;
|
|
text-align: center;
|
|
margin-right: -0.5em;
|
|
animation: wiggle 0.8s ease-in-out 0s infinite;
|
|
/* animation-direction: alternate; */
|
|
}
|
|
.--align-left {
|
|
text-align: left;
|
|
}
|
|
.--align-right {
|
|
text-align: right;
|
|
}
|
|
.--centered {
|
|
text-align: center;
|
|
}
|
|
@keyframes wiggle {
|
|
0%, 100% { margin-top: 0; }
|
|
50% { margin-top: -0.5em; }
|
|
/* 100% { transform: rotate(1turn); } */
|
|
}
|
|
table {
|
|
border-spacing: .5em 0;
|
|
}
|
|
th {
|
|
font-size: .8em;
|
|
}
|
|
@media print {
|
|
body {
|
|
font-size: 8px;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>jon</h1>
|
|
<nav>
|
|
<ul>
|
|
<li {{ "class=current-page" if request.path == "/" else "" }}><a href="/">Home</a></li>
|
|
<li {{ "class=current-page" if request.path.startswith("/inventory") else "" }}><a href="/inventory">Inventar</a></li>
|
|
<li {{ "class=current-page" if request.path.startswith("/location") else "" }}>
|
|
<a href="/location">
|
|
{% if "location" not in session %}
|
|
Raum wählen
|
|
{% else %}
|
|
Raum: {{ session.location.location_name }}
|
|
{% endif %}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
{% if config.DEBUG %}
|
|
<details>
|
|
<summary><code>config</code></summary>
|
|
<pre>{% for key, value in config.items() %}{{ key }} = {{ value }}
|
|
{% endfor %}</pre>
|
|
</details>
|
|
{% endif %}
|
|
</header>
|
|
|
|
<main>
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
</body>
|
|
</html>
|