<!doctype html>
{% include layout/banner.html %}
<html lang="en"{% if page.rtl %} dir="rtl" {% endif %}>
<head>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
	<meta http-equiv="X-UA-Compatible" content="ie=edge"/>

	<title>{% if page.title %}{{ page.title }} - {% endif %}{% if layout.title %}{{ layout.title }} - {% endif %}{% if site.title %}{{ site.title }} - {% endif %}{{ site.description }}</title>

	{% if jekyll.environment == 'production' %}
	<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>

	<meta name="msapplication-TileColor" content="{{ site.data.colors.blue }}"/>
	<meta name="theme-color" content="{{ site.data.colors.blue }}"/>

	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="mobile-web-app-capable" content="yes"/>
	<meta name="HandheldFriendly" content="True"/>
	<meta name="MobileOptimized" content="320"/>
	<meta name="robots" content="noindex,nofollow,noarchive"/>

	<link rel="icon" href="{{ site.base }}/favicon.ico" type="image/x-icon"/>
	<link rel="shortcut icon" href="{{ site.base }}/favicon.ico" type="image/x-icon"/>

	{% if site.preview %}
		{% include layout/analytics.html %}
	{% endif %}

	{% if page.description %}
		<meta name="description" content="{{ page.description | escape }}"/>
	{% endif %}

	{% include layout/og.html show=layout.og-component %}
	{% endif %}

	{% include layout/css.html %}

	<style>
		body {
			display: none;
		}
	</style>
</head>

{% assign layout-dark = page.layout-dark | default: site.layout-dark %}
<body class="antialiased{% if layout-dark %} theme-dark{% endif %}{% if layout.body-class %} {{ layout.body-class }}{% endif %}{% if page.body-class %} {{ page.body-class }}{% endif %}">

	{{ content }}

	{% include layout/modals-capture.html %}

	{% include layout/js.html %}

	{% if site.debug and jekyll.environment == 'development' %}
		{% include layout/debug.html %}
	{% endif %}

	<script>document.body.style.display = "block"</script>
</body>
</html>
