Download links

content/.vitepress/theme/DownloadLink.vue

@@ -0,0 +1,31 @@
+<script setup>
+  import icon from './pdf.png';
+
+  const { file, text } = defineProps([ 'file', 'text' ]);
+</script>
+
+<template>
+  <a class="downloadlink" :href="'/bijlagen/' + file">
+    <span>{{ text }}</span>
+  </a>
+</template>
+
+<style scoped>
+  .downloadlink {
+    display: block;
+  }
+
+  .downloadlink::before {
+    display: inline-block;
+    content: '';
+    background-image: url('./pdf.png');
+    background-size: 2.5em;
+    width: 2.5em;
+    height: 2.5em;
+    vertical-align: -0.75em;
+  }
+
+  .downloadlink + .downloadlink {
+    margin-top: 8px;
+  }
+</style>

content/.vitepress/theme/index.js

@@ -1,7 +1,11 @@
 import DefaultTheme from 'vitepress/theme-without-fonts';
+import DownloadLink from './DownloadLink.vue';
 import './custom.css';
 
 /** @type {import('vitepress').Theme} */
 export default {
   extends: DefaultTheme,
+  enhanceApp({ app }) {
+    app.component('DownloadLink', DownloadLink);
+  }
 };

content/2023/boek/index.md

@@ -12,17 +12,15 @@ Bij het opstellen van die eisen was blijkbaar geen rekening gehouden met mensen
 
 Waarmee zou je moeten beginnen als je een dergelijk boek gaat schrijven? Met de inhoudsopgave, dacht ik. Ik heb vervolgens best wat tijd gestoken in het schrijven van de inhoud, en ondertussen een enorme lijst met potentiële informatiebronnen bij elkaar verzameld.
 
-::: tip Bijlagen
+<DownloadLink text="Inhoudsopgave" file="hoofdstukken.pdf" />
-[Inhoudsopgave van het boek](/bijlagen/hoofdstukken.pdf) en [de lijst met links](/bijlagen/links.pdf).
+
-:::
+<DownloadLink text="Lijst met links" file="links.pdf" />
 
 ## Poging twee
 
 Het werd echter een beetje ongestructureerd, dus ik besloot het een nieuwe vorm te geven. Intussen had ik ook veel inspiratie opgedaan uit andere bronnen. Hieruit is dus een nieuwe inhoudsopgave voortgekomen, op basis van de 30 onderwerpen die het meest interessant zouden kunnen zijn voor ziende lezers die iets over slechtziendheid willen weten. Het doel was echter nog steeds hetzelfde als in het begin. Ik kon veel tekst uit het vorige beginnetje opnieuw gebruiken.
 
-::: tip Bijlage
+<DownloadLink text="De nieuwe inhoudsopgave met 30 onderwerpen" file="onderwerpen30.pdf" />
-[De nieuwe inhoudsopgave](/bijlagen/onderwerpen30.pdf) met 30 interessantste onderwerpen.
-:::
 
 ## Toch maar niet
 

content/2023/bredagelijk/index.md

@@ -26,7 +26,5 @@ Na de rondgang ontving ik nog uitgebreide informatie over wetgeving en toegankel
 
 Nadat men had onthouden dat ik een leerling van het Stedelijk was en niet van het OLV 😊 vertelde Gwen van Breda Gelijk me dat ze vaak gastlessen geeft op scholen, en dat ze dat ook wel eens bij mij op school wilde doen. Het leek haar het best om een gastles over (jonge) mantelzorgers te organiseren voor klas 1 of 2. Ik heb haar in contact gebracht met de betreffende afdelingsleider, met wie ik ook goed contact heb, en hopelijk is er gelegenheid om een gastles te organiseren. Ik hoop daar aan het begin van volgende week meer duidelijkheid over te krijgen.
 
-::: tip Bijlagen
+<DownloadLink text="Mailwisseling gemeente" file="mail-gemeente.pdf" />
-* [Mailwisseling gemeente](/bijlagen/mail-gemeente.pdf)
+<DownloadLink text="Mailwisseling gemeente naderhand" file="mail-info.pdf" />
-* [Mailwisseling gemeente naderhand](/bijlagen/mail-info.pdf) (met nog veel meer inhoudelijke informatie)
-:::

