New: Admin section

This commit is contained in:
2026-02-25 10:13:50 +01:00
parent 8524fb5abc
commit f1aedfb218
4 changed files with 108 additions and 44 deletions

View File

@@ -33,5 +33,28 @@ about_section:
image: "/img/about-home.jpg"
image_alt: "Van Emous brochure op een stoel"
mogelijkheden_section:
title: "Comfortabel en dichtbij wonen met oog voor zorg"
intro_text: "Onze mogelijkheden helpen u om comfortabel en zelfstandig dichtbij uw dierbaren te wonen, met persoonlijke begeleiding bij elke stap."
kaarten:
- title: "Modellen"
text: "Bekijk onze verschillende modellen mantelzorgwoningen, volledig aan te passen aan uw wensen en situatie."
link_text: "Bekijk de modellen"
link_url: "/modellen"
image: "/img/mogelijkheden.jpg"
is_large: true
- title: "Pre mantelzorgwoning"
text: "Een pre mantelzorgwoning biedt comfort en zekerheid, met oog op toekomstige zorgbehoeften."
link_text: "Meer informatie"
link_url: "/pre-mantelzorgwoning"
image: "/img/mogelijkheden-pre-mantelzorg.jpg"
is_large: false
- title: "Vergunningscheck"
text: "Ontvang duidelijkheid over de vergunning voor uw mantelzorgwoning met onze vrijblijvende vergunningscheck."
link_text: "Meer informatie"
link_url: "#vergunningscheck"
image: "/img/mogelijkheden-vergunning.jpg"
is_large: false
---

View File

