xiaowang/site/templates/home.twig

{% extends "base.twig" %}

{% 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 %}