Rename image fields and implement werk-in-detail gallery

- Rename image_main/image_secondary/image_logo/image_portrait to
  portret/extra_1/logo/extra_2 in pages, blueprints, and templates
- Add extra_2 image slot to home and CV (hidden on mobile)
- Wire werk-in-detail to real child pages instead of picsum placeholders
- Remove glightbox CDN dependency from werk-in-detail
- Add album blueprint, template, and grote-objecten album page

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

user/pages/01.home/home.en.md

@@ -4,9 +4,10 @@ menu: Home
 published: true
 sitemap:
     lastmod: '19-04-2026 00:00'
-image_main: portret-2.jpg
+portret: portret-2.jpg
-image_secondary: portret-1.jpg
+extra_1: portret-1.jpg
-image_logo: logo-blauw.png
+logo: logo-blauw.png
+extra_2: ''
 ---
 
 I create small sculptures, reliefs, clay paintings, modelled figures and wheel-thrown work. My work is emotional and poetic with a monumental character. The outdoor objects are frost-resistant. In my clay paintings I combine ceramic and painting techniques. Working with clay is for me the same as writing a poem. In recent years I have been almost exclusively occupied with monumental commissions. I work on commission and give courses and workshops.

user/pages/01.home/home.nl.md

@@ -4,9 +4,10 @@ menu: Home
 published: true
 sitemap:
     lastmod: '18-04-2026 21:48'
-image_secondary: portret-1.jpg
+portret: portret-2.jpg
-image_main: portret-2.jpg
+extra_1: portret-1.jpg
-image_logo: logo-blauw.png
+logo: logo-blauw.png
+extra_2: ''
 ---
 
 Ik maak kleinplastieken, reliëfs, kleischilderijen, geboetseerde beelden en draaiwerk. Mijn werk is emotioneel en poëtisch met een monumentaal karakter. De objecten voor buiten zijn winterhard. In mijn kleischilderijen worden de keramische- en schilderstechniek met elkaar gecombineerd. Het werken met klei is voor mij het zelfde als het schrijven van een gedicht. De laatste jaren ben ik bijna uitsluitend met monumentale opdrachten bezig geweest. Ik werk in opdracht en geef cursussen en workshops.

user/pages/02.cv/cv.en.md

@@ -1,8 +1,10 @@
 ---
 title: Natascha Rieter – Curriculum Vitae
 menu: CV
-image_portrait: portret-1.jpg
+portret: portret-1.jpg
-image_logo: logo-blauw.png
+extra_1: ''
+logo: logo-blauw.png
+extra_2: ''
 ---
 
 Natascha Rieter, born in Roermond (1948), has lived since 1988 in Margraten, in the hamlet of Groot Welsden, where she and her husband Siegfried Gorinskat (also a ceramist, who passed away in 2006) established their studios in a typical half-timbered farmhouse. Both artists enjoy great renown in the art world for their ceramic works. In 1989 they opened Ceramic Gallery "Groot Welsden" — with great success. Natascha Rieter is an emotional and poetic artist for whom ceramics is the mirror of the soul.

user/pages/02.cv/cv.nl.md

@@ -1,8 +1,10 @@
 ---
 title: Natascha Rieter – Curriculum Vitae
 menu: CV
-image_portrait: portret-1.jpg
+portret: portret-1.jpg
-image_logo: logo-blauw.png
+extra_1: ''
+logo: logo-blauw.png
+extra_2: ''
 ---
 
 Natascha Rieter, geboren te Roermond (1948), woont sinds 1988 te Margraten, in het gehucht Groot Welsden, waar zij met haar man Siegfried Gorinskat (ook keramist) (2006 gestorven) in een typische vakwerkboerderij hun ateliers hebben gevestigd. Beide kunstenaars genieten vanwege hun keramische werken grote bekendheid in de kunstwereld. In 1989 openden zij Keramiek Galerie "Groot Welsden" en niet zonder succes. Natascha Rieter is een emotioneel en poëtisch kunstenaar voor wie keramiek de spiegel van de ziel is.

user/pages/04.werk-in-detail/grote-objecten/album.en.md

@@ -0,0 +1,7 @@
+---
+title: 'Large objects'
+sitemap:
+    lastmod: '13-06-2026 13:29'
+---
+
+A series of larges objects made in the last years

user/pages/04.werk-in-detail/grote-objecten/album.nl.md

