De basis van deze website
Dit portfolio is een eigen website, gebouwd met Next.js, React en TypeScript. De startpagina bundelt mijn opleiding, contactgegevens, sociale profielen en vaardigheden. Daarnaast heeft de website een Over mij-pagina, een projectenpagina en een blog.
Voor de vormgeving gebruikt de website Tailwind CSS. De rustige kleuren, afgeronde kaders en ondersteuning voor een licht en donker thema sluiten aan op de oorspronkelijke versie. Op de startpagina zorgt Motion voor kleine animaties. De website past zich aan verschillende schermformaten aan.
Artikels als Markdown-bestanden
De blog gebruikt geen apart beheersysteem. Elk artikel is een Markdown-bestand in de map content/posts. Bovenaan staan de titel, datum, categorie, samenvatting en publicatiestatus. Daaronder volgt de tekst, eventueel met foto's, links en tussenkoppen.
Een nieuw artikel begint als concept. Pas wanneer draft: false is ingesteld, verschijnt het in de blog. De website leest de bestanden op de server in en toont elk gepubliceerd artikel op een eigen pagina. De inhoud staat zo samen met de code in hetzelfde project en kan via Git worden bijgehouden.
Een overzichtelijke blog
De blog bundelt mijn gepubliceerde artikels op één plek. Categorieën maken onderscheid tussen bijvoorbeeld IT-evenementen, hackathons, projecten en de bouw van deze website. Met de zoekfunctie kan een bezoeker een artikel op titel of onderwerp terugvinden.
Elk artikel heeft een eigen pagina met een datum, samenvatting en geschatte leestijd. Concepten verschijnen pas wanneer ik ze expliciet publiceer. Via de navigatie zijn ook mijn projecten, persoonlijke voorstelling en contactgegevens bereikbaar.
Nederlands en Engels
Naast de themaknop kan een bezoeker wisselen tussen Nederlands en Engels. De keuze wordt in een cookie bewaard en op de server toegepast. Ook de navigatie, paginatitels, datums en afdrukweergave volgen die taalkeuze. Engelse artikelvertalingen staan in content/posts/en, met dezelfde bestandsnaam als het Nederlandse origineel.
Een versie voor de eindindiening
Naast de gewone webpagina's is er een afdrukweergave die mijn voorstelling, projecten en alle gepubliceerde artikels samenbrengt. Via de afdrukfunctie van de browser kan ik die bewaren als pdf. Navigatie en knoppen verdwijnen daarbij uit de afdruk.
Verder aanvullen
Deze website groeit mee met mijn activiteiten. Na een evenement voeg ik een eigen reflectie en foto's toe. Ook projecten kunnen een uitgebreidere toelichting krijgen over het probleem, mijn bijdrage en de gemaakte keuzes. Zo ontstaat gaandeweg een concreter beeld van mijn werk en interesses.
