{% extends "base.twig" %}

{% block stylesheets %}
	<link rel="stylesheet" href="{{ asset('assets/css/style.min.css') }}">
{% endblock %}

{% block main %}
	<main>

		<section class="home-section" aria-hidden="true">

			<div class="home">
				<nav class="home__nav" aria-label="Menu">
					{% set navItemNo = 1 %}
					{% for gallery in pages.template('gallery') %}
						<div class="home__nav-item-{{ navItemNo }}">
							<a href="{{ gallery.url }}" target="_self" class="home__nav-link" tabindex="-1">{{ gallery.title }}</a>
						</div>
					{% set navItemNo = navItemNo + 1 %}
					{% endfor %}
					<div class="home__nav-image" aria-hidden="true">
						<img src="{{ page.images.template("image").first.url }}" srcset="{{ page.images.template("image").first.srcset() }}" alt="{{ page.images.template("image").first.alt_text }}">
					</div>
				</nav>
			</div>

		</section>

	</main>
{% endblock %}

{% block scripts %}
	<script src="{{ asset('assets/libraries/circletype.min.js') }}"></script>
	<script src="{{ asset('assets/js/app.js') }}"></script>
{% endblock %}