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>
2026-06-13 18:49:29 +02:00
parent 589b70aae9
commit 103e344408
25 changed files with 114 additions and 39 deletions
@@ -4,9 +4,10 @@ menu: Home
 published: true
 sitemap:
    lastmod: '19-04-2026 00:00'
-image_main: portret-2.jpg
-image_secondary: portret-1.jpg
-image_logo: logo-blauw.png
+portret: portret-2.jpg
+extra_1: portret-1.jpg
+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.
@@ -4,9 +4,10 @@ menu: Home
 published: true
 sitemap:
    lastmod: '18-04-2026 21:48'
-image_secondary: portret-1.jpg
-image_main: portret-2.jpg
-image_logo: logo-blauw.png
+portret: portret-2.jpg
+extra_1: portret-1.jpg
+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.
@@ -1,8 +1,10 @@
 ---
 title: Natascha Rieter – Curriculum Vitae
 menu: CV
-image_portrait: portret-1.jpg
-image_logo: logo-blauw.png
+portret: portret-1.jpg
+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.
@@ -1,8 +1,10 @@
 ---
 title: Natascha Rieter – Curriculum Vitae
 menu: CV
-image_portrait: portret-1.jpg
-image_logo: logo-blauw.png
+portret: portret-1.jpg
+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.
@@ -0,0 +1,7 @@
+---
+title: 'Large objects'
+sitemap:
+    lastmod: '13-06-2026 13:29'
+---
+
+A series of larges objects made in the last years
@@ -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
@@ -0,0 +1,4 @@
+title: Album
+'@extends':
+    type: default
+    context: blueprints://pages
@@ -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
@@ -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
@@ -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 %}
@@ -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') %}
-    <img src="{{ img_portrait }}" class="img-fluid mb-3" alt="Portret Natascha Rieter">
+    {% set portret = page.header.portret ? page.media[page.header.portret].url : url('theme://images/portret-1.jpg') %}
+    <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') %}
-    <img src="{{ img_logo }}" class="img-fluid mb-3" loading="lazy" alt="Logo Galerie Groot Welsden">
+    {% set logo = page.header.logo ? page.media[page.header.logo].url : url('theme://images/logo-blauw.png') %}
+    <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 %}
@@ -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 img_secondary = page.header.image_secondary ? page.media[page.header.image_secondary].url : url('theme://images/portret-1.jpg') %}
-    <img src="{{ img_main }}" 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">
+    {% set portret = page.header.portret ? page.media[page.header.portret].url : url('theme://images/portret-2.jpg') %}
+    {% set extra_1 = page.header.extra_1 ? page.media[page.header.extra_1].url : url('theme://images/portret-1.jpg') %}
+    <img src="{{ portret }}" class="img-fluid mb-3" 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') %}
-    <img src="{{ img_logo }}" class="img-fluid mb-3" loading="lazy" alt="Logo Galerie Groot Welsden">
+    {% set logo = page.header.logo ? page.media[page.header.logo].url : url('theme://images/logo-blauw.png') %}
+    <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 %}
@@ -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 }}">
-            <div class="gallery-thumb"><img src="https://picsum.photos/seed/detail{{ i }}/350/350" loading="lazy" alt="Werk {{ i }}"></div>
+        <a href="{{ child.url }}" class="gallery-item d-block">
+            <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 %}