Files
natascha-rieter.nl-user/themes/natascha/templates/partials/base.html.twig
T
m038 8ad6e5a942 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

39 lines
1.7 KiB
Twig
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="{{ grav.language.active ?? 'nl' }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% if page.title %}{{ page.title }} {% endif %}Natascha Rieter</title>
<meta name="description" content="{{ page.header.description ?? 'Keramieke Galerie Groot Welsden Natascha Rieter' }}">
<meta property="og:title" content="{% if page.title %}{{ page.title }} {% endif %}Natascha Rieter">
<meta property="og:description" content="{{ page.header.description ?? 'Keramieke Galerie Groot Welsden Natascha Rieter' }}">
<meta property="og:image" content="{{ url('theme://images/logo-blauw.png', true) }}">
<meta property="og:url" content="{{ page.permalink }}">
<meta property="og:type" content="website">
<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') }}">
<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 %}
</head>
<body>
<div class="container mt-3 mt-sm-5">
{% include 'partials/nav.html.twig' %}
<div class="{{ page_class ?? 'p-3' }}" id="main-outline">
{% block content %}{% endblock %}
</div>
<div class="row text-color-white mt-3">
<footer>
<p>&copy; 20212026 Kunst Galerie &amp; Atelier Natascha Rieter</p>
</footer>
</div>
</div>
</body>
</html>