@@ -1,60 +1,51 @@
{{ with .Params.mogelijkheden_section }}
<section class="possibilities py-5 my-lg-5">
<div class="container">
<div class="row mb-5">
<div class="col-lg-7">
<span class="h6 text-primary mb-2 d-block">Mogelijkheden</span>
<h2 class="display-5 fw-bold mb-4">Comfortabel en dichtbij wonen met oog voor zorg</h2>
<span class="text-secondary text-uppercase tracking-widest mb-2 d-block">Mogelijkheden</span>
<h2 class="display-5 fw-bold mb-4">{{ .title }}</h2>
</div>
<div class="col-lg-5 ps-lg-5 d-flex align-items-center">
<p class="border-start ps-4">
Onze mogelijkheden helpen u om comfortabel en zelfstandig dichtbij uw dierbaren te wonen, met persoonlijke begeleiding bij elke stap.
</p>
<p class="border-start ps-4">{{ .intro_text }}</p>
</div>
</div>
<div class="row g-4">
<div class="col-lg-6">
<div class="card h-100 border-0 overflow-hidden rounded-4 shadow-sm bg-primary text-white">
<div class="row g-0 h-100">
<div class="col-md-6 p-4 p-lg-5 d-flex flex-column justify-content-center">
<h3 class="h2 mb-4 text-white">Modellen</h3>
<p class="mb-5 opacity-90">Bekijk onze verschillende modellen mantelzorgwoningen, volledig aan te passen aan uw wensen en situatie.</p>
<a href="/modellen" class="text-white text-decoration-none fw-bold mt-auto">
Bekijk de modellen <i class="bi bi-chevron-right ms-1"></i>
{{ range .kaarten }}
{{ if .is_large }}
<div class="col-lg-6">
<div class="card h-100 border-0 overflow-hidden rounded-4 shadow-sm bg-primary text-white">
<div class="row g-0 h-100">
<div class="col-md-6 p-4 p-lg-5 d-flex flex-column justify-content-center">
<h3 class="h2 mb-4 text-white">{{ .title }}</h3>
<p class="mb-5 opacity-90">{{ .text }}</p>
<a href="{{ .link_url }}" class="text-white text-decoration-none fw-bold mt-auto">
{{ .link_text }} <i class="bi bi-chevron-right ms-1"></i>
</a>
</div>
<div class="col-md-6 h-100">
<img src="{{ .image | relURL }}" alt="{{ .title }}" class="h-100 w-100 object-fit-cover">
</div>
</div>
</div>
</div>
{{ else }}
<div class="col-lg-3 col-md-6">
<div class="card h-100 border-0 rounded-4 shadow-sm bg-light overflow-hidden">
<div class="p-4">
<h3 class="h4 mb-3">{{ .title }}</h3>
<p class="mb-4">{{ .text }}</p>
<a href="{{ .link_url }}" class="text-dark text-decoration-none fw-bold small">
{{ .link_text }} <i class="bi bi-chevron-right ms-1 text-primary"></i>
</a>
</div>
<div class="col-md-6 h-100">
<img src="/img/mogelijkheden.jpg" alt="Model woning" class="h-100 w-100 object-fit-cover">
</div>
<img src="{{ .image | relURL }}" alt="{{ .title }}" class="mt-auto w-100 object-fit-cover" style="height: 200px;">
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card h-100 border-0 rounded-4 shadow-sm bg-light overflow-hidden">
<div class="p-4">
<h3 class="h4 mb-3">Pre mantelzorgwoning</h3>
<p class="mb-4">Een pre mantelzorgwoning biedt comfort en zekerheid, met oog op toekomstige zorgbehoeften.</p>
<a href="/pre-mantelzorgwoning" class="text-dark text-decoration-none fw-bold small">
Meer informatie <i class="bi bi-chevron-right ms-1 text-primary"></i>
</a>
</div>
<img src="/img/mogelijkheden-pre-mantelzorg.jpg" alt="Pre mantelzorg" class="mt-auto w-100 object-fit-cover" style="height: 200px;">
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card h-100 border-0 rounded-4 shadow-sm bg-light overflow-hidden">
<div class="p-4">
<h3 class="h4 mb-3">Vergunningscheck</h3>
<p class="mb-4">Ontvang duidelijkheid over de vergunning voor uw mantelzorgwoning met onze vrijblijvende vergunningscheck.</p>
<a href="#vergunningscheck" class="text-dark text-decoration-none fw-bold small">
Meer informatie <i class="bi bi-chevron-right ms-1 text-primary"></i>
</a>
</div>
<img src="/img/mogelijkheden-vergunning.jpg" alt="Vergunningscheck" class="mt-auto w-100 object-fit-cover" style="height: 200px;">
</div>
</div>
{{ end }}
{{ end }}
</div>
</div>
</section>
</section>
{{ end }}

39
static/admin/config.yml Normal file
View File

@@ -0,0 +1,39 @@
backend:
name: gitea
repo: VanEmous/Website
branch: main
app_id: e101b13a-70b5-474b-88de-fd4254408a68
api_root: https://git.start-it.nl/api/v1
base_url: https://git.start-it.nl
auth_endpoint: https://git.start-it.nl/login/oauth/authorize
local_backend: true
auth_type: implicit
media_folder: "static/img"
public_folder: "/img"
collections:
- name: "pages"
label: "Pagina's"
files:
- file: "content/_index.md"
label: "Homepagina"
name: "home"
fields:
- { label: "Titel", name: "title", widget: "string" }
- label: "Mogelijkheden Header"
name: "possibilities_header"
widget: "object"
fields:
- { label: "Titel", name: "title", widget: "string" }
- { label: "Intro Tekst", name: "text", widget: "text" }
- label: "Mogelijkheden Kaarten"
name: "possibilities_cards"
widget: "list"
fields:
- { label: "Kaart Titel", name: "title", widget: "string" }
- { label: "Omschrijving", name: "description", widget: "text" }
- { label: "Link naar", name: "link", widget: "string" }
- { label: "Afbeelding", name: "image", widget: "image" }

11
static/admin/index.html Normal file
View File

@@ -0,0 +1,11 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Content Manager</title>
</head>
<body>
<script src="https://unpkg.com/decap-cms@^3.0.0/dist/decap-cms.js"></script>
</body>
</html>