<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="robots" content="noindex, nofollow">

    {% block meta %}
    <meta name="copyright" content="GPLv3">
    <meta name="application-name" content="Magic App">
    {% endblock meta %}

		<link rel="stylesheet" href="{{ url_for('static', filename='picnic.min.css') }}">
		{% if debug %}
		{% else %}
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/picnic">
		{% endif %}

    <title>{% block title %}🎩{% endblock %}</title>
</head>
<body style="padding-top: 3em;">
	{% block content %}{% endblock %}
	<nav>
		<a href="#" class="brand">
			<span>Magic App</span>
		</a>

		<!-- responsive-->
		<input id="bmenub" type="checkbox" class="show">
		<label for="bmenub" class="burger pseudo button">menu</label>

		<div class="menu">
			<a href="{{ url_for('index') }}" class="button">Apps</a>
		</div>
	</nav>
</body>
</html>