{% extends 'templates/main-layout.twig' %}

{% set bodyClasses = 'index' %}

{% block stylesheets %}
	{{ parent() }}
	<link rel="stylesheet" media="all" href="/assets/css/index.css" type="text/css">
{% endblock %}

{% block content %}

	<div id="contentsInner">
		<div class="mainLogo">
			<span class="txt">
				<svg viewBox="0 0 180 34">
					<use xlink:href="#logoTxt"></use>
				</svg>
			</span>
			<span class="mark">
				<svg viewBox="0 0 180 220">
					<use xlink:href="#logoMark"></use>
				</svg>
			</span>
		</div>
		<h2>Under construction</h2>
		<nav id="topGlobalNav">
			<ul>
				{% if not app.isOnline %}
				<li class="works"><a href="{{ path_for("works") }}">Works</a></li>
				<li class="blog"><a href="{{ path_for("blog") }}">Blog</a></li>
				<li class="bookmarks"><a href="{{ path_for("bookmarks") }}">Bookmarks</a></li>
				{% endif %}
				<li class="pano"><a href="{{ path_for("panoIndex") }}">Panoramen</a></li>
				<li class="datenschutz"><a href="{{ path_for("datenschutz") }}">Datenschutz</a></li>
				<li class="about"><a href="{{ path_for("about") }}">Über</a></li>
			</ul>
		</nav>
	</div>

{% endblock %}

{% block scripts %}
	{{ parent() }}
	<script src="/assets/js/index.js" type="text/javascript"></script>
{% endblock %}