(Grav GitSync) Automatic Commit from GitSync
This commit is contained in:
GitSync
@@ -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: []
|
||||
---
|
||||
|
||||
@@ -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: []
|
||||
---
|
||||
|
||||
@@ -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
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -5,20 +5,59 @@
|
||||
{% 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 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>
|
||||
|
||||
{% 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 %}
|
||||
{% 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>
|
||||
{% 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 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>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
Reference in New Issue
Block a user