{% import "macros/layout.html" as layout %}

<html>

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<title>{% block title %}{% endblock %}</title>
	<link rel="stylesheet" href="/main.css" />
</head>

<body>
	<header>
		{{ layout::navbar(config=config) }}
	</header>

	<div class="container" style="padding: 5px 30px;">
		{% block content %}{% endblock %}
	</div>

	<div style="text-align: center; font-weight: 200; margin-bottom: 40px;">
		<p style="margin: 0;">
			<a href="/tags" class="colorlink">tags</a> &middot;
			<a href="/pages" class="colorlink">all pages</a>
		</p>
	    <p style="margin: 0;">
	    	written by michael zhang.
	    	<a href="https://git.iptq.io/michael/blog" class="colorlink" target="_blank">source</a>
	    </p>
	</div>
</body>

</html>