Theme and nav improvements: lang switcher styling, dropdown, theme thumbnail

- Style language switcher dropdown to match site colours
- Move language switcher left of social icons
- Set theme thumbnail to logo PNG in blueprints
- Add Dutch language override and system config tweaks
- Various CSS fixes for dropdown alignment and width

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-04-19 00:15:08 +02:00
parent f0638e32e5
commit 7b451ef1ed
8 changed files with 384 additions and 5 deletions
+101
View File
@@ -0,0 +1,101 @@
enabled: true
route: /admin
cache_enabled: true
theme: grav
logo_text: null
body_classes: null
content_padding: true
twofa_enabled: true
sidebar:
activate: tab
hover_delay: 100
size: auto
dashboard:
days_of_stats: 7
widgets_display:
dashboard-maintenance: 'true'
dashboard-statistics: 'true'
dashboard-notifications: 'false'
dashboard-feed: 'false'
dashboard-pages: 'true'
pages:
show_parents: both
show_modular: true
parents_levels: null
session:
timeout: 1800
edit_mode: normal
frontend_preview_target: inline
show_github_msg: false
admin_icons: line-awesome
enable_auto_updates_check: false
notifications:
feed: true
dashboard: true
plugins: true
themes: true
popularity:
enabled: true
ignore:
- '/test*'
- /modular
history:
daily: '30'
monthly: '12'
visitors: '20'
whitelabel:
quicktray_recompile: false
codemirror_theme: paper
codemirror_fontsize: md
codemirror_md_font: sans
logo_custom: { }
logo_login: { }
color_scheme:
accents:
primary-accent: button
secondary-accent: notice
tertiary-accent: critical
colors:
logo-bg: '#323640'
logo-link: '#FFFFFF'
nav-bg: '#3D424E'
nav-text: '#B7B9BD'
nav-link: '#ffffff'
nav-selected-bg: '#323640'
nav-selected-link: '#ffffff'
nav-hover-bg: '#434753'
nav-hover-link: '#ffffff'
toolbar-bg: '#ffffff'
toolbar-text: '#3D424E'
page-bg: '#F6F6F6'
page-text: '#6f7b8a'
page-link: '#0090D9'
content-bg: '#ffffff'
content-text: '#6f7b8a'
content-link: '#0090D9'
content-link2: '#da4b46'
content-header: '#414147'
content-tabs-bg: '#e6e6e6'
content-tabs-text: '#808080'
button-bg: '#0090D9'
button-text: '#ffffff'
notice-bg: '#06A599'
notice-text: '#ffffff'
update-bg: '#77559D'
update-text: '#ffffff'
critical-bg: '#F45857'
critical-text: '#ffffff'
content-highlight: '#ffffd7'
name: null
custom_footer: null
custom_css: null
custom_presets: null
show_beta_msg: null
pagemedia:
resize_width: 0
resize_height: 0
res_min_width: 0
res_min_height: 0
res_max_width: 0
res_max_height: 0
resize_quality: 0.8
+19
View File
@@ -0,0 +1,19 @@
title: 'Kunstgalerie Natascha Rieter'
default_lang: nl
author:
name: 'Natascha Rieter'
email: info@natascha-rieter.nl
taxonomies:
- category
- tag
metadata:
description: 'My Grav Site'
summary:
enabled: true
format: short
size: 300
delimiter: '==='
redirects: null
routes: null
blog:
route: /blog
+236 -2
View File
@@ -1,6 +1,240 @@
absolute_urls: false
timezone: null
param_sep: ':'
wrapped_site: false
reverse_proxy_setup: false
force_ssl: false
force_lowercase_urls: true
custom_base_url: null
username_regex: '^[a-z0-9_-]{3,16}$'
pwd_regex: '(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}'
intl_enabled: true
http_x_forwarded:
protocol: true
host: false
port: true
ip: true
languages:
supported:
- nl
- en
default_lang: null
include_default_lang: true
include_default_lang_file_extension: true
translations: true
translations_fallback: true
session_store_active: false
http_accept_language: true
override_locale: false
pages_fallback_only: false
debug: false
home:
alias: /home
hide_in_urls: false
pages:
type: regular
dirs:
- 'page://'
theme: natascha
debugger:
enabled: true
order:
by: default
dir: asc
list:
count: 20
dateformat:
default: null
short: 'jS M Y'
long: 'F jS \a\t g:ia'
publish_dates: true
process:
markdown: true
twig: false
twig_first: false
never_cache_twig: false
events:
page: true
twig: true
markdown:
extra: false
auto_line_breaks: false
auto_url_links: false
escape_markup: false
special_chars:
'>': gt
'<': lt
valid_link_attributes:
- rel
- target
- id
- class
- classes
types:
- html
- htm
- xml
- txt
- json
- rss
- atom
append_url_extension: null
expires: 604800
cache_control: null
last_modified: false
etag: true
vary_accept_encoding: false
redirect_default_code: '302'
redirect_trailing_slash: 1
redirect_default_route: 0
ignore_files:
- .DS_Store
ignore_folders:
- .git
- .idea
ignore_hidden: true
hide_empty_folders: false
url_taxonomy_filters: true
frontmatter:
process_twig: false
ignore_fields:
- form
- forms
cache:
enabled: false
check:
method: file
driver: auto
prefix: g
purge_at: '0 4 * * *'
clear_at: '0 3 * * *'
clear_job_type: standard
clear_images_by_default: false
cli_compatibility: false
lifetime: 604800
purge_max_age_days: 30
gzip: false
allow_webserver_gzip: false
redis:
socket: '0'
password: null
database: null
server: null
port: null
memcache:
server: null
port: null
memcached:
server: null
port: null
twig:
cache: true
debug: true
auto_reload: true
autoescape: true
undefined_functions: true
undefined_filters: true
safe_functions: { }
safe_filters: { }
umask_fix: false
assets:
css_pipeline: false
css_pipeline_include_externals: true
css_pipeline_before_excludes: true
css_minify: true
css_minify_windows: false
css_rewrite: true
js_pipeline: false
js_pipeline_include_externals: true
js_pipeline_before_excludes: true
js_module_pipeline: false
js_module_pipeline_include_externals: true
js_module_pipeline_before_excludes: true
js_minify: true
enable_asset_timestamp: false
enable_asset_sri: false
collections:
jquery: 'system://assets/jquery/jquery-3.x.min.js'
errors:
display: 0
log: true
log:
handler: file
syslog:
facility: local6
tag: grav
debugger:
enabled: true
provider: clockwork
censored: false
shutdown:
close_connection: true
images:
adapter: gd
default_image_quality: 85
cache_all: false
cache_perms: '0755'
debug: false
auto_fix_orientation: true
seofriendly: false
cls:
auto_sizes: false
aspect_ratio: false
retina_scale: '1'
defaults:
loading: auto
decoding: auto
fetchpriority: auto
watermark:
image: 'system://images/watermark.png'
position_y: center
position_x: center
scale: 33
watermark_all: false
media:
enable_media_timestamp: false
unsupported_inline_types: null
allowed_fallback_types: null
auto_metadata_exif: false
upload_limit: 2097152
session:
enabled: true
initialize: true
timeout: 1800
name: grav-site
uniqueness: path
secure: false
secure_https: true
httponly: true
samesite: Lax
split: true
domain: null
path: null
gpm:
releases: stable
official_gpm_only: true
http:
method: auto
enable_proxy: true
proxy_url: null
proxy_cert_path: null
concurrent_connections: 5
verify_peer: true
verify_host: true
accounts:
type: regular
storage: file
avatar: gravatar
flex:
cache:
index:
enabled: true
lifetime: 60
object:
enabled: true
lifetime: 600
render:
enabled: true
lifetime: 600
strict_mode:
yaml_compat: false
twig_compat: false
blueprint_compat: false
+4 -1
View File
@@ -1,6 +1,9 @@
---
title: Home
title: 'Natascha Rieter'
menu: Home
published: true
sitemap:
lastmod: '18-04-2026 21:48'
---
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
View File
@@ -2,5 +2,6 @@ name: Natascha
version: 1.0.0
description: Custom theme for Natascha Rieter art gallery website
type: theme
thumbnail: /user/themes/natascha/images/logo-blauw.png
author:
name: Claude
+21
View File
@@ -81,6 +81,27 @@ body {
box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
}
#main-menu .nav-item.dropdown .nav-link {
line-height: 25px;
padding-top: 0;
padding-bottom: 0;
}
#main-menu .dropdown-menu {
background-color: #0081c4;
border-color: #fff;
min-width: 0;
}
#main-menu .dropdown-menu .dropdown-item {
color: #fff;
}
#main-menu .dropdown-menu .dropdown-item:hover {
background-color: #0081c4;
color: #293236;
}
img.social-icon {
filter: invert(1);
}
@@ -1,7 +1,7 @@
{% extends 'partials/langswitcher-logic.html.twig' %}
{% block language_block_start %}
<li class="nav-item dropdown">
<li class="nav-item dropdown d-flex align-items-center">
<a class="nav-link dropdown-toggle p-1" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
{{ langswitcher.current|upper }}
</a>
@@ -17,6 +17,7 @@
</li>
{% endif %}
{% endfor %}
{% include 'partials/langswitcher.html.twig' %}
<li class="nav-item">
<a class="nav-link p-1" href="#" aria-label="Instagram">
<img src="{{ url('theme://images/icon-instagram.png') }}" height="25" class="social-icon" alt="Instagram">
@@ -32,7 +33,6 @@
<img src="{{ url('theme://images/icon-linked-in.png') }}" height="25" class="social-icon" alt="LinkedIn">
</a>
</li>
{% include 'partials/langswitcher.html.twig' %}
</ul>
</div>
</div>