content/2023/leerdoelen/index.md

@@ -4,9 +4,7 @@
 
 Ik ben nu twee boeken en 3 tipkaarten verder, en ik heb het gevoel dat het al makkelijker wordt om te beginnen met het schrijven van iets. Het is voor mij nog steeds geen probleem om omslachtige zinnen te schrijven, maar het wordt wel steeds makkelijker om dit te vermijden.
 
-::: tip Bijlage
+<DownloadLink text="Tipkaart ‘Op de koffie’" file="tipkaart-koffie.pdf" />
-[Tipkaart ‘Op de koffie’](/bijlagen/tipkaart-koffie.pdf)
-:::
 
 ## Onderzoeken & kennis vergaren
 

content/2023/portfolioverslag/index.md

@@ -1,9 +1,9 @@
 # Portfolioverslag klas 4 <Badge type="info" text="4 september 2023" />
 
-::: tip Bijlage
+::: info
 Onderstaande is het portfolioverslag van mijn begeleider mevrouw Barbé van het einde van klas 4.
 
-[Origineel downloaden (.pdf)](/bijlagen/portfolioverslag4.pdf)
+<DownloadLink text="Origineel downloaden" file="portfolioverslag4.pdf" />
 :::
 
 **PORTFOLIO verslag Romein van Buren HPG – leerjaar 4 <br>

content/2023/startreflectie/index.md

