From 7b451ef1edd9c456ccf4e58b7c4f4500d403f5bb Mon Sep 17 00:00:00 2001 From: Mischa Date: Sun, 19 Apr 2026 00:15:08 +0200 Subject: [PATCH] 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 --- config/plugins/admin.yaml | 101 ++++++++ config/site.yaml | 19 ++ config/system.yaml | 238 +++++++++++++++++- pages/01.home/home.md | 5 +- themes/natascha/blueprints.yaml | 1 + themes/natascha/css/custom.css | 21 ++ .../templates/partials/langswitcher.html.twig | 2 +- .../natascha/templates/partials/nav.html.twig | 2 +- 8 files changed, 384 insertions(+), 5 deletions(-) create mode 100644 config/plugins/admin.yaml diff --git a/config/plugins/admin.yaml b/config/plugins/admin.yaml new file mode 100644 index 0000000..0fbd262 --- /dev/null +++ b/config/plugins/admin.yaml @@ -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 diff --git a/config/site.yaml b/config/site.yaml index e69de29..553482d 100644 --- a/config/site.yaml +++ b/config/site.yaml @@ -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 diff --git a/config/system.yaml b/config/system.yaml index 32a7651..af978f9 100644 --- a/config/system.yaml +++ b/config/system.yaml @@ -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 diff --git a/pages/01.home/home.md b/pages/01.home/home.md index d2597db..f08c5cb 100644 --- a/pages/01.home/home.md +++ b/pages/01.home/home.md @@ -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. diff --git a/themes/natascha/blueprints.yaml b/themes/natascha/blueprints.yaml index a0fcdfb..a08484d 100644 --- a/themes/natascha/blueprints.yaml +++ b/themes/natascha/blueprints.yaml @@ -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 diff --git a/themes/natascha/css/custom.css b/themes/natascha/css/custom.css index d286119..5133f1c 100644 --- a/themes/natascha/css/custom.css +++ b/themes/natascha/css/custom.css @@ -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); } diff --git a/themes/natascha/templates/partials/langswitcher.html.twig b/themes/natascha/templates/partials/langswitcher.html.twig index a4018f4..b41b5ac 100644 --- a/themes/natascha/templates/partials/langswitcher.html.twig +++ b/themes/natascha/templates/partials/langswitcher.html.twig @@ -1,7 +1,7 @@ {% extends 'partials/langswitcher-logic.html.twig' %} {% block language_block_start %} -
  • +
  • diff --git a/themes/natascha/templates/partials/nav.html.twig b/themes/natascha/templates/partials/nav.html.twig index 81a41de..86f88ab 100644 --- a/themes/natascha/templates/partials/nav.html.twig +++ b/themes/natascha/templates/partials/nav.html.twig @@ -17,6 +17,7 @@
    • {% endif %} {% endfor %} + {% include 'partials/langswitcher.html.twig' %}
  • @@ -32,7 +33,6 @@
    • - {% include 'partials/langswitcher.html.twig' %}