Apply UI/UX improvements and fix broken Bootstrap JS

- Add CSS custom properties for brand colors - Remove global font-weight: bold from body - Increase content panel opacity from 0.6 to 0.88 - Add dynamic lang attribute, favicon, and Open Graph meta tags - Move scripts to <head> with defer (required due to automagic-images plugin) - Disable automagic-images plugin (PHPHtmlParser strips all <script src> tags during HTML re-serialization, breaking Bootstrap JS and all dropdowns) - Add loading="lazy" to below-fold images across templates Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-19 02:15:40 +02:00
parent 87b0893ebd
commit 589b70aae9
7 changed files with 38 additions and 26 deletions
@@ -11,6 +11,6 @@
 </div>
 <div class="col-12 col-md-3 p-3 text-center">
    {% set img_logo = page.header.image_logo ? page.media[page.header.image_logo].url : url('theme://images/logo-blauw.png') %}
-    <img src="{{ img_logo }}" class="img-fluid mb-3" alt="Logo Galerie Groot Welsden">
+    <img src="{{ img_logo }}" class="img-fluid mb-3" loading="lazy" alt="Logo Galerie Groot Welsden">
 </div>
 {% endblock %}