Initial commit: Grav CMS setup with HTML reference material

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-18 23:38:26 +02:00
commit ec019928a0
2288 changed files with 419882 additions and 0 deletions
@@ -0,0 +1,32 @@
+<!doctype html>
+<html lang="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' }}">
+    <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') }}">
+</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; 2021–2026 – Kunst Galerie &amp; Atelier Natascha Rieter</p>
+        </footer>
+    </div>
+</div>
+
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+{% block extra_js %}{% endblock %}
+<script src="{{ url('theme://js/main.js') }}"></script>
+</body>
+</html>
@@ -0,0 +1,38 @@
+<nav id="main-menu" class="navbar navbar-expand-md funky-font">
+    <div class="container-fluid px-0">
+        <a class="navbar-brand" href="{{ base_url_absolute }}">
+            <img src="{{ url('theme://images/logo-vignet-blauw.png') }}" alt="Logo" width="30" height="30" class="align-bottom d-none d-sm-inline">
+            Natascha Rieter
+        </a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain"
+                aria-controls="navbarMain" aria-expanded="false" aria-label="Menu openen">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarMain">
+            <ul class="navbar-nav ms-auto align-items-md-center">
+                {% for p in pages.children %}
+                {% if p.visible %}
+                <li class="nav-item">
+                    <a class="nav-link{% if page.url == p.url %} active{% endif %}" href="{{ p.url }}">{{ p.menu }}</a>
+                </li>
+                {% endif %}
+                {% endfor %}
+                <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">
+                    </a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link p-1" href="#" aria-label="Facebook">
+                        <img src="{{ url('theme://images/icon-facebook.png') }}" height="25" class="social-icon" alt="Facebook">
+                    </a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link p-1" href="#" aria-label="LinkedIn">
+                        <img src="{{ url('theme://images/icon-linked-in.png') }}" height="25" class="social-icon" alt="LinkedIn">
+                    </a>
+                </li>
+            </ul>
+        </div>
+    </div>
+</nav>