36 lines
1.6 KiB
Twig
36 lines
1.6 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 %}
|
|
|
|
{% import 'galerie.html.twig' as gallery %}
|
|
|
|
{% block content %}
|
|
{% set section1_images = (page.header.section1_images ?? [])|map(item => page.media[item.image] ?? null)|filter(img => img is not null) %}
|
|
|
|
<div class="row bg-light-subtle text-center py-1 mb-2">
|
|
<small class="text-muted">Concept: 4 foto's + tekst (zoals hoofd-Galerie)</small>
|
|
</div>
|
|
|
|
<div class="row g-3">
|
|
<div class="col-12 col-md-6 p-3 text-start content-text order-2">
|
|
<h1 class="funky-font main-header text-center">{{ page.title }}</h1>
|
|
{% if page.header.intro %}{{ page.header.intro|markdown }}{% endif %}
|
|
{% if page.header.section1_heading %}<h2 class="funky-font">{{ page.header.section1_heading }}</h2>{% endif %}
|
|
{{ page.header.section1_text|markdown }}
|
|
{% if page.header.section2_heading %}<h2 class="funky-font">{{ page.header.section2_heading }}</h2>{% endif %}
|
|
{{ page.header.section2_text|markdown }}
|
|
<div class="d-flex flex-column flex-sm-row gap-2 mt-3">
|
|
<a href="{{ url('/werk-in-detail') }}" class="btn btn-brand">Bekijk werk in detail</a>
|
|
<a href="{{ url('/contact') }}" class="btn btn-outline-brand">Plan een bezoek</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6 p-3 order-1">
|
|
{{ gallery.imagegrid(section1_images, 1) }}
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|