@@ -0,0 +1,8 @@
+---
+title: 'Grote objecten'
+sitemap:
+    lastmod: '13-06-2026 13:29'
+media_order: '10298359_1112080642156692_2004541195504715933_o_1112080642156692.jpg,1936306_1105443762820380_8216889586053322199_n_1105443762820380.jpg,10683502_1112079375490152_4488529684021326036_o_1112079375490152.jpg,11053920_1112081192156637_6689568670232240087_o_1112081192156637.jpg,12029743_1107926249238798_5277465818662466467_o_1107926249238798.jpg,12418905_1112080445490045_6622839067204183466_o_1112080445490045.jpg,12418905_1112080975489992_3344234153253759058_o_1112080975489992.jpg,12418926_1112081552156601_1127226366914273536_o_1112081552156601.jpg,12493616_1112080162156740_7951360208797715360_o_1112080162156740.jpg,12495917_1112079482156808_5584179686913736172_o_1112079482156808.jpg,12496352_1112081338823289_3609436053778783843_o_1112081338823289.jpg,12593704_1112080822156674_1315022773915505238_o_1112080822156674.jpg'
+---
+
+Een serie van grote objecte gemaakt in de afgelopen jaren

user/themes/natascha/blueprints/album.yaml

@@ -0,0 +1,4 @@
+title: Album
+'@extends':
+    type: default
+    context: blueprints://pages

user/themes/natascha/blueprints/cv.yaml

@@ -13,11 +13,19 @@ form:
           type: tab
           title: Inhoud
           fields:
-            header.image_portrait:
+            header.portret:
               type: pagemediaselect
-              label: 'Portretfoto'
+              label: 'Portret (zichtbaar op mobiel)'
               preview_images: true
-            header.image_logo:
+            header.extra_1:
               type: pagemediaselect
-              label: 'Logo'
+              label: 'Extra foto (verborgen op mobiel)'
+              preview_images: true
+            header.logo:
+              type: pagemediaselect
+              label: 'Logo (zichtbaar op mobiel)'
+              preview_images: true
+            header.extra_2:
+              type: pagemediaselect
+              label: 'Extra foto rechts (verborgen op mobiel)'
               preview_images: true

user/themes/natascha/blueprints/home.yaml

@@ -13,15 +13,19 @@ form:
           type: tab
           title: Inhoud
           fields:
-            header.image_main:
+            header.portret:
               type: pagemediaselect
-              label: 'Portretfoto (hoofdafbeelding)'
+              label: 'Portret (zichtbaar op mobiel)'
               preview_images: true
-            header.image_secondary:
+            header.extra_1:
               type: pagemediaselect
-              label: 'Portretfoto (tweede afbeelding, zichtbaar vanaf tablet)'
+              label: 'Extra foto (verborgen op mobiel)'
               preview_images: true
-            header.image_logo:
+            header.logo:
               type: pagemediaselect
-              label: 'Logo'
+              label: 'Logo (zichtbaar op mobiel)'
+              preview_images: true
+            header.extra_2:
+              type: pagemediaselect
+              label: 'Extra foto rechts (verborgen op mobiel)'
               preview_images: true

user/themes/natascha/templates/album.html.twig

@@ -0,0 +1,26 @@
+{% 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 %}
+{% block content %}
+<div class="row mb-3">
+    <div class="col-12 col-lg-8 offset-lg-2">
+        <h1 class="funky-font main-header text-center">{{ page.title }}</h1>
+        {{ content|raw }}
+    </div>
+</div>
+<div class="row g-3">
+    {% for name, img in page.media.images %}
+    <div class="col-6 col-md-4 col-lg-3">
+        <a href="{{ img.url }}" class="glightbox gallery-item" data-gallery="{{ page.slug }}">
+            <div class="gallery-thumb">
+                <img src="{{ img.url }}" loading="lazy" alt="{{ page.title }}">
+            </div>
+        </a>
+    </div>
+    {% endfor %}
+</div>
+{% endblock %}

user/themes/natascha/templates/cv.html.twig

@@ -2,15 +2,21 @@
 {% set page_class = 'row p-3' %}
 {% block content %}
 <div class="col-12 col-md-3 p-3">
-    {% set img_portrait = page.header.image_portrait ? page.media[page.header.image_portrait].url : url('theme://images/portret-1.jpg') %}
+    {% set portret = page.header.portret ? page.media[page.header.portret].url : url('theme://images/portret-1.jpg') %}
-    <img src="{{ img_portrait }}" class="img-fluid mb-3" alt="Portret Natascha Rieter">
+    <img src="{{ portret }}" class="img-fluid mb-3" alt="Portret Natascha Rieter">
+    {% if page.header.extra_1 %}
+    <img src="{{ page.media[page.header.extra_1].url }}" class="img-fluid mb-3 d-none d-md-block" loading="lazy" alt="Portret Natascha Rieter">
+    {% endif %}
 </div>
 <div class="col-12 col-md-6 p-3 text-start">
     <h1 class="funky-font main-header text-center">{{ page.title }}</h1>
     {{ content|raw }}
 </div>
 <div class="col-12 col-md-3 p-3 text-center">
