35 lines
1.2 KiB
Twig
35 lines
1.2 KiB
Twig
{% extends "base.twig" %}
|
|
|
|
{% block stylesheets %}
|
|
<link rel="stylesheet" href="{{ asset('assets/css/style.min.css') }}">
|
|
{% endblock %}
|
|
|
|
{% block main %}
|
|
<main>
|
|
|
|
<section class="home-section">
|
|
|
|
<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">{{ 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 %}
|