<!DOCTYPE html>

<html lang="fr">

<head>

	{{ snippet('metadata') }}
	{{ snippet('favicon') }}

	{# CSS #}
	{% block stylesheets %}
		<link rel="stylesheet" href="{{ asset('assets/build/main.css') }}">
	{% endblock %}

	{# JavaScript #}
	{% block scripts %}
		<script src="{{ asset('assets/build/app.js') }}" defer></script>
	{% endblock %}

	{# Matomo #}
	{# <script>
		var _paq = window._paq = window._paq || [];
		_paq.push(['disableCookies']);
		_paq.push(['trackPageView']);
		_paq.push(['enableLinkTracking']);
		(function() {
		var u="//matomo.paulnicoue.com/";
		_paq.push(['setTrackerUrl', u+'matomo.php']);
		_paq.push(['setSiteId', '2']);
		var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
		g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
		})();
	</script> #}

</head>

<body>

	{% block header %}
		<header>

			<div class="header-bar">

				<nav class="header-bar__nav" aria-label="Menu">
					{% if site.homepage.exhibitions is not empty %}
						<ul class="header-bar__nav-menu">
							{% for exhibition in site.homePage.exhibitions.toStructure %}
									<li class="header-bar__nav-item">
										{% if exhibition.external_link.toBool == false %}
											<a href="{{ exhibition.url }}" target="iframe">{{ exhibition.url }}</a>
										{% elseif exhibition.external_link.toBool == true %}
											<a href="{{ exhibition.url }}" target="_blank">{{ exhibition.url }}</a>
										{% endif %}
									</li>
							{% endfor %}
						</ul>
					{% endif %}
				</nav>
				<div class="header-bar__social">
					<a class="header-bar__gallery-button" href="#" target="_self" aria-label="Show {{ site.title }}'s image gallery">
						<svg aria-hidden="true" viewBox="0 0 48 48" fill="currentColor">
							<path d="M17.25 29.15H36.8l-6.35-8.55-5.15 6.75L21.9 23ZM10 38V4h34v34Zm3-3h28V7H13Zm-9 9V10h3v31h31v3Zm9-9V7v28Z"/>
						</svg>
					</a>
					<a class="header-bar__email-button" href="mailto:{{ site.email }}" target="_blank" aria-label="Write an email to {{ site.title }}">
						<svg aria-hidden="true" viewBox="0 0 48 48" fill="currentColor">
							<path d="M4 40V8h40v32Zm20-15.1L7 13.75V37h34V13.75Zm0-3L40.8 11H7.25ZM7 13.75V11v2.75Z"/>
						</svg>
					</a>
				</div>

			</div>

		</header>
	{% endblock %}

	{% block main %}
	{% endblock %}

	{% block footer %}
		<footer>

			<div class="footer-bar">
			</div>

		</footer>
	{% endblock %}

</body>

</html>