-    {% set img_logo = page.header.image_logo ? page.media[page.header.image_logo].url : url('theme://images/logo-blauw.png') %}
+    {% set logo = page.header.logo ? page.media[page.header.logo].url : url('theme://images/logo-blauw.png') %}
-    <img src="{{ img_logo }}" class="img-fluid mb-3" loading="lazy" alt="Logo Galerie Groot Welsden">
+    <img src="{{ logo }}" class="img-fluid mb-3" loading="lazy" alt="Logo Galerie Groot Welsden">
+    {% if page.header.extra_2 %}
+    <img src="{{ page.media[page.header.extra_2].url }}" class="img-fluid d-none d-md-block" loading="lazy" alt="Portret Natascha Rieter">
+    {% endif %}
 </div>
 {% endblock %}

user/themes/natascha/templates/home.html.twig

@@ -2,17 +2,20 @@
 {% set page_class = 'row p-3' %}
 {% block content %}
 <div class="col-12 col-md-6 col-lg-3 p-3">
-    {% set img_main = page.header.image_main ? page.media[page.header.image_main].url : url('theme://images/portret-2.jpg') %}
+    {% set portret = page.header.portret ? page.media[page.header.portret].url : url('theme://images/portret-2.jpg') %}
-    {% set img_secondary = page.header.image_secondary ? page.media[page.header.image_secondary].url : url('theme://images/portret-1.jpg') %}
+    {% set extra_1 = page.header.extra_1 ? page.media[page.header.extra_1].url : url('theme://images/portret-1.jpg') %}
-    <img src="{{ img_main }}" class="img-fluid mb-3" alt="Portret Natascha Rieter">
+    <img src="{{ portret }}" class="img-fluid mb-3" alt="Portret Natascha Rieter">
-    <img src="{{ img_secondary }}" class="img-fluid d-none d-md-block" loading="lazy" alt="Portret Natascha Rieter">
+    <img src="{{ extra_1 }}" class="img-fluid mb-3 d-none d-md-block" loading="lazy" alt="Portret Natascha Rieter">
 </div>
 <div class="col-12 col-md-6 col-lg-6 p-3 text-start">
     <h1 class="funky-font main-header text-center">{{ page.title }}</h1>
     {{ content|raw }}
 </div>
 <div class="col-12 col-md-6 col-lg-3 p-3 text-center">
-    {% set img_logo = page.header.image_logo ? page.media[page.header.image_logo].url : url('theme://images/logo-blauw.png') %}
+    {% set logo = page.header.logo ? page.media[page.header.logo].url : url('theme://images/logo-blauw.png') %}
-    <img src="{{ img_logo }}" class="img-fluid mb-3" loading="lazy" alt="Logo Galerie Groot Welsden">
+    <img src="{{ logo }}" class="img-fluid mb-3" loading="lazy" alt="Logo Galerie Groot Welsden">
+    {% if page.header.extra_2 %}
+    <img src="{{ page.media[page.header.extra_2].url }}" class="img-fluid d-none d-md-block" loading="lazy" alt="Portret Natascha Rieter">
+    {% endif %}
 </div>
 {% endblock %}

user/themes/natascha/templates/werk-in-detail.html.twig

@@ -1,21 +1,24 @@
 {% 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 %}
 {% block content %}
 <div class="row mb-3">
     <h1 class="funky-font main-header text-center">{{ page.title }}</h1>
 </div>
 <div class="row g-3">
-    {% for i in 1..8 %}
+    {% for child in page.children %}
+    {% if child.published %}
     <div class="col-6 col-md-4 col-lg-3">
-        <a href="https://picsum.photos/seed/detail{{ i }}/800/800" class="glightbox gallery-item" data-gallery="detail" data-description="Werk {{ i }}">
+        <a href="{{ child.url }}" class="gallery-item d-block">
-            <div class="gallery-thumb"><img src="https://picsum.photos/seed/detail{{ i }}/350/350" loading="lazy" alt="Werk {{ i }}"></div>
+            <div class="gallery-thumb">
+                {% for name, img in child.media.images %}
+                {% if loop.first %}
+                <img src="{{ img.url }}" loading="lazy" alt="{{ child.title }}">
+                {% endif %}
+                {% endfor %}
+            </div>
+            <p class="mt-2 text-center small">{{ child.title }}</p>
         </a>
     </div>
+    {% endif %}
     {% endfor %}
 </div>
 {% endblock %}