Eerste versie van de website onder versiebeheer

2026-06-27 19:18:49 +02:00
commit 7908d33a62
20 changed files with 5672 additions and 0 deletions
@@ -0,0 +1,81 @@
+/**
+ * BvPS — Centrale artikelenlijst
+ *
+ * Voeg nieuwe artikelen toe aan het begin van deze array.
+ * Datum-formaat: "YYYY-MM-DD" (wordt gebruikt voor automatische sortering).
+ * De homepage toont altijd de 3 meest recente artikelen.
+ */
+
+const BVPS_ARTIKELEN = [
+  {
+    datum:       "2026-02-01",
+    datumLabel:  "Februari 2026",
+    label:       "PM-CM",
+    titel:       "Capaciteitsmanagement is geen rapportage. Het is drie gesprekken op drie niveaus.",
+    intro:       "Operationeel, tactisch en strategisch capaciteitsmanagement zijn drie verschillende disciplines — met elk een eigen vraag, horizon en detailniveau. Wie dat onderscheid niet maakt, verliest grip op alle drie.",
+    url:         "https://www.bvps.nl/artikelen/capaciteitsmanagement-drie-niveaus.html",
+  },
+  {
+    datum:       "2026-06-01",
+    datumLabel:  "Juni 2026",
+    label:       "PM-CM",
+    titel:       "Capaciteitsmanagement in overheidsportfolio's",
+    intro:       "Van knelpunt naar strategisch stuurmiddel — hoe je vraag en aanbod in balans brengt en bewuste portfoliokeuzes maakt.",
+    url:         "https://www.bvps.nl/artikelen/capaciteitsmanagement-overheidsportfolios.html",
+  },
+  {
+    datum:       "2026-05-01",
+    datumLabel:  "Mei 2026",
+    label:       "SPM",
+    titel:       "Wat is strategisch portfoliomanagement?",
+    intro:       "Hoe overheidsorganisaties regie krijgen over hun veranderagenda — en de juiste keuzes maken over welke initiatieven ze wél en niet oppakken.",
+    url:         "https://www.bvps.nl/artikelen/wat-is-strategisch-portfoliomanagement.html",
+  },
+  {
+    datum:       "2026-04-01",
+    datumLabel:  "April 2026",
+    label:       "PPM · SPM",
+    titel:       "PPM vs SPM: wat is het verschil?",
+    intro:       "PPM en SPM worden regelmatig door elkaar gebruikt — maar ze zijn niet hetzelfde. Het verschil begrijpen bepaalt of uw portfoliofunctie strategisch gewicht heeft of uitsluitend administratief blijft.",
+    url:         "https://www.bvps.nl/artikelen/ppm-vs-spm-wat-is-het-verschil.html",
+  },
+  {
+    datum:       "2026-03-01",
+    datumLabel:  "Maart 2026",
+    label:       "SPM",
+    titel:       "Hoe koppel je SPM aan de strategie van je organisatie?",
+    intro:       "Van hoog-over ambitie naar een toetsbaar portfolio — waarom strategie bij de overheid vaak niet \"landt\", en hoe je een werkbare koppeling tussen strategie en portfolio bouwt.",
+    url:         "https://www.bvps.nl/artikelen/koppeling-strategie-portfolio.html",
+  },
+];
+
+/**
+ * Geeft artikelen terug, gesorteerd op datum (nieuwste eerst).
+ * @param {number|null} max  - Optioneel: maximaal aantal terug te geven artikelen.
+ */
+function getBvpsArtikelen(max) {
+  const gesorteerd = [...BVPS_ARTIKELEN].sort((a, b) => b.datum.localeCompare(a.datum));
+  return max ? gesorteerd.slice(0, max) : gesorteerd;
+}
+
+/**
+ * Genereert de HTML voor één artikelkaart.
+ */
+function renderArtikelKaart(artikel) {
+  return `
+    <a class="inzicht-card" href="${artikel.url}">
+      <div class="inzicht-card-top"></div>
+      <div class="inzicht-card-body">
+        <div class="inzicht-meta">
+          <span class="inzicht-label">${artikel.label}</span>
+          <span class="inzicht-date">${artikel.datumLabel}</span>
+        </div>
+        <h3>${artikel.titel}</h3>
+        <p>${artikel.intro}</p>
+        <span class="inzicht-readmore">
+          Lees artikel
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
+        </span>
+      </div>
+    </a>`;
+}