<!DOCTYPE html>
<html>
    <head>
        <title>Lucidragons' Fire</title>
        <link rel="stylesheet" href="/static/dergstyle.css">
		<link rel="icon" type="image/x-icon" href="/static/icon.jpeg">

        <meta name="viewport" content="width=device-width,initial-scale=1">
    
		{% block feed_links %}
		<link rel="alternate" type="application/rss+xml" title="DergSite Global Feed" href="https://lucidragons.de/feed">
		{% endblock %}

		{% block extra_head %}{% endblock %}
		
		{% block opengraph_tags %}{% endblock %}
		
		<script type="text/javascript">
			window.dergBannerOptions = JSON.parse('{{bannerJson|raw}}');
		</script>
		</head>
    <body>
		<header id="main_header">
			<img id="main_banner_img"></img>
			<a id="main_banner_img_link" href="/gallery"> full picture</a>

			<script src="/static/banner.js"></script>

	        <h1 id="big_title">{% block big_title %}The dergsite{%endblock%}</h1>
			{% block second_title %}{% endblock %}
	        <div id="title_separator"></div>

	        <menu id="nav_bar">
				<li><a href="/about"> About </a></li>
				<li><a href="/blog"> Blog </a></li>
				<li><a href="/projects"> Projects </a></li>
				<li><a href="/artwork"> Artworks </a></li>
	        </menu>
	    </header>

        <main id="main_content_wrapper">
        	{% block main_content %}<h3>Soon there shall be content!</h3>{% endblock %}
        </main>

		<footer id="main_footer">
			{% block main_footer %}
			<span> test? </span>
			{% endblock %}
		</footer>
        
    </body>
</html>
