82 lines
3.5 KiB
JavaScript
82 lines
3.5 KiB
JavaScript
/**
|
|
* 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>`;
|
|
}
|