From f1aedfb2188f84f99b17fdf1c2850e98a893595c Mon Sep 17 00:00:00 2001
From: Machiel <info@start-it.nl>
Date: Wed, 25 Feb 2026 10:13:50 +0100
Subject: [PATCH] New: Admin section

---
 content/_index.md                   | 23 +++++++++
 layouts/partials/mogelijkheden.html | 79 +++++++++++++----------------
 static/admin/config.yml             | 39 ++++++++++++++
 static/admin/index.html             | 11 ++++
 4 files changed, 108 insertions(+), 44 deletions(-)
 create mode 100644 static/admin/config.yml
 create mode 100644 static/admin/index.html

diff --git a/content/_index.md b/content/_index.md
index 01c1a13..9d454a7 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -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
 ---
 
diff --git a/layouts/partials/mogelijkheden.html b/layouts/partials/mogelijkheden.html
index 416cdf3..9f8f81a 100644
--- a/layouts/partials/mogelijkheden.html
+++ b/layouts/partials/mogelijkheden.html
@@ -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>
\ No newline at end of file
+</section>
+{{ end }}
\ No newline at end of file
diff --git a/static/admin/config.yml b/static/admin/config.yml
new file mode 100644
index 0000000..61e40eb
--- /dev/null
+++ b/static/admin/config.yml
@@ -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" }
\ No newline at end of file
diff --git a/static/admin/index.html b/static/admin/index.html
new file mode 100644
index 0000000..7b942e4
--- /dev/null
+++ b/static/admin/index.html
@@ -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>
\ No newline at end of file