{% extends "base.twig" %}

{% block header %}
	<header>

		<div class="sidebar">
			<nav class="sidebar__nav" aria-label="Menu">
				{% if exhibitions is not empty %}
					<ul class="sidebar__nav-menu">
						{% for exhibition in exhibitions %}
								<li class="sidebar__nav-item">
									{% if exhibition.external_link == false %}
										<a href="{{ exhibition.url }}" target="iframe">{{ exhibition.title }}</a>
									{% elseif exhibition.external_link == true %}
										<a href="{{ exhibition.url }}" target="_blank">{{ exhibition.title }}</a>
									{% endif %}
								</li>
						{% endfor %}
					</ul>
				{% endif %}
			</nav>
			<div class="sidebar__social">
				<a class="sidebar__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="sidebar__email-button" href="mailto:{{ 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 %}
	<main>

		<section class="home-section">
			<iframe class="home-section__iframe" src="{{ page.featured_exhibition }}" name="iframe"></iframe>
		</section>

	</main>
{% endblock %}