Add vrijwilligersprijzen announcement/press release

assets/css/tailwind.css

@@ -86,6 +86,10 @@ html {
   @apply mb-4;
 }
 
+.content img {
+  @apply mb-4;
+}
+
 .content a {
   @apply text-brand-600;
 }

components/ArticleImage.vue

@@ -0,0 +1,27 @@
+<template>
+  <img :src="imgSrc()" :alt="alt" />
+</template>
+
+<script>
+export default {
+  props: {
+    src: {
+      type: String,
+      required: true,
+    },
+    alt: {
+      type: String,
+      default: null,
+    },
+  },
+  methods: {
+    imgSrc() {
+      try {
+        return require(`#/assets/images/${this.src}`)
+      } catch (error) {
+        return null
+      }
+    },
+  },
+}
+</script>

components/Home/HomeAnnouncement.vue

@@ -0,0 +1,22 @@
+<i18n lang="yaml">
+en:
+  description: DWH wint de Nationale Vrijwilligersprijzen 2023
+  read_more: Read more
+nl:
+  description: DWH wint de Nationale Vrijwilligersprijzen 2023
+  read_more: Lees meer
+</i18n>
+
+<template>
+  <a href="/vrijwilligersprijzen">
+    <div
+      class="bg-white rounded shadow-xl border-2 border-brand-450 hover:bg-brand-450 hover:text-white text-lg md:text-xl text-brand-450 p-4 w-full z-20 md:w-auto md:inline-flex items-center relative"
+    >
+      <img src="../../assets/images/photos/vrijwilligersprijs/nvp2023.png" class="w-24 absolute bottom-4 " />
+      <div class="ml-24 pl-4">
+        <h2 class="font-bold leading-tight" v-text="$t('description')" />
+        <p class="text-sm">{{ $t('read_more') }} &raquo;</p>
+      </div>
+    </div>
+  </a>
+</template>

components/Home/Invitation.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="flex-1 rounded shadow-xl bg-brand-450 text-lg md:text-xl text-white my-12 md:mt-10 md:mb-24 p-4 relative w-full z-20 md:w-auto md:inline-flex items-center"
+    class="flex-1 rounded shadow-xl bg-brand-450 text-lg md:text-xl text-white p-4 relative w-full z-20 md:w-auto md:inline-flex items-center"
   >
     <div class="rounded-full w-16 h-16 p-4 bg-white text-brand-450 shadow md:shadow-none absolute -top-8 md:static">
       <Zondicon icon="explore" class="fill-current" />

content/pages/vrijwilligersprijzen.nl.md

