Deze website heb ik helemaal zelf bedacht en gebouwd. Nou is dat op zich misschien niet heel bijzonder, maar de achterkant ervan is dat wél.
Achter deze website zit namelijk mijn persoonlijke foto- en documentenarchief. Jarenlang was het een gedoe om alles netjes geordend, vindbaar en toegankelijk te houden. Daarom heb ik besloten om er serieus tijd in te steken en het proces zoveel mogelijk te automatiseren. Vroeger zat ik zelf in de ICT, dus ergens voelde het ook weer vertrouwd. Maar eerlijk is eerlijk: het is een openbaring om te zien hoe ver je tegenwoordig komt met AI en moderne technieken.
Met hulp van mijn zoon is er een SQL-database in de cloud opgezet. Die maak ik via JavaScript, HTML en CSS toegankelijk. Lokaal werk ik eraan in Visual Studio, met PHP en Docker, waarna alles via GitHub op de webserver terechtkomt. Wat begon als een praktische oplossing, is inmiddels bijna een nieuwe hobby geworden: alles zo gebruiksvriendelijk, overzichtelijk en vindbaar mogelijk maken.
De opzet is bewust simpel gehouden. Elk artikel bestaat uit foto’s met een stukje tekst. Maximaal vijf foto’s vormen samen één verhaal, waar je eenvoudig doorheen kunt swipen, naar links of naar rechts. Ook de tekst houd ik overzichtelijk. Geen ingewikkelde opmaak, maar alleen wat echt iets toevoegt: linkjes, vetgedrukte woorden en cursief waar nodig. Per artikel kan er daarnaast een YouTube-video worden geplaatst die automatisch start, plus een externe link voor extra informatie van een andere bron.
Zo is het niet zomaar een website geworden, maar een digitaal archief vol verhalen, herinneringen en beelden. Makkelijk te bekijken, makkelijk te delen en vooral: klaar voor de toekomst.
Swipe naar rechts om verder te lezen…
Als je naar de foto kijkt, zie je kort de titel van het artikel met daaronder één regel extra informatie. Soms staat er linksonder heel subtiel een icoontje. Dat opent een kaart met de locatie waar dit artikel zich afspeelt. Dat idee ontstond eigenlijk heel praktisch. Ik was foto’s van distilleerderijen aan het archiveren en merkte dat ik soms niet meer precies wist waar een bepaalde foto was gemaakt. Na drie keer handmatig zoeken dacht ik: dit kan slimmer. Dus heb ik het meteen geautomatiseerd.
De tekst bij een artikel vertelt iets over de foto, maar altijd binnen de context van het verhaal. Soms staan er verwijzingen in naar andere plekken op de website of naar externe bronnen op internet. Op de eerste pagina staat de belangrijkste link wat prominenter in beeld, net als een eventuele YouTube-video. Die laatste twee worden niet altijd gebruikt; ze zijn meer bedoeld als kleine extra’s — een soort hidden gems voor wie verder wil kijken.
Achter de schermen houd ik ook categorieën bij. Daardoor verschijnen onder de tekst automatisch een aantal suggesties voor andere artikelen die passen bij het onderwerp. Het is bewust een beperkt aantal, en ze worden willekeurig gekozen, zodat je soms net weer iets anders tegenkomt.
Daarnaast houd ik bij hoe vaak een artikel gelezen is. Dat laat ik ook zien, samen met het moment waarop het artikel is geplaatst. Zo krijgt elk verhaal niet alleen een plek in het archief, maar ook een beetje context: wanneer het geschreven is, hoe vaak het bekeken is en welke andere verhalen erbij passen.
De navigatie door de artikel, spreekt voor zich, vanuit ieder scherm, kun je altijd op het logo linksboven klikken om terug te komen bij het beginscherm. Pas dan zie je de icooontjes rechts boven, die ook duidelijk zijn, hoop ik:
- Het vergrootglas zorgt voor een zoekscherm, waarmee je een artikel op titel of subtitel kan zoeken
- Het filter icoon zet laat de artikelen in een bepaalde volgorde zien, bv. populareit of prio
- Het envelopje brengt je naar mijn contactgegevens
Super leuk toch?
Heb je tips, suggesties of kom je iets tegen dat beter kan? Laat het me vooral weten. Deze website blijft zich ontwikkelen, en juist door mee te kijken, mee te denken en feedback te geven, wordt het archief steeds beter, mooier en gebruiksvriendelijker.
Dus zie je iets, mis je iets of heb je een goed idee? Ik hoor het graag!
