<!DOCTYPE html>
<html>
    <head>
        <title>{{og.site_name}} - {{og.title}}</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=0.8">
    
		{% block feed_links %}
		<link rel="alternate" type="application/rss+xml" title="{{og.site_name}} Global Feed" href="{{site_config.uri_prefix}}/feed">
		{% endblock %}

		{% block extra_head %}{% endblock %}
		
		{% block opengraph_tags %}
			<meta property="og:site_name" content="{{og.site_name}}">
			
			<meta property="og:url" content="{{og.url}}" />
			
			<meta property="og:title" content="{{ og.title|e }}" />
			<meta name="twitter:title" content="{{ og.title|e }}" />

			<meta property="og:description" content="{{ og.description|e }}" />
			<meta name="twitter:description" content="{{ og.description|e }}" />

			<meta property="og:image" content="{{og.image}}" />
			<meta name="twitter:image" content="{{og.image}}" />

			<meta property="al:android:app_name" content="Medium" />
		{% endblock %}
		
		<script type="text/javascript">
			window.dergBannerOptions = JSON.parse('{{banner|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>
