Initial commit: Grav CMS setup with HTML reference material
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,8 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
{% set page_class = 'row p-3' %}
|
||||
{% block content %}
|
||||
<div class="col-12 col-md-8 col-lg-6 p-3 text-start">
|
||||
<h1 class="funky-font main-header">{{ page.title }}</h1>
|
||||
{{ content }}
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,14 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
{% set page_class = 'row p-3' %}
|
||||
{% block content %}
|
||||
<div class="col-12 col-md-3 p-3">
|
||||
<img src="{{ url('theme://images/portret-1.jpg') }}" class="img-fluid mb-3" alt="Portret Natascha Rieter">
|
||||
</div>
|
||||
<div class="col-12 col-md-6 p-3 text-start">
|
||||
<h1 class="funky-font main-header text-center">{{ page.title }}</h1>
|
||||
{{ content }}
|
||||
</div>
|
||||
<div class="col-12 col-md-3 p-3 text-center">
|
||||
<img src="{{ url('theme://images/logo-blauw.png') }}" class="img-fluid mb-3" alt="Logo Galerie Groot Welsden">
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,24 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
{% block extra_css %}
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css">
|
||||
{% endblock %}
|
||||
{% block extra_js %}
|
||||
<script src="https://cdn.jsdelivr.net/npm/glightbox/dist/js/glightbox.min.js"></script>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="row mb-3">
|
||||
<div class="col-12 col-lg-8 offset-lg-2">
|
||||
<h1 class="funky-font main-header text-center">{{ page.title }}</h1>
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-3">
|
||||
{% for i in 1..12 %}
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/kunst{{ i }}/800/800" class="glightbox gallery-item" data-gallery="galerie" data-description="Werk {{ i }}">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/kunst{{ i }}/350/350" alt="Werk {{ i }}"></div>
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,15 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
{% set page_class = 'row p-3' %}
|
||||
{% block content %}
|
||||
<div class="col-12 col-md-6 col-lg-3 p-3">
|
||||
<img src="{{ url('theme://images/portret-2.jpg') }}" class="img-fluid mb-3" alt="Portret Natascha Rieter">
|
||||
<img src="{{ url('theme://images/portret-1.jpg') }}" class="img-fluid d-none d-md-block" alt="Portret Natascha Rieter">
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-6 p-3 text-start">
|
||||
<h1 class="funky-font main-header text-center">Natascha Rieter</h1>
|
||||
{{ content }}
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-3 p-3 text-center">
|
||||
<img src="{{ url('theme://images/logo-blauw.png') }}" class="img-fluid mb-3" alt="Logo Galerie Groot Welsden">
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -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>© 2021–2026 – Kunst Galerie & 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>
|
||||
@@ -0,0 +1,21 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
{% block extra_css %}
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css">
|
||||
{% endblock %}
|
||||
{% block extra_js %}
|
||||
<script src="https://cdn.jsdelivr.net/npm/glightbox/dist/js/glightbox.min.js"></script>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="row mb-3">
|
||||
<h1 class="funky-font main-header text-center">{{ page.title }}</h1>
|
||||
</div>
|
||||
<div class="row g-3">
|
||||
{% for i in 1..8 %}
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/detail{{ i }}/800/800" class="glightbox gallery-item" data-gallery="detail" data-description="Werk {{ i }}">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/detail{{ i }}/350/350" alt="Werk {{ i }}"></div>
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user