diff --git a/pages/03.galerie/galerie.en.md b/pages/03.galerie/galerie.en.md index 398861f..ad088df 100644 --- a/pages/03.galerie/galerie.en.md +++ b/pages/03.galerie/galerie.en.md @@ -1,6 +1,15 @@ --- title: Gallery menu: Gallery ---- +intro: "An impression of Keramiekgalerie Groot Welsden – Natascha Rieter's studio and exhibition space in Bunde." +section1_heading: 'Currently on display' +section1_text: | + The gallery shows a changing selection of small sculptures, reliefs, clay paintings and monumental maquettes. *(editorial note: describe the current exhibition/setup here)* +section1_images: [] +section2_heading: 'Visiting & purchasing' +section2_text: | + The gallery is open every Friday and Saturday from 1pm to 5pm, and always by appointment. Works are for sale; ask about pricing and options during your visit or get in touch. Commissions and custom work are also possible. -A selection of ceramic works by Natascha Rieter — from small sculptures to monumental commissions. Click an image for an enlarged view. + For individual pieces, see the [Work in detail](/werk-in-detail) page. +section2_images: [] +--- diff --git a/pages/03.galerie/galerie.nl.md b/pages/03.galerie/galerie.nl.md index 88678e8..4832c8b 100644 --- a/pages/03.galerie/galerie.nl.md +++ b/pages/03.galerie/galerie.nl.md @@ -1,6 +1,15 @@ --- title: Galerie menu: Galerie ---- +intro: 'Een sfeerbeeld van Keramiekgalerie Groot Welsden – het atelier en de expositieruimte van Natascha Rieter in Bunde.' +section1_heading: 'Op dit moment te zien' +section1_text: | + In de galerie is een wisselende selectie te zien van kleinplastieken, reliëfs, kleischilderijen en monumentale maquettes. *(redactie: hier de actuele expositie/opstelling beschrijven)* +section1_images: [] +section2_heading: 'Bezoeken & aankoop' +section2_text: | + De galerie is open iedere vrijdag en zaterdag van 13:00 tot 17:00 uur, en altijd op afspraak. Werken zijn te koop; vraag naar prijs en mogelijkheden tijdens uw bezoek of neem contact op. Opdrachten en maatwerk zijn eveneens mogelijk. -Een selectie van keramische werken van Natascha Rieter – van kleinplastieken tot monumentale opdrachten. Klik op een afbeelding voor een vergrote weergave. + Losse werken bekijkt u het beste op de pagina [Werk in detail](/werk-in-detail). +section2_images: [] +--- diff --git a/themes/natascha/blueprints/galerie.yaml b/themes/natascha/blueprints/galerie.yaml new file mode 100644 index 0000000..9831c91 --- /dev/null +++ b/themes/natascha/blueprints/galerie.yaml @@ -0,0 +1,59 @@ +title: Galerie +'@extends': + type: default + context: blueprints://pages + +form: + fields: + tabs: + type: tabs + active: 1 + fields: + content: + type: tab + title: Inhoud + fields: + header.intro: + type: text + label: Introductietekst + help: 'Korte openingszin, boven de eerste kop.' + + header.section1_heading: + type: text + label: 'Kop – sectie 1 (boven)' + default: 'Op dit moment te zien' + header.section1_text: + type: textarea + label: 'Tekst – sectie 1 (boven)' + rows: 6 + header.section1_images: + type: list + label: "Foto's – sectie 1 (boven)" + help: "Sleep om te herschikken. Deze foto's verschijnen naast de tekst hierboven." + style: vertical + collapsed: false + fields: + .image: + type: pagemediaselect + label: Foto + preview_images: true + + header.section2_heading: + type: text + label: 'Kop – sectie 2 (onder)' + default: 'Bezoeken & aankoop' + header.section2_text: + type: textarea + label: 'Tekst – sectie 2 (onder)' + rows: 6 + header.section2_images: + type: list + label: "Foto's – sectie 2 (onder)" + help: "Sleep om te herschikken. Deze foto's verschijnen naast de tekst hierboven." + style: vertical + collapsed: false + fields: + .image: + type: pagemediaselect + label: Foto + preview_images: true diff --git a/themes/natascha/css/custom.css b/themes/natascha/css/custom.css index c5bafb7..c8f237e 100644 --- a/themes/natascha/css/custom.css +++ b/themes/natascha/css/custom.css @@ -179,3 +179,48 @@ footer { .gallery-item:hover .gallery-thumb img { transform: scale(1.05); } + +.content-text h2 { + font-family: 'Hobo Std', Helvetica, Verdana, Arial; + color: var(--color-brand); + font-size: 1.4em; + margin-top: 1.75rem; + margin-bottom: 0.75rem; +} + +@media (min-width: 768px) { + .content-text h2 { + font-size: 1.7em; + } +} + +@media (min-width: 1200px) { + .content-text h2 { + font-size: 2em; + } +} + +.btn-brand { + background-color: var(--color-brand); + border-color: var(--color-brand); + color: #fff; +} + +.btn-brand:hover, +.btn-brand:focus { + background-color: var(--color-text); + border-color: var(--color-text); + color: #fff; +} + +.btn-outline-brand { + border-color: var(--color-brand); + color: var(--color-brand); + background-color: transparent; +} + +.btn-outline-brand:hover, +.btn-outline-brand:focus { + background-color: var(--color-brand); + color: #fff; +} diff --git a/themes/natascha/templates/galerie.html.twig b/themes/natascha/templates/galerie.html.twig index a341fc6..ecfe959 100644 --- a/themes/natascha/templates/galerie.html.twig +++ b/themes/natascha/templates/galerie.html.twig @@ -5,20 +5,59 @@ {% block extra_js %} {% endblock %} + +{% macro imagegrid(images, dummy_start) %} +
+ {% if images|length > 0 %} + {% for img in images %} +
+ +
Impressie van de galerie
+ +
+ {% endfor %} + {% else %} + {% for i in dummy_start..(dummy_start + 3) %} +
+ +
Impressie van de galerie (voorbeeldfoto)
+ +
+ {% endfor %} + {% endif %} +
+{% endmacro %} + +{% import _self as gallery %} + {% block content %} -
-
+{% 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) %} + +
+
+ {{ gallery.imagegrid(section1_images, 1) }} +
+

{{ page.title }}

- {{ content|raw }} + {% if page.header.intro %}{{ page.header.intro|markdown }}{% endif %} + {% if page.header.section1_heading %}

{{ page.header.section1_heading }}

{% endif %} + {{ page.header.section1_text|markdown }}
-
- {% for i in 1..12 %} -
- -
Werk {{ i }}
- + +
+
+ {% if page.header.section2_heading %}

{{ page.header.section2_heading }}

{% endif %} + {{ page.header.section2_text|markdown }} +
+ {{ is_en ? 'View work in detail' : 'Bekijk werk in detail' }} + {{ is_en ? 'Plan a visit' : 'Plan een bezoek' }} +
+
+
+ {{ gallery.imagegrid(section2_images, 5) }}
- {% endfor %}
{% endblock %} diff --git a/themes/natascha/templates/partials/base.html.twig b/themes/natascha/templates/partials/base.html.twig index 82f9f12..c36e9e7 100644 --- a/themes/natascha/templates/partials/base.html.twig +++ b/themes/natascha/templates/partials/base.html.twig @@ -13,7 +13,7 @@ {% block extra_css %}{% endblock %} - + {% block extra_js %}{% endblock %}