Make CV page portrait image editable via admin

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

pages/02.cv/cv.en.md

@@ -1,6 +1,7 @@
 ---
 title: Natascha Rieter – Curriculum Vitae
 menu: CV
+image_portrait: portret-1.jpg
 ---
 
 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.

pages/02.cv/cv.nl.md

@@ -1,6 +1,7 @@
 ---
 title: Natascha Rieter – Curriculum Vitae
 menu: CV
+image_portrait: portret-1.jpg
 ---
 
 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.

themes/natascha/blueprints/cv.yaml

@@ -0,0 +1,19 @@
+title: CV
+'@extends':
+    type: default
+    context: blueprints://pages
+
+form:
+  fields:
+    tabs:
+      type: tabs
+      active: 1
+      fields:
+        content:
+          type: tab
+          title: Inhoud
+          fields:
+            header.image_portrait:
+              type: pagemediaselect
+              label: 'Portretfoto'
+              preview_images: true

themes/natascha/templates/cv.html.twig

@@ -2,7 +2,8 @@
 {% set page_class = 'row p-3' %}
 {% block content %}
 <div class="col-12 col-md-3 p-3">
-    <img src="{{ url('theme://images/portret-1.jpg') }}" class="img-fluid mb-3" alt="Portret Natascha Rieter">
+    {% 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">
 </div>
 <div class="col-12 col-md-6 p-3 text-start">
     <h1 class="funky-font main-header text-center">{{ page.title }}</h1>