m038/natascha-rieter.nl-user
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

(Grav GitSync) Automatic Commit from GitSync

Browse Source
This commit is contained in:
GitSync
2026-08-25 17:38:09 +00:00
parent a47d464d43
commit 0871a0f57d
6 changed files with 176 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/natascha/templates/galerie.html.twig
+49 -10
View File
@@ -5,20 +5,59 @@
{% block extra_js %}
<script src="https://cdn.jsdelivr.net/npm/glightbox/dist/js/glightbox.min.js" defer></script>
{% endblock %}
{% macro imagegrid(images, dummy_start) %}
<div class="row g-2">
{% if images|length > 0 %}
{% for img in images %}
<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 + 3) %}
<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 %}
<div class="row mb-3">
<div class="col-12 col-lg-8 offset-lg-2">
{% set is_en = (grav.language.active ?? 'nl') == 'en' %}
{% 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 align-items-center g-3">
<div class="col-12 col-md-6 p-3 order-1 order-md-2">
{{ gallery.imagegrid(section1_images, 1) }}
</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>
{{ content|raw }}
{% 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 }}
</div>
</div>
<div class="row g-3">
{% for i in 1..12 %}
<div class="col-6 col-md-4 col-lg-3">
<a href="https://picsum.photos/seed/kunst{{ i }}/800/800" class="glightbox gallery-item" data-gallery="galerie" data-description="Werk {{ i }}">
<div class="gallery-thumb"><img src="https://picsum.photos/seed/kunst{{ i }}/350/350" loading="lazy" alt="Werk {{ i }}"></div>
</a>
<div class="row align-items-center g-3 mt-2">
<div class="col-12 col-md-6 p-3 text-start content-text order-2">
{% 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">{{ is_en ? 'View work in detail' : 'Bekijk werk in detail' }}</a>
<a href="{{ url('/contact') }}" class="btn btn-outline-brand">{{ is_en ? 'Plan a visit' : 'Plan een bezoek' }}</a>
</div>
</div>
<div class="col-12 col-md-6 p-3 order-1">
{{ gallery.imagegrid(section2_images, 5) }}
</div>
{% endfor %}
</div>
{% endblock %}
themes/natascha/templates/partials/base.html.twig
+1 -1
View File
@@ -13,7 +13,7 @@
<link rel="icon" type="image/png" href="{{ url('theme://images/logo-vignet-blauw.png') }}">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
{% block extra_css %}{% endblock %}
<link rel="stylesheet" href="{{ url('theme://css/custom.css') }}">
<link rel="stylesheet" href="{{ url('theme://css/custom.css') }}?v={{ 'user/themes/natascha/css/custom.css'|filemtime }}">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" defer></script>
<script src="{{ url('theme://js/main.js') }}" defer></script>
{% block extra_js %}{% endblock %}