GitSyncandClaude Sonnet 5
6c5ea608c5
Move commissions/full-catalog reference into the Bezoeken & aankoop section where it fits the purchase decision, tighten the intro paragraph, and remove the opening hours duplicated from the Contact page (which was out of sync: 13:00 vs 14:00). Buttons removed in favor of inline links now that all three destinations are linked in the text. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01XeFfgLSYdiS9UXcjiNzME3
59 lines
2.5 KiB
Twig
59 lines
2.5 KiB
Twig
{% extends 'partials/base.html.twig' %}
|
|
{% block extra_css %}
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css">
|
|
{% endblock %}
|
|
{% block extra_js %}
|
|
<script src="https://cdn.jsdelivr.net/npm/glightbox/dist/js/glightbox.min.js" defer></script>
|
|
{% endblock %}
|
|
|
|
{% macro imagegrid(images, dummy_start, count) %}
|
|
<div class="row g-2">
|
|
{% if images|length > 0 %}
|
|
{% for img in images|slice(0, count) %}
|
|
<div class="col-6">
|
|
<a href="{{ img.url }}" class="glightbox gallery-item" data-gallery="galerie-impressie" data-description="Impressie van de galerie">
|
|
<div class="gallery-thumb"><img src="{{ img.url }}" loading="lazy" alt="Impressie van de galerie"></div>
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
{% else %}
|
|
{% for i in dummy_start..(dummy_start + count - 1) %}
|
|
<div class="col-6">
|
|
<a href="https://picsum.photos/seed/galerie-ruimte{{ i }}/900/900" class="glightbox gallery-item" data-gallery="galerie-impressie" data-description="Impressie {{ i }}">
|
|
<div class="gallery-thumb"><img src="https://picsum.photos/seed/galerie-ruimte{{ i }}/450/450" loading="lazy" alt="Impressie van de galerie (voorbeeldfoto)"></div>
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
{% import _self as gallery %}
|
|
|
|
{% block content %}
|
|
{% set section1_images = (page.header.section1_images ?? [])|map(item => page.media[item.image] ?? null)|filter(img => img is not null) %}
|
|
{% set section2_images = (page.header.section2_images ?? [])|map(item => page.media[item.image] ?? null)|filter(img => img is not null) %}
|
|
|
|
<div class="row g-3">
|
|
<div class="col-12 col-md-6 p-3 order-1 order-md-2">
|
|
{{ gallery.imagegrid(section1_images, 1, 2) }}
|
|
</div>
|
|
<div class="col-12 col-md-6 p-3 text-start content-text order-2 order-md-1">
|
|
<h1 class="funky-font main-header text-center">{{ page.title }}</h1>
|
|
{{ page.header.section1_text|markdown }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-3 mt-2">
|
|
<div class="col-12 col-md-6 p-3 text-start content-text order-2">
|
|
{% if page.header.section2_title %}
|
|
<h2 class="section-subtitle text-center">{{ page.header.section2_title }}</h2>
|
|
{% endif %}
|
|
{{ page.header.section2_text|markdown }}
|
|
</div>
|
|
<div class="col-12 col-md-6 p-3 order-1">
|
|
{{ gallery.imagegrid(section2_images, 5, 2) }}
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|