@@ -7,9 +7,7 @@ De tekst hieronder is van 19 april 2023. Ik heb toen – [op aanraden van de web
 3. wat daarin de eerste stap zou kunnen zijn;
 4. en hoe die stap gezet kan worden in het kader van HPG.
 
-::: tip Bijlage
+<DownloadLink text="Grote A3-tabel" file="startreflectie.pdf" />
-In de eerste instantie was dit [één grote tabel](/bijlagen/startreflectie.pdf) op A3-formaat.
-:::
 
 ## Creëren
 

content/2023/top30/index.md

@@ -6,11 +6,9 @@ Mijn idee is om informatie over slechtziendheid over te brengen naar zienden. Ho
 
 Toen ik dit voor mijzelf verduidelijkt had, ben ik op zoek gegaan naar een nuttiger alternatief voor een allesomvattend boek. Ik heb een alternatief gevonden: tipkaarten. Alhoewel ik in de eerste instantie dacht dat ik iets nieuws had bedacht, bleek het concept allang te bestaan. Toch bleek er veel verbetering mogelijk op het gebied van tipkaarten in de context van visuele handicaps. Daarom besloot ik er zelf een aantal te gaan maken.
 
-::: tip Bijlagen
+<DownloadLink text="Mijn eigen tipkaart ‘Op de koffie’" file="tipkaart-koffie.pdf" />
-Mijn eigen [tipkaart ‘Op de koffie’](/bijlagen/tipkaart-koffie.pdf) en de [al bestaande tipkaart](/bijlagen/tipkaart-inspiratie.pdf) van Bartiméus.
 
-[![Tipkaart](./tipkaart.jpg)](/bijlagen/tipkaart-koffie.pdf)
+<DownloadLink text="Al bestaande tipkaart van Bartiméus" file="tipkaart-inspiratie.pdf" />
-:::
 
 Zo’n tipkaart is wél haalbaar:
 

content/2024/portfolioverslag/index.md

@@ -1,9 +1,9 @@
 # Portfolioverslag klas 5 <Badge type="info" text="3 juni 2024" />
 
-::: tip Bijlage
+::: info
 Onderstaande is het portfolioverslag van mijn begeleider mevrouw Barbé van het einde van klas 5.
 
-[Origineel downloaden (.pdf)](/bijlagen/portfolioverslag5.pdf)
+<DownloadLink text="Origineel downloaden" file="portfolioverslag5.pdf" />
 :::
 
 **PORTFOLIO verslag Romein van Buren HPG – leerjaar 5 <br>

content/2025/feedback-ingrid/index.md

@@ -1,6 +1,6 @@
 # Feedback Ingrid de Weijer <Badge text="3 januari 2025" type="info" />
 
-::: tip Bijlage
+::: info
 Onderstaande is de feedback van Ingrid, de eigenaar van [Dagbesteding Pitt!](https://www.dagbestedingpitt.nl)
 
 Zie ook de [lijst met contactpersonen](/algemeen/bedankt/).

content/algemeen/samenvatting/index.md

@@ -10,7 +10,7 @@ _Contact leggen_ was mijn vrije competentie, en dat [heb ik gedaan](/2023/bredag
 
 Nieuw jaar, nieuwe kansen… ik besloot het [anders te gaan doen](/2024/nieuwestart/). De dagbesteding groeide, en met de dagbesteding het aantal klachten over de (on)toegankelijkheid van hun website. Ik gooide mijn eis dat ik iets anders moest doen dan ik gewoonlijk zou doen over boord en ontwikkelde, samen met de deelnemers, een [toegankelijke website](/2024/nieuwestart/#nieuwe-website) voor Pitt.
 
-Deze en een andere website die ik eerder had gebouwd konden samen mooi ondergebracht worden in één [bedrijf](/2024/inschrijving/); een idee waar ik al jaren mee speelde en nu werkelijkheid werd. Inmiddels worden er online [verzekeringen verkocht](/2024/pluzeker/) op een platform dat ontwikkeld is door Smart Yellow, worden er bedrijfsprocessen vastgelegd in door Smart Yellow ontwikkelde software die hopelijk later dit jaar aan het grote publiek kan worden gepresenteerd, en heeft Smart Yellow tijdens school (lang leve HPG!) genetwerkt op een [softwarebeurs in Malmö](/2024/engageu/).
+Deze en een andere website die ik eerder had gebouwd konden samen mooi ondergebracht worden in één [bedrijf](/2024/inschrijving/); een idee waar ik al jaren mee speelde en nu werkelijkheid werd. Inmiddels worden er online [verzekeringen verkocht](/2024/pluzeker/) op een platform dat ontwikkeld is door Smart Yellow, worden er bedrijfsprocessen vastgelegd in door Smart Yellow ontwikkelde software die hopelijk later dit jaar aan het grote publiek kan worden gepresenteerd, en heeft Smart Yellow tijdens school (lang leve HPG!) _contact gelegd_ op een [softwarebeurs in Malmö](/2024/engageu/).
 
 Is dat succes naar mijn hoofd gestegen? Nee hoor, ik heb nog steeds geweldig contact met de deelnemers van Pitt, en de samenwerking met [de eigenaar zelf](/2025/feedback-ingrid/) is alleen maar beter geworden!
 
@@ -23,6 +23,4 @@ Is dat succes naar mijn hoofd gestegen? Nee hoor, ik heb nog steeds geweldig con
 - [Overzicht relevante derden](/algemeen/bedankt/)
 - Reflectie begeleider (--TODO--)
 
-TODO: overzizht producten
-
 …of klik hieronder op Volgende om verder te lezen!

content/index.md

@@ -2,12 +2,7 @@
 confetti: true
 ---
 
-# Hallo
+# Welkom bij mijn HPG-portfolio!
-
-Welkom bij mijn HPG-portfolio!
-
-::: danger Deze pagina is nog in aanbouw…
-:::
 
 ## Een website?
 
@@ -19,4 +14,4 @@ Links hiernaast (of onder ‘Menu’ op mobiel) staat de inhoud. Deze is min of
 
 De oplettende lezer zal wellicht opmerken dat de volgorde op sommige plekken niet helemaal klopt. Dit heeft te maken met het feit dat sommige activiteiten door elkaar heen plaats hebben gevonden.
 
-Voelt u zich vrij om op [linkjes](#instructie) in de tekst te klikken voor meer informatie over het betreffende onderwerp. Aan het eind van iedere pagina kunt u doorklikken naar de volgende pagina. Probeer het maar eens uit! :D
+Voelt u zich vrij om op <a>linkjes</a> in de tekst te klikken voor meer informatie over het betreffende onderwerp. Aan het eind van iedere pagina kunt u doorklikken naar de volgende pagina. Probeer het maar eens uit! :D