@@ -0,0 +1,28 @@
+---
+title: Delftse LHBT+ vereniging DWH wint de Nationale Vrijwilligersprijzen 2023
+layout: article
+---
+
+**DWH, de organisatie die veel betekent voor de LHBT+ gemeenschap in Delft, heeft uit handen van staatssecretaris Van Ooijen (VWS) de eerste prijs van de Nationale Vrijwilligersprijzen 2023 ontvangen.**
+
+<article-image src="photos/vrijwilligersprijs/dwh_uitreiking_2.jpg"></article-image>
+
+Met deze erkenning beloont de jury hun voortdurende inzet, toewijding en positieve impact op de samenleving. Deze overwinning is een belangrijke mijlpaal voor DWH, dat eerder dit jaar nog te maken had met verbranding van hun regenboogvlag.
+
+Het incident met de verbrande vlag onderstreept waarom DWH en soortgelijke vrijwilligersorganisaties een belangrijk rol hebben te vervullen in onze maatschappij. Net als in ook andere delen van Europa en de wereld, is de vrijheid om jezelf te kunnen zijn niet vanzelfsprekend. Het je publiekelijk inzetten als vrijwilliger kan zelfs gevaarlijk zijn. DWH heeft aangrijpende verhalen te vertellen. Verhalen over iedereen die zich bij hen thuis kan voelen als lid van de LHBT+-gemeenschap, maar ook over hoe ze de hele samenleving hierin proberen te betrekken door bijvoorbeeld voorlichting, bewustwordingscampagnes en sociale evenementen.
+
+## Jury onder de indruk van 'tweede thuis
+
+De impact van hun werk reikt verder dan alleen Delft en hun inzet is een inspiratiebron voor anderen die streven naar een inclusievere samenleving. Juryvoorzitter Max van Tongeren: “Een echt mooie, aansprekende en verwelkomende organisatie die voor mensen van de LHBT+ gemeenschap een tweede, veilige thuis weet te creëren. In een samenleving die nog altijd niet is ingericht op meer dan twee verschillende gender identiteiten is dit een nodig initiatief dat ter inspiratie kan dienen voor andere dorpen en steden.”
+
+DWH is vereerd met de erkenning die de Nationale Vrijwilligersprijzen 2023 met zich meebrengt. Dante Pelk, trots vrijwilliger bij DWH: “Deze prijs is een hele mooie erkenning voor het werk wat we doen en de mensen die zich zo hard inzetten. Met zoveel toewijding helpen alle vrijwilligers mee aan de vooruitgang die is geboekt in het maken van een fijnere wereld voor de LHBT+ gemeenschap”.
+
+## Waardering voor de vrijwilligers
+
+De hoofdprijs van 15.000 euro zal door DWH ingezet worden om hun vrijwilligers extra in het zonnetje te zetten, vertelt Casper Boone, voorzitter van DWH: “Doordat DWH er is vóór en dóór onze community, ervaart een vrijwilliger hun inzet vaak als vanzelfsprekend. Onze vrijwilligers hebben niet altijd door wat hun werk voor een ander betekent en hoe dat werk een betekenisvolle rol kan spelen in iemands leven. Deze prijs is een enorme waardering en erkenning voor de harde inzet van onze vrijwilligers en geeft ons in eerste instantie de mogelijkheid wat leuks terug te doen voor hen.”
+
+Naast DWH zijn nog vijf andere vrijwilligersorganisaties uit het hele land erkend voor hun aangrijpende verhaal. Zij ontvangen voor hun verhaal elk de tweede prijs van 2.000 euro. Hun verhalen vertellen waarom het werk van vrijwilligers onmisbaar is op vele maatschappelijke thema's. Naast deze hoofdprijswinnaars waren er nog 80 winnaars van de derde prijs van 750 euro.
+
+Tijdens de uitreiking, gepresenteerd door Sinan Can, is het werk van de zes genomineerden in het licht gezet met een indrukwekkende documentaire, ‘Thuis’, over hoe vrijwilligers een thuis creëren voor de ander en zichzelf. DWH toonde in deze documentaire wat de vereniging betekent voor de LHBT+ community in de regio. De documentaire zal binnenkort publiek worden vertoond.
+
+<article-image src="photos/vrijwilligersprijs/dwh_uitreiking_1.jpg"></article-image>

content/redirects/vrijwilligersprijs.json

@@ -0,0 +1,4 @@
+{
+  "from": "/vrijwilligersprijs",
+  "to": "/vrijwilligersprijzen"
+}

sites/dwhdelft.nl/pages/index.vue

@@ -60,7 +60,13 @@ nl:
             class="text-lg md:text-xl md:leading-relaxed text-gray-800 mb-4"
             v-html="paragraph"
           />
-          <Invitation :content="$t('description.invitation', [barOpeningHours.start_time])" />
+          <Invitation
+            :content="$t('description.invitation', [barOpeningHours.start_time])"
+            class="my-12 md:mt-10 md:mb-24"
+          />
+          <div class="block md:-mt-4 mb-12 md:mb-0">
+            <HomeAnnouncement />
+          </div>
         </div>
         <div class="hidden lg:block">
           <div class="bg-white p-4 border rotate-[5deg] shadow-lg relative z-50 mr-8 -mt-7">