<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>{{ page.title }}</title>
		<meta name="viewport" content="width=device-width">
    <link rel="alternate" type="application/rss+xml" title="RSS Feed for rezepte.thomasba.de" href="/feed.xml" />
{% if page.thumbnail != null %}
		<link rel="image_src" href="{{ site.url }}{{ page.thumbnail | escape_once }}">
{% elsif page.image != null %}
		<link rel="image_src" href="{{ site.url }}{{ page.image | escape_once }}">
{% endif %}
{% bundle %}
- /css/bootstrap.css
- /css/sticky-footer-navbar.css
- /css/bootstrap-theme.css
- /css/syntax.css
- /css/main.css
- /css/lightbox.css
{% endbundle %}
	</head>
	<body>
		<div id="wrap">
			<div class="navbar navbar-default navbar-static-top" role="navigation">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="/">{{ site.title }}</a>
					</div>
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav">
							<li{% if page.url == "/index.html" %} class="active"{% endif %}><a href="/">Startseite</a></li>
							<li{% if page.url == "/about/index.html" %} class="active"{% endif %}><a href="/about/">Über</a></li>
							<li{% if page.url == "/categories/index.html" %} class="active"{% endif %}><a href="/categories/">Kategorien</a></li>
							<li{% if page.url == "/archive.html" %} class="active"{% endif %}><a href="/archive.html">Archiv</a></li>
						</ul>
					</div><!--/.nav-collapse -->
				</div>
			</div>

			<div class="container">
			{{ content }}
			</div>
		</div>

		<div id="footer">
			<div class="container">
				<p class="text-muted">
					thomasba | <a href="mailto:rezepte@thomasba.de">rezepte@thomasba.de</a>
				</p>
			</div>
		</div>
<script type="text/javascript">
	// Add a script element as a child of the body
	function downloadJSAtOnload() {
        var js = new Array();
{% bundle %}
- http://code.jquery.com/jquery-1.11.2.min.js
- /js/bootstrap.js
- /js/lightbox.js
- /js/piwik.js
{% endbundle %}
		// foreach
        while(js.length > 0) {
            var element = document.createElement("script");
            element.src = js.shift();
            document.body.appendChild(element);
        }
		if (typeof(after_onload) != "undefined") {
			after_onload();
		}
	}
	// Check for browser support of event handling capability
	if (window.addEventListener)
		window.addEventListener("load", downloadJSAtOnload, false);
	else if (window.attachEvent)
		window.attachEvent("onload", downloadJSAtOnload);
	else
		window.onload = downloadJSAtOnload;
</script>
<noscript><p><img src="//piwik.thomasba.de/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
	</body>
</html>
