https://bckn.be/Recent blog posts on BCKNHugo (https://gohugo.io)nl-BEstefan@bckn.be (Stefan Bocken)stefan@bckn.be (Stefan Bocken)Thu, 15 Oct 2026 13:29:36 +0200https://bckn.be/posts/beginnenmethuiswerk/Sun, 20 Sep 2026 10:05:00 +0200stefan@bckn.be (Stefan Bocken) Rond vier uur komt je kind thuis. De boekentas gaat de gang in, en dan begint het lastigste deel van de dag. Hoe begint je kind aan dat huiswerk? &amp;ldquo;Begin er gewoon aan&amp;rdquo; helpt meestal niet. Een kind met vijf dingen tegelijk in zijn hoofd, een taak voor morgen, een toets over drie dagen, een spreekbeurt ergens volgende week, kan moeilijk kiezen. Het kijkt naar de tafel en doet niets. Of pakt het eerste het beste scherm en stelt alles uit tot later. Uiteraard begint het dan een uur later, met minder tijd, veel gezeur en een hoop discussies.<p>Rond vier uur komt je kind thuis. De boekentas gaat de gang in, en dan begint het lastigste deel van de dag. Hoe begint je kind aan dat huiswerk?</p> <p>&ldquo;Begin er gewoon aan&rdquo; helpt meestal niet. Een kind met vijf dingen tegelijk in zijn hoofd, een taak voor morgen, een toets over drie dagen, een spreekbeurt ergens volgende week, kan moeilijk kiezen. Het kijkt naar de tafel en doet niets. Of pakt het eerste het beste scherm en stelt alles uit tot later. Uiteraard begint het dan een uur later, met minder tijd, veel gezeur en een hoop discussies.</p> <h3 id="zeven-vragen-aan-de-muur" > <div> Zeven vragen aan de muur </div> </h3> <p>Daarom hangt er sinds kort een blad aan de muur bij onze zoon. <a href="https://bckn.be/huiswerkbladen/wat-doe-ik-nu/" target="_blank" rel="noopener">Wat doe ik nu?</a> stelt zeven vragen, van boven naar onder, en bij elk ja-antwoord staat er één ding dat je doet. Moet er voor morgen een taak af? Kort werk maak je meteen, lang werk in blokken met pauzes ertussen. Staat er binnenkort een toets? Morgen al: boek dicht en jezelf overhoren. Later: één stuk leren, en in de agenda zetten welk stuk morgen komt.</p> <p>Onderaan staat altijd hetzelfde. Boekentas klaar voor morgen, en dan fluitsignaal: vrij.</p> <p>Dat eindpunt doet meer werk dan de zeven vragen samen. Een avond zonder duidelijk einde sleept aan tot het bedtijd is.</p> <h3 id="het-weekend-is-een-ander-probleem" > <div> Het weekend is een ander probleem </div> </h3> <p>Twee vrije dagen, en toch ligt de helft al vast. Training, een wedstrijd, een verjaardagsfeestje, eten bij de grootouders. De <a href="https://bckn.be/huiswerkbladen/weekendplanning/" target="_blank" rel="noopener">weekendplanning</a> vraagt wat er vastligt en zet dat in een rooster van vrijdagavond tot zondagavond. De taken en toetsen voor volgende week komen eronder als lijstje, bewust niet ingepland.</p> <blockquote> <p>De planner toont de ruimte die er is. Het kind verdeelt.</p> </blockquote> <p>Wanneer je wat doet, schrijf je dus zelf in de lege vakjes, met een potlood. Zelf je planning leren maken, dat is het hele punt. Een planning die een ander voor je maakt, voelt als een opdracht. Eén die je zelf invult, voelt als een plan.</p> <h3 id="samenvatten-leert-niemand-vanzelf" > <div> Samenvatten leert niemand vanzelf </div> </h3> <p>Het derde blad, <a href="https://bckn.be/huiswerkbladen/samenvatten/" target="_blank" rel="noopener">zo maak ik een samenvatting</a>, zet er vijf stappen op. Van de titel een vraag maken, lezen per alinea, boek dicht en navertellen, dan pas schrijven in kernwoorden, en op het einde boek open om te controleren wat je vergat. In een andere kleur, want die kleur herhaal je de volgende keer eerst.</p> <p>Dat navertellen met het boek dicht levert het meeste op. Struikelen over wat je niet meer weet, is onaangenaam maar werkt wel.</p> <h3 id="waarom-ze-nu-online-staan" > <div> Waarom ze nu online staan </div> </h3> <p>Ze hingen hier aan zijn muur, en daar deden ze niemand anders een plezier. Nu staan ze op <a href="https://bckn.be/huiswerkbladen/" target="_blank" rel="noopener">bckn.be/huiswerkbladen</a>. De weekendplanner onthoudt wat je invult op je eigen toestel, zodat het er volgende week nog staat. Afdrukken kan, en past in principe op één A4.</p> <p>Ze hebben de kleuren van <a href="https://zoekjeschool.be/" target="_blank" rel="noopener">zoekjeschool.be</a>, omdat ze hetzelfde uitgangspunt hebben: gereedschap voor aan de keukentafel of bureau.</p> <p>Hangt bij jullie iets anders aan de muur dat wel werkt, deel het gerust via <a href="mailto:stefan@bckn.be" target="_blank" rel="noopener">stefan@bckn.be</a>.</p>onderwijswebsitezoekjeschoolhuiswerkpersoonlijkhttps://bckn.be/posts/beginnenmethuiswerk/https://bckn.be/posts/demissendeschoolzoeker/Fri, 04 Sep 2026 14:30:14 +0200stefan@bckn.be (Stefan Bocken) Als je op zoek gaat naar een middelbare school voor je kind, krijg je een woordenlijst mee die niemand van vroeger nog herkent. ASO, TSO en BSO bestaan niet meer en in de plaats staat er een matrix van finaliteiten en studiedomeinen. Uiteraard allemaal uitgelegd bij Onderwijs en Vorming. Wat er veel moeilijker te vinden is: &amp;ldquo;Welke school bij ons in de buurt biedt dat aan?&amp;rdquo; Alles staat online, alleen niet bruikbaar Alle gegevens zijn openbaar. Onderwijs en Vorming publiceert ze via een API: elke instelling, elke vestigingsplaats, elke richting die er ingericht wordt. Netjes bijgehouden, keurig gedocumenteerd en volledig gebouwd voor wie een dossier moet samenstellen. Ook is er het Scholenkompas, waar je met wat moeite nuttige info vindt.<p>Als je op zoek gaat naar een middelbare school voor je kind, krijg je een woordenlijst mee die niemand van vroeger nog herkent. ASO, TSO en BSO bestaan niet meer en in de plaats staat er een matrix van finaliteiten en studiedomeinen. Uiteraard allemaal uitgelegd bij <a href="https://www.vlaanderen.be/onderwijs-en-vorming" target="_blank" rel="noopener">Onderwijs en Vorming</a>. Wat er veel moeilijker te vinden is: &ldquo;Welke school bij ons in de buurt biedt dat aan?&rdquo;</p> <h3 id="alles-staat-online-alleen-niet-bruikbaar" > <div> Alles staat online, alleen niet bruikbaar </div> </h3> <p>Alle gegevens zijn openbaar. Onderwijs en Vorming publiceert ze via een API: elke instelling, elke vestigingsplaats, elke richting die er ingericht wordt. Netjes bijgehouden, keurig gedocumenteerd en volledig gebouwd voor wie een dossier moet samenstellen. Ook is er het <a href="https://public.tableau.com/views/ScholenKompasSecundair/Landingspagina?%3Adisplay_count=n&amp;%3Aorigin=viz_share_link&amp;publish=yes&amp;%3AshowVizHome=no&amp;%3Atoolbar=bottom" target="_blank" rel="noopener">Scholenkompas</a>, waar je met wat moeite nuttige info vindt.</p> <p>Alleen, dat zijn geen tools voor ouders aan de keukentafel met een kind dat volgend jaar naar het middelbaar gaat. Die willen vertrekken van hun eigen adres, met een straal die haalbaar voelt met de fiets of het openbaar vervoer en een richting waar hun kind iets bij voelt. Precies die combinatie vond ik nergens.</p> <h3 id="wat-het-geworden-is" > <div> Wat het geworden is </div> </h3> <p><a href="https://zoekjeschool.be" target="_blank" rel="noopener">Een zoeker voor middelbare scholen in Vlaanderen en Brussel</a>. Je typt je gemeente of je straat, je zet een straal en je filtert op richting, finaliteit, studiedomein of net. 1.075 adressen, 994 scholen, 2.145 schoolvestigingen, met de volledige studierichtingencatalogus erachter. Je kan tot vier adressen naast elkaar zetten en die vergelijking afdrukken op één A4, zodat je ze kan meenemen naar een infomoment.</p> <div class="hint-tip"> Op één adres staan soms meerdere scholen, en een school heeft soms meerdere adressen. </div> <p>Alles draait in je browser. Er is geen server die iets bijhoudt, want er is geen server. Wat de termen betekenen, staat op een <a href="https://zoekjeschool.be/uitleg/" target="_blank" rel="noopener">aparte pagina over het secundair onderwijs</a>, zodat je niet eerst een woordenboek nodig hebt om de filters te snappen.</p> <h3 id="wat-het-bewust-niet-doet" > <div> Wat het bewust niet doet </div> </h3> <p>Geen account, geen cookies, geen tracking, geen advertenties. Niemand hoeft te weten waar jouw kind naar school wil.</p> <p>En geen ranglijst. Scholen op volgorde zetten suggereert een oordeel, en dat oordeel kan en wil ik niet vellen. Niet uit een dataset, niet over een school waar ik nooit binnen ben geweest en zeker niet over de vraag of die school past bij jouw kind.</p> <blockquote> <p>Deze site zegt welke scholen er zijn en wat ze aanbieden. De rest beslis je zelf, het best door gewoon te gaan kijken. Informatie over de infomomenten kan je terugvinden op <a href="https://www.onderwijskiezer.be/v2/extra/infomoment_zoek.php?niv=so&amp;submit=zoeken" target="_blank" rel="noopener">Onderwijskiezer</a>.</p> </blockquote> <p>De code staat open onder AGPL. Mis je iets of klopt er iets niet aan de gegevens van een school die je kent, dan hoor ik het graag via <a href="mailto:info@zoekjeschool.be" target="_blank" rel="noopener">info@zoekjeschool.be</a>. Dat adres staat er niet voor de sier: de bron is niet altijd perfect, en ik kom er alleen maar achter als iemand het zegt.</p>websitezoekjeschoolonderwijsvibecodingtechhttps://bckn.be/posts/demissendeschoolzoeker/https://bckn.be/posts/posse/Sun, 19 Apr 2026 14:30:14 +0200stefan@bckn.be (Stefan Bocken) POSSE staat voor Publish (on your) Own Site, Syndicate Elsewhere. De bedoeling is heel eenvoudig. Ik post alles op mijn eigen blog onder notes en van daaruit gaat het automatisch verder naar andere social media platformen via RSS (Really Simple Syndication). Waarom kies ik voor POSSE? Er zijn verschillende redenen om voor POSSE te kiezen. Bij mij komt het neer op twee dingen. Eigenaarschap van mijn content en minder afhankelijk zijn van een derde partij. Als twitter, X, bluesky, mastodon,&amp;hellip; verdwijnt dan heb ik alles nog hier op mijn blog.<p>POSSE staat voor Publish (on your) Own Site, Syndicate Elsewhere.</p> <p>De bedoeling is heel eenvoudig. Ik post alles op mijn eigen blog onder <a href="https://bckn.be/notes/" target="_blank" rel="noopener">notes</a> en van daaruit gaat het automatisch verder naar andere social media platformen via RSS (Really Simple Syndication).</p> <h3 id="waarom-kies-ik-voor-posse" > <div> Waarom kies ik voor POSSE? </div> </h3> <p>Er zijn verschillende redenen om voor POSSE te kiezen. Bij mij komt het neer op twee dingen. Eigenaarschap van mijn content en minder afhankelijk zijn van een derde partij. Als <del>twitter</del>, X, bluesky, mastodon,&hellip; verdwijnt dan heb ik alles nog hier op mijn blog.</p> <h3 id="hoe-post-ik-dan-via-mijn-smartphone" > <div> Hoe post ik dan via mijn smartphone? </div> </h3> <p>iOS shortcuts!</p> <p>Ik heb een shortcut gemaakt die op de volgende manier werkt:</p> <ul> <li>Ik schrijf mijn tekst via “Ask for text”.</li> <li>Een titel geef ik ook mee via “Ask for text”. Spaties worden automatisch vervangen door een dash (‘-‘).</li> <li>Via een “Choose from menu” kan ik kiezen om foto&rsquo;s toe te voegen. <ul> <li>Indien ja: 1 of meerdere foto’s kunnen geselecteerd worden.</li> <li>Foto wordt omgezet naar jpeg en via Working Copy in mijn repo gezet.</li> <li>Per foto wordt alt-tekst opgevraagd via &ldquo;Ask for text&rdquo;.</li> <li>De alt-tekst wordt samen met de nodige markdown tags toegevoegd aan de post.</li> </ul> </li> <li>Als laatste wordt alle tekst samengevoegd tot een post die klaar is voor mijn blog.</li> </ul> <p>Hierna zorgt Working Copy voor de magie om alles in mijn repo te posten (pull - commit - push). De website wordt via GitHub en Netlify gebouwd, de RSS feed wordt gepubliceerd en Micro.blog zorgt ervoor dat de post wordt doorgestuurd naar <a href="https://mastodon.social/@stefanbckn" target="_blank" rel="noopener">Mastodon</a>, <a href="https://bsky.app/profile/stefanbckn.bsky.social" target="_blank" rel="noopener">Bluesky</a> en <a href="https://www.threads.com/@stefanbckn" target="_blank" rel="noopener">Threads</a>.</p> <p>De shortcut staat in mijn &ldquo;Action Folder&rdquo; zodat ik de flow direct van mijn Action Button kan starten.</p>websitepossetechhttps://bckn.be/posts/posse/https://bckn.be/posts/eenemmerlooptsomsover/Wed, 25 Feb 2026 11:48:14 +0100stefan@bckn.be (Stefan Bocken) Ik merk dat ik de laatste tijd sneller emotioneel ben en dat geef ik niet graag toe. Een paar weken geleden ben ik gecrasht. Gelukkig tijdens het thuiswerken. Ik was het overzicht kwijt, de structuur. Alles werd te veel tegelijk. Ik had het gevoel dat ik mijn hoofd niet meer boven water kon houden. Gelukkig heb ik dan mensen rond mij. Thuis én op het werk. Het doet deugd om te merken dat je een sociaal vangnet hebt.<p>Ik merk dat ik de laatste tijd sneller emotioneel ben en dat geef ik niet graag toe.</p> <p>Een paar weken geleden ben ik gecrasht. Gelukkig tijdens het thuiswerken. Ik was het overzicht kwijt, de structuur. Alles werd te veel tegelijk. Ik had het gevoel dat ik mijn hoofd niet meer boven water kon houden.</p> <p>Gelukkig heb ik dan mensen rond mij. Thuis én op het werk. Het doet deugd om te merken dat je een sociaal vangnet hebt.</p> <p>Eén zin van mezelf is toen blijven hangen:</p> <blockquote> <p>“Ook al is alles positief verlopen en heb ik het best mogelijke scenario, die figuurlijke emmer zit wel al halfvol.”</p> </blockquote> <p>Ik begin niet van nul, de emmer zit gewoon sneller vol. Ik merk het bij nieuwsberichten. Social media. Gesprekken. Zo&rsquo;n traject, hoe positief ook, kruipt toch meer in je kleren dan je denkt. Meer dan ik zou willen.</p> <p>Achteraf gezien had ik misschien meer tijd voor mezelf moeten nemen en niet drie weken na de operatie weer beginnen werken.</p> <p>Soms loopt een emmer gewoon over én daar is niets mis mee.</p> <br /> <p>&ndash; <small>You fall, you get up. You never let up!</small></p>nierkankergezondheidpersoonlijkhttps://bckn.be/posts/eenemmerlooptsomsover/https://bckn.be/posts/voordriemaandengoedgekeurd/Fri, 16 Jan 2026 10:48:14 +0100stefan@bckn.be (Stefan Bocken) De eerste controle na de operatie blijft toch spannend. Tot nu toe waren de dokter en patholoog positief, maar na zo&amp;rsquo;n scan ben je toch pas echt gerustgesteld. Het verslag In het verslag stonden twee conclusies. De eertse was goed; geen tekenen van metastasen of adenopathieën. De tweede conclusie deed me toch even schrikken. Er zou een hypodense nodule gelegen zijn ter hoogte van de partiële nefrectomie. Mogelijk een oud hematoom maar een onderliggende residuele tumor valt moeilijk uit te sluiten. Stress!<p>De eerste controle na de operatie blijft toch spannend. Tot nu toe waren de dokter en patholoog positief, maar na zo&rsquo;n scan ben je toch pas echt gerustgesteld.</p> <h3 id="het-verslag" > <div> Het verslag </div> </h3> <p>In het verslag stonden twee conclusies. De eertse was goed; geen tekenen van metastasen of adenopathieën. De tweede conclusie deed me toch even schrikken. Er zou een hypodense nodule gelegen zijn ter hoogte van de partiële nefrectomie. Mogelijk een oud hematoom maar een onderliggende residuele tumor valt moeilijk uit te sluiten. Stress!</p> <h3 id="de-consultatie" > <div> De consultatie </div> </h3> <p>Met een bang hartje ging ik woensdag dan ook naar de uroloog. Gelukkig werd ik heel snel gerustgesteld. De nodule zit exact op de plek van de hechtingen. Als er daar nog tumorweefsel had gezeten, was dat tijdens de operatie meteen duidelijk geworden.</p> <h3 id="goedgekeurd" > <div> Goedgekeurd </div> </h3> <p>Verder was de scan volledig in orde. Resultaat: Voor drie maanden goedgekeurd! 🥳</p> <br /> <p>&ndash; <small>You fall, you get up. You never let up!</small></p>nierkankergezondheidpersoonlijkhttps://bckn.be/posts/voordriemaandengoedgekeurd/https://bckn.be/posts/tussenscanenconsult/Tue, 13 Jan 2026 11:48:14 +0100stefan@bckn.be (Stefan Bocken) De tijd tussen scan en consult Een gevoel van onrust en ongeduld Eén zin, zoveel mogelijkheden Waarom er aandacht aan besteden We zien morgen wel hoe de uroloog het verslag onthult<p>De tijd tussen scan en consult <br/> Een gevoel van onrust en ongeduld <br/> Eén zin, zoveel mogelijkheden <br/> Waarom er aandacht aan besteden <br/> We zien morgen wel hoe de uroloog het verslag onthult <br/> </p>nierkankergezondheidlimerickpersoonlijkhttps://bckn.be/posts/tussenscanenconsult/https://bckn.be/posts/tochnoglast/Mon, 29 Dec 2025 11:48:14 +0100stefan@bckn.be (Stefan Bocken) Het is alweer een tijdje geleden dat ik hier nog eens met een update kwam. Ondertussen zijn we meer dan twee maanden na de operatie en heb ik de resultaten van de patholoog ontvangen. Dat gebeurde via een Chinees-aanvoelend verslag, met als conclusie dat de tumor heldercellig is. Oftewel: Het CNA profiel (aangetoond door middel van LPS) is meest suggestief voor een heldercellig renaal cel carcinoom. Wat dit nu precies betekent voor mij, moet nog uitgelegd worden. Dat zal vermoedelijk gebeuren bij de eerste controle in januari.<p>Het is alweer een tijdje geleden dat ik hier nog eens met een update kwam. Ondertussen zijn we meer dan twee maanden na de operatie en heb ik de resultaten van de patholoog ontvangen. Dat gebeurde via een Chinees-aanvoelend verslag, met als conclusie dat de tumor heldercellig is. Oftewel: Het CNA profiel (aangetoond door middel van LPS) is meest suggestief voor een heldercellig renaal cel carcinoom. Wat dit nu precies betekent voor mij, moet nog uitgelegd worden. Dat zal vermoedelijk gebeuren bij de eerste controle in januari.</p> <p>Naast dit positief nieuws voel ik me over het algemeen ook positief. Behalve wanneer er toch weer een zeurende &ldquo;pijn&rdquo; opspeelt aan mijn linkerzij. Een verkeerde houding tijdens het slapen, een foute draai overdag&hellip; soms blijft dat gevoel een hele tijd aanwezig en soms ook helemaal niet. Het maakt dat het positieve gevoel constant wordt aangevallen. Ondertussen kijk ik met veel stress vooruit naar de eerste controle. Hardlopen durf ik voorlopig ook nog niet.</p> <p>Dat maakt dat de feestdagen niet altijd fijn zijn.</p> <br /> <p>&ndash; <small>You fall, you get up. You never let up!</small></p>nierkankergezondheidpersoonlijkhttps://bckn.be/posts/tochnoglast/https://bckn.be/posts/weeraanhetwerk/Sat, 15 Nov 2025 11:48:14 +0100stefan@bckn.be (Stefan Bocken) Sinds deze week ben ik opnieuw aan het werk. Achteraf gezien was dat perfect getimed, door de brug- en feestdag was het maar een halve week. Ideaal om rustig weer op gang te komen. Operatie afgesloten Woensdag moest ik nog eens op controle bij de uroloog voor de wonde. Alles geneest mooi. Wat eerst een gat in mijn buik was, is nu niet meer dan een klein putje. Ik hoef pas in januari terug op controle. Dat geeft een gerust gevoel, we zitten op de goede weg. Het onderzoek naar welk type tumor het nu precies is, loopt nog. Maar dat verandert niets aan de opvolging. Gewoon wachten op het resultaat van UZ Leuven.<p>Sinds deze week ben ik opnieuw aan het werk. Achteraf gezien was dat perfect getimed, door de brug- en feestdag was het maar een halve week. Ideaal om rustig weer op gang te komen.</p> <h3 id="operatie-afgesloten" > <div> Operatie afgesloten </div> </h3> <p>Woensdag moest ik nog eens op controle bij de uroloog voor de wonde. Alles geneest mooi. Wat eerst een gat in mijn buik was, is nu niet meer dan een klein putje. Ik hoef pas in januari terug op controle. Dat geeft een gerust gevoel, we zitten op de goede weg. Het onderzoek naar welk type tumor het nu precies is, loopt nog. Maar dat verandert niets aan de opvolging. Gewoon wachten op het resultaat van UZ Leuven.</p> <h3 id="opvolging" > <div> Opvolging </div> </h3> <p>De behandeling zelf is achter de rug en nu start de opvolging. Binnen drie maanden staat de eerste CT-scan met contrast op de planning. Hoe het schema er daarna uitziet, weten we nog niet. Dat wordt één van de eerste vragen voor januari. Net als het erfelijkheidsonderzoek. De uroloog raadde het aan, maar er is nog niets concreet vastgelegd.</p> <p>Nu eerst verder herstellen, genieten van Emiel zijn verjaardag en de feestdagen die eraan komen. <br /></p> <p>&ndash; <small>You fall, you get up. You never let up!</small></p>nierkankergezondheidpersoonlijkhttps://bckn.be/posts/weeraanhetwerk/https://bckn.be/posts/dewonderewereldvanthuisverpleging/Mon, 10 Nov 2025 09:48:14 +0100stefan@bckn.be (Stefan Bocken) Afgelopen dagen voelde ik me precies abonnee op een soort verrassingsdienst. Dinsdagochtend moest ik weer langs de dokter. Gewoon om de wonde te laten bekijken. Daarom had ik met de thuisverpleging afgesproken dat ze die ochtend niet hoefden langs te komen, de dokter zou alles doen. Om 9u30 ging de deurbel. Jawel: de thuisverpleging. Woensdagavond kwam er dan weer niemand opdagen. Rond 21u gebeld met de vraag of er nog iemand zou langskomen. “Ik ga het navragen,” zei ze. Ik heb daarna niets meer gehoord.<p>Afgelopen dagen voelde ik me precies abonnee op een soort verrassingsdienst.</p> <p>Dinsdagochtend moest ik weer langs de dokter. Gewoon om de wonde te laten bekijken. Daarom had ik met de thuisverpleging afgesproken dat ze die ochtend niet hoefden langs te komen, de dokter zou alles doen. Om 9u30 ging de deurbel. Jawel: de thuisverpleging.</p> <p>Woensdagavond kwam er dan weer niemand opdagen. Rond 21u gebeld met de vraag of er nog iemand zou langskomen. “Ik ga het navragen,” zei ze. Ik heb daarna niets meer gehoord.</p> <h3 id="een-speciaal-weekend" > <div> Een &ldquo;speciaal&rdquo; weekend </div> </h3> <p>En zo begon een speciaal weekend. Zondagochtend kon ik niet verzorgd worden en zaterdagavond was ook moeilijk. In overleg spraken we af dat ze zo laat mogelijk op de ochtend zouden langskomen, ergens rond de middag. Op zondag zou er dan ‘s avonds iemand passeren.</p> <p>Zaterdagochtend, twintig voor tien: de verpleging stond al aan de deur. De eerste aanpassing van het weekend liep meteen fout. Dat beloofde. Gelukkig zijn ze flexibel en zijn ze vroeg op de avond opnieuw langsgekomen om me dan te verzorgen.</p> <p>Zondagochtend hadden we een familie-uitstap en waren we dus niet thuis. Op een bepaald moment kreeg ik telefoon van, uiteraard, de thuisverpleging. Ze stonden aan mijn deur om me te verzorgen. Kort en vriendelijk uitgelegd dat er andere afspraken waren gemaakt. Geen probleem, zei ze, er zou ’s avonds iemand langskomen. Half acht. Nog niemand geweest. Na het voorval van woensdag begon ik toch ongerust te worden. Dus opnieuw gebeld. Na wat navragen bleek onze ongerustheid terecht: er was niemand ingepland. Als we zelf geen actie hadden ondernomen, was er gewoon niemand langsgekomen.</p> <h3 id="kraslotjes" > <div> Kraslotjes </div> </h3> <p>Het voelt momenteel alsof je elke dag een nieuw kraslotje krijgt: Het blijft een verrassing of er iemand tevoorschijn komt. Hopelijk wordt het de komende dagen wat consistenter, dat zou al veel rust geven.</p> <p>Ik schrijf dit trouwens met alle begrip voor het beroep en de moeilijkheden die er zijn. Onvoorziene omstandigheden zijn er altijd, denk maar aan de werken op de ring van Antwerpen en de bijkomende files. Het enige dat me stoort is dat afspraken, die altijd samen gemaakt werden, niet nagekomen of opgevolgd worden.</p>nierkankergezondheidpersoonlijkhttps://bckn.be/posts/dewonderewereldvanthuisverpleging/https://bckn.be/posts/threestepsforward/Sat, 01 Nov 2025 09:48:14 +0100stefan@bckn.be (Stefan Bocken) &amp;hellip; two steps back. Of zo voelt het toch. Eerst het goede nieuws: De tumor is kwaadaardig, maar vermoedelijk gaat het om heldercellig niercelkanker. De tumor is nog doorgestuurd naar UZ Leuven om dat te bevestigen, maar voorlopig lijkt het dus op de “beste” variant van de kwaadaardige soorten. Heldercellig niercelkanker heeft een levensverwachting na tien jaar van 92%. Hopelijk heeft de patholoog het dus bij het rechte eind. Twee stappen terug? Kort gezegd; er zit een wiek in mijn buik. Na het verwijderen van de nietjes (draadjes) kwam er nog wat wondvocht uit de wonde. Hierdoor heb ik nu een wiek in die wonde om alles proper te houden. Een extra gevolg hiervan is dat er twee keer per dag een verpleegster over de vloer komt om alles te verzorgen. En zo voelt mijn huis plots wat meer als een ziekenhuis en voel ik mij opgesloten. In de voormiddag kunnen ze komen tussen 7u en 13u30 en ‘s avonds van 17u tot 22u.<p>&hellip; two steps back. Of zo voelt het toch.</p> <p>Eerst het goede nieuws: De tumor is kwaadaardig, maar vermoedelijk gaat het om heldercellig niercelkanker. De tumor is nog doorgestuurd naar UZ Leuven om dat te bevestigen, maar voorlopig lijkt het dus op de “beste” variant van de kwaadaardige soorten. Heldercellig niercelkanker heeft een levensverwachting na tien jaar van 92%. Hopelijk heeft de patholoog het dus bij het rechte eind.</p> <h3 id="twee-stappen-terug" > <div> Twee stappen terug? </div> </h3> <p>Kort gezegd; er zit een wiek in mijn buik. Na het verwijderen van de nietjes (draadjes) kwam er nog wat wondvocht uit de wonde. Hierdoor heb ik nu een wiek in die wonde om alles proper te houden. Een extra gevolg hiervan is dat er twee keer per dag een verpleegster over de vloer komt om alles te verzorgen. En zo voelt mijn huis plots wat meer als een ziekenhuis en voel ik mij opgesloten. In de voormiddag kunnen ze komen tussen 7u en 13u30 en ‘s avonds van 17u tot 22u.</p> <p>De vrijheid waar ik naar uitkeek als de nietjes eruit gingen is dus vervangen door thuisverpleging.</p> <p>#blog/personal</p>nierkankergezondheidpersoonlijkhttps://bckn.be/posts/threestepsforward/https://bckn.be/posts/eenweeknadeoperatie/Tue, 28 Oct 2025 07:50:59 +0100stefan@bckn.be (Stefan Bocken) We zijn intussen een week verder en stilaan begint alles wat beter te gaan. Al steekt nu de spanning weer de kop op, met de afspraak bij de uroloog en de resultaten van het onderzoek die eraan komen. Hoe was de afgelopen week? De week begon uiteraard in het ziekenhuis. Elke dag ging het wel wat beter, al voelde dat op het moment zelf niet zo. Slechte mobiliteit. Een blaassonde, een bleek en een baxter hielpen niet om heel beweeglijk te zijn, om niet te spreken van de pijn in de buikspieren. Eerst ging de blaassonde eruit, daarna de baxter en als laatste de bleek. Elke stap gat wat meer vrijheid terug, al bleef bewegen best lastig.<p>We zijn intussen een week verder en stilaan begint alles wat beter te gaan. Al steekt nu de spanning weer de kop op, met de afspraak bij de uroloog en de resultaten van het onderzoek die eraan komen.</p> <h3 id="hoe-was-de-afgelopen-week" > <div> Hoe was de afgelopen week? </div> </h3> <p>De week begon uiteraard in het ziekenhuis. Elke dag ging het wel wat beter, al voelde dat op het moment zelf niet zo. Slechte mobiliteit. Een blaassonde, een bleek en een baxter hielpen niet om heel beweeglijk te zijn, om niet te spreken van de pijn in de buikspieren. Eerst ging de blaassonde eruit, daarna de baxter en als laatste de bleek. Elke stap gat wat meer vrijheid terug, al bleef bewegen best lastig.</p> <p>Op donderdag mocht ik dan eindelijk naar huis. En dat voelde goed… voor even. Daar kreeg ik weer een reality check. Ik had gedacht dat alles ineens veel vlotter zou gaan wat dus niet het geval was. De opgeblazen buik speelde me serieus parten.</p> <h3 id="vermoeiend" > <div> Vermoeiend </div> </h3> <p>Van een simpel middagmaal tot 200 meter wandelen. Alles is vermoeiend. Telkens als ik iets wil doen moet ik daarna rusten en vaak val ik dan ook nog in slaap. Ik weet dat ik naar mijn lichaam moet luisteren en de rust moet nemen die nodig is maar da&rsquo;s vermoeiend! Mentaal dan.</p> <h3 id="en-hoe-ist" > <div> En hoe is&rsquo;t? </div> </h3> <p>De vraag die ik het vaakst hoor de laatste dagen. En vergis je niet, ik apprecieer dat oprecht. Ik recycleer ondertussen wel mijn antwoorden. Vermoeiend, weet je nog.</p> <p>Dus hoe is het <strong>nu</strong> eigenlijk: Beter en beter. Niezen en hoesten doen nog pijn, en ik ben snel moe. Maar de paracetamol (drie à vier keer per dag één gram) doet goed zijn werk.</p>nierkankergezondheidpersoonlijkhttps://bckn.be/posts/eenweeknadeoperatie/https://bckn.be/posts/thedayafteryesterday/Tue, 21 Oct 2025 07:50:59 +0200stefan@bckn.be (Stefan Bocken) De operatie is goed verlopen; niersparend, zoals gehoopt. Tot nu toe lijkt alles rustig te verlopen, weinig lekkage, geen gekke dingen. Vlak voor de operatie heb ik nog goed kunnen lachen met de uroloog en de anesthesist. Zo’n moment waarop je beseft dat een beetje humor wonderen doet, zelfs als je daar ligt in dat belachelijke operatiehemd. Nu is het vooral bekomen. Rust, wat pijn, wat dankbaarheid. Eén stap tegelijk.<p>De operatie is goed verlopen; niersparend, zoals gehoopt. Tot nu toe lijkt alles rustig te verlopen, weinig lekkage, geen gekke dingen.</p> <p>Vlak voor de operatie heb ik nog goed kunnen lachen met de uroloog en de anesthesist. Zo’n moment waarop je beseft dat een beetje humor wonderen doet, zelfs als je daar ligt in dat belachelijke operatiehemd.</p> <p>Nu is het vooral bekomen. Rust, wat pijn, wat dankbaarheid. Eén stap tegelijk.</p>nierkankergezondheidpersoonlijkhttps://bckn.be/posts/thedayafteryesterday/https://bckn.be/posts/thedaybeforetomorrow/Sun, 19 Oct 2025 07:50:59 +0200stefan@bckn.be (Stefan Bocken) De laatste dag voor mijn operatie, en de zenuwen schieten hier in huis alle kanten uit. Bij iedereen. Emoties komen en gaan zoals ze willen. Soms boos of verdrietig om het minste, en even goed lachen om iets kleins. In de namiddag gaat Emiel naar de jeugdbeweging terwijl Kristl nog op ’t school gaat werken. Ik blijf thuis om me klaar te maken en wat te proberen ontspannen; de muren oplopen, de seconden tellen, en waarschijnlijk ook wat voetbal kijken.<p>De laatste dag voor mijn operatie, en de zenuwen schieten hier in huis alle kanten uit. Bij iedereen. Emoties komen en gaan zoals ze willen. Soms boos of verdrietig om het minste, en even goed lachen om iets kleins.</p> <p>In de namiddag gaat Emiel naar de jeugdbeweging terwijl Kristl nog op ’t school gaat werken. Ik blijf thuis om me klaar te maken en wat te proberen ontspannen; de muren oplopen, de seconden tellen, en waarschijnlijk ook wat voetbal kijken.</p> <p>’t Mag nu stilaan morgen zijn.</p> <p></p> <p><img src="https://bckn.be/img/eddy.gif" alt="Eddy Wally Wauw wat een zenuwen" /></p>nierkankergezondheidpersoonlijkhttps://bckn.be/posts/thedaybeforetomorrow/https://bckn.be/posts/laatstewerkdag/Fri, 17 Oct 2025 07:50:59 +0200stefan@bckn.be (Stefan Bocken) Vandaag was mijn laatste werkdag voor de operatie. De laatste dingen afgewerkt, wat doorgegeven, en dat was het dan. In principe zou ik er binnen twee weken alweer staan, dus je kunt het een beetje zien als een extra vakantie. Alleen slaap ik met een vreemde op de kamer, en zullen er geen zwembad en cocktails aan te pas komen. Dit weekend wordt nog een serieuze horde om te nemen. De tijd zal wel weer zijn kuren hebben: momenten dat alles vooruit vliegt, en momenten dat het precies niet vooruit wil gaan.<p>Vandaag was mijn laatste werkdag voor de operatie. De laatste dingen afgewerkt, wat doorgegeven, en dat was het dan. In principe zou ik er binnen twee weken alweer staan, dus je kunt het een beetje zien als een extra vakantie. Alleen slaap ik met een vreemde op de kamer, en zullen er geen zwembad en cocktails aan te pas komen.</p> <p>Dit weekend wordt nog een serieuze horde om te nemen. De tijd zal wel weer zijn kuren hebben: momenten dat alles vooruit vliegt, en momenten dat het precies niet vooruit wil gaan.</p>nierkankergezondheidpersoonlijkhttps://bckn.be/posts/laatstewerkdag/https://bckn.be/posts/heenenweer/Wed, 15 Oct 2025 07:50:59 +0200stefan@bckn.be (Stefan Bocken) De ene dag is de andere niet. Zoveel is duidelijk. Vandaag was een mindere dag, mentaal dan. Waarom? Geen idee. De fysieke pijn in m’n zij blijft hetzelfde en is best draaglijk, maar in mijn hoofd ging het alle kanten op. Van links naar rechts, van boven naar onder&amp;hellip; yep cliché, een echte rollercoaster! Je stelt jezelf de domste vragen. Je hebt geen antwoorden. En dan begin je te zoeken naar verklaringen die er niet zijn. Waarom ik er vroeg bij ben? Waarom anderen brute pech hebben? En voor je het weet, voel je je schuldig omdat je “geluk” hebt. Alsof je niet dankbaar genoeg bent.<p>De ene dag is de andere niet. Zoveel is duidelijk.</p> <p>Vandaag was een mindere dag, mentaal dan.<br> Waarom? Geen idee. De fysieke pijn in m’n zij blijft hetzelfde en is best draaglijk, maar in mijn hoofd ging het alle kanten op. Van links naar rechts, van boven naar onder&hellip; yep cliché, een echte rollercoaster!</p> <p>Je stelt jezelf de domste vragen. Je hebt geen antwoorden. En dan begin je te zoeken naar verklaringen die er niet zijn. Waarom ik er vroeg bij ben? Waarom anderen brute pech hebben? En voor je het weet, voel je je schuldig omdat je “geluk” hebt. Alsof je niet dankbaar genoeg bent.</p> <p>En dan zet ik muziek op. Hard. Metal. De enige afleiding die werkt.</p> <blockquote> <p><em>You fall, you get up, you never let up.</em> <br /> - <br /> <em>f*ck cancer</em></p> </blockquote>nierkankergezondheidpersoonlijkhttps://bckn.be/posts/heenenweer/https://bckn.be/posts/wateenweek/Thu, 02 Oct 2025 11:50:59 +0200stefan@bckn.be (Stefan Bocken) Het is nu ongeveer een week geleden dat het resultaat van de CT-scan begon door te dringen. Verdacht voor RCC. Nierkanker. Pas op donderdag werd de diagnose officieel, al zei het telefoontje van woensdagavond genoeg. Wanneer een specialist je om 22u belt om te zeggen dat hij er niet gelukkig van wordt en dat je dringend verder moet naar urologie, weet je eigenlijk al hoe laat het is. Sneltrein Plots ging het snel. Donderdagochtend heb ik toestemming gegeven om mijn dossier door te sturen binnen ZAS Augustinus, en tegen de middag hadden zowel de uroloog als de oncoloog alles bekeken.<p>Het is nu ongeveer een week geleden dat het resultaat van de CT-scan begon door te dringen. Verdacht voor RCC. Nierkanker.</p> <p>Pas op donderdag werd de diagnose officieel, al zei het telefoontje van woensdagavond genoeg. Wanneer een specialist je om 22u belt om te zeggen dat hij er niet gelukkig van wordt en dat je dringend verder moet naar urologie, weet je eigenlijk al hoe laat het is.</p> <h3 id="sneltrein" > <div> Sneltrein </div> </h3> <p>Plots ging het snel. Donderdagochtend heb ik toestemming gegeven om mijn dossier door te sturen binnen ZAS Augustinus, en tegen de middag hadden zowel de uroloog als de oncoloog alles bekeken.</p> <p>Een extra MRI bleek niet nodig. Alles was duidelijk: nierkanker. Er moet geopereerd worden, maar het goede nieuws is dat het niersparend kan — de nier blijft dus grotendeels behouden.</p> <p>Vrijdag heb ik kort met de uroloog gesproken om alles praktisch vast te leggen: een CT-scan van de thorax, een eerste consult en daarna de ingreep.</p> <h3 id="woensdag-en-donderdag" > <div> Woensdag en donderdag </div> </h3> <p>Woensdag stond de CT-scan van de thorax op de planning, samen met nog een bloedafname. Blijkbaar was er al een volledig bloedonderzoek gebeurd, maar goed — nog eens prikken dus. De vampieren blijven bezig 😄</p> <p>Het resultaat: geen uitzaaiingen in de longen. 🥳</p> <p>Donderdag was mijn eerste consult bij de uroloog. Een spannend moment, met een hoofd vol vragen.</p> <p>Ik ging buiten met veel antwoorden, én vooral met een positief beeld voor de toekomst. 💪🏻</p>nierkankergezondheidpersoonlijkhttps://bckn.be/posts/wateenweek/https://bckn.be/posts/nierkanker/Tue, 30 Sep 2025 07:50:59 +0200stefan@bckn.be (Stefan Bocken) Soms valt een woord dat je niet zag aankomen. Bij mij was dat “nierkanker”. Eind september kwam het aan het licht na een CT-scan van de buik. In eerste instantie was het “verdacht voor RCC”, maar intussen is de diagnose officieel: nierkanker in de linkernier. De CT-scan kwam er na klachten in mijn buik. Constipatie, pijn in de rug en zij. Achteraf bleek het dus niets met mijn darmen te maken hebben maar met de nieren.<p>Soms valt een woord dat je niet zag aankomen. Bij mij was dat “nierkanker”.</p> <p>Eind september kwam het aan het licht na een CT-scan van de buik. In eerste instantie was het “verdacht voor RCC”, maar intussen is de diagnose officieel: nierkanker in de linkernier.</p> <p>De CT-scan kwam er na klachten in mijn buik. Constipatie, pijn in de rug en zij. Achteraf bleek het dus niets met mijn darmen te maken hebben maar met de nieren.</p> <p>De komende weken volgen nog wat onderzoeken en daarna een operatie. Het goede nieuws is dat het niersparend kan, dus de volledige nier hoeft niet weg.</p> <p>Hoe ik me daarbij voel, daar kom ik later nog op terug. Voor nu wil ik vooral duidelijkheid geven over wat er speelt en waarom sommige dingen — zoals trainingen of plannen — even op pauze staan.</p> <p>De updates die volgen zullen niet allemaal zwaar zijn. Sommige dagen zijn gewoon dagen. Andere iets minder. En dat is oké.</p>nierkankergezondheidpersoonlijkhttps://bckn.be/posts/nierkanker/https://bckn.be/posts/uefac/Wed, 17 Sep 2025 11:50:59 +0200stefan@bckn.be (Stefan Bocken) Sinds begin september ben ik gestart met de opleiding tot Initiator Veldvoetbal / UEFA C. Waarom? Als keepertrainer wil ik graag beginnen aan de opleiding tot Keepertrainer Jeugd. Om aan die cursus te mogen beginnen heb je het Initiator/UEFA C diploma nodig waardoor ik dus verplicht wordt een cursus over veldvoetbal te volgen. UEFA WAT? De cursus bestaat uit 4 modules. De eerste module is de Start 2 Coach en leert je de basisprincipes rond verantwoord training geven. Module 2 gaat over het sporttechnische aspect en duikt dieper in de opleidingsvisie van Voetbal Vlaanderen (LINK), specifiek voor veldvoetbal (inclusief wedstrijdcoaching en veilig voetballen). Bij module 3 wordt er gekeken naar de trainingspraktijken en coaching. Als laatste module is er ook een verplichte stage.<p>Sinds begin september ben ik gestart met de opleiding tot Initiator Veldvoetbal / UEFA C.</p> <h3 id="waarom" > <div> Waarom? </div> </h3> <p>Als keepertrainer wil ik graag beginnen aan de opleiding tot Keepertrainer Jeugd. Om aan die cursus te mogen beginnen heb je het Initiator/UEFA C diploma nodig waardoor ik dus verplicht wordt een cursus over veldvoetbal te volgen.</p> <h3 id="uefa-wat" > <div> UEFA WAT? </div> </h3> <p>De cursus bestaat uit 4 modules. De eerste module is de Start 2 Coach en leert je de basisprincipes rond verantwoord training geven. Module 2 gaat over het sporttechnische aspect en duikt dieper in de opleidingsvisie van Voetbal Vlaanderen (LINK), specifiek voor veldvoetbal (inclusief wedstrijdcoaching en veilig voetballen). Bij module 3 wordt er gekeken naar de trainingspraktijken en coaching. Als laatste module is er ook een verplichte stage.</p> <p>Een hele boterham dus om uiteindelijk bij het beoogde doel te geraken.</p>TrainingVoetbalK. Boechoutse V.V.persoonlijkhttps://bckn.be/posts/uefac/https://bckn.be/posts/welkomindetoekomst/Thu, 19 Dec 2024 16:50:59 +0100stefan@bckn.be (Stefan Bocken) Sinds vandaag zijn we helemaal klaar voor de elektrificatie van de auto. De bestelling van een nieuwe wagen is al een tijdje geleden gebeurd, de laadpaal is vandaag geïnstalleerd.<p>Sinds vandaag zijn we helemaal klaar voor de elektrificatie van de auto. De bestelling van een nieuwe wagen is al een tijdje geleden gebeurd, de laadpaal is vandaag geïnstalleerd.</p> <p><img src="https://bckn.be/img/laadpaal.jpeg" alt="image" /></p>autolaadpaalpersoonlijkhttps://bckn.be/posts/welkomindetoekomst/https://bckn.be/posts/mijnloopjaar2024/Fri, 13 Dec 2024 13:45:44 +0100stefan@bckn.be (Stefan Bocken) Nu jaar stilaan op zijn einde loopt komen de overzichten ook weer langs. Het lopen is abrupt gestopt in 2023 door een blessure en de goesting om terug te beginnen was er in 2024 wel maar het voelde niet hetzelfde als ervoor. Ik keek er telkens tegen op om weer &amp;ldquo;van nul&amp;rdquo; te beginnen. Trainingsdoelen De Strava trainingsdoelen heb ik meer niet gehaald dan wel dus ik schrok er van dat ik toch nog een 250km gelopen heb in 2024. Ver onder de 1.000km!<p>Nu jaar stilaan op zijn einde loopt komen de overzichten ook weer langs. Het lopen is abrupt gestopt in 2023 door een blessure en de goesting om terug te beginnen was er in 2024 wel maar het voelde niet hetzelfde als ervoor. Ik keek er telkens tegen op om weer &ldquo;van nul&rdquo; te beginnen.</p> <h3 id="trainingsdoelen" > <div> Trainingsdoelen </div> </h3> <p>De Strava trainingsdoelen heb ik meer niet gehaald dan wel dus ik schrok er van dat ik toch nog een 250km gelopen heb in 2024. Ver onder de 1.000km!</p> <p><img src="https://bckn.be/img/mijnloopjaar2024/strava2024.jpeg" alt="image" /></p> <h3 id="wat-brengt-2025" > <div> Wat brengt 2025 </div> </h3> <p>Momenteel staan er niets gepland. Ik heb me zelf voorgenomen om meer te gaan lopen en dat zal starten met 3x per week. Daarna zien we wel weer verder.</p>lopenmarathonterugblikpersoonlijklopenhttps://bckn.be/posts/mijnloopjaar2024/https://bckn.be/2023/01/02/Mijn%20loopjaar%202022/Wed, 04 Jan 2023 10:11:01 +0100stefan@bckn.be (Stefan Bocken) Nu het nieuwe jaar is begonnen is het stilaan tijd om een keer terug te kijken naar 2022 en te overlopen wat ik gepresteerd heb. 3 wedstrijden Allereerst was er de Antwerp Park Run. Een nieuwe wedstrijd door de parken Park Groot Schijn, Ertbrugge, het gemeentepark Bremweide en het Rivierenhof. Zie Antwerp Park Run voor de details. Voor de zoveelste keer stond de Antwerp 10 miles op de planning. Een jaarlijkse terugkerende afspraak die ik in 2023 links ga laten liggen door de Rotterdam Marathon. De tweede Antwerp Marathon. Jammer genoeg geen avond/nachteditie meer. Het resultaat viel me tegen zoals jullie al konden lezen in 2de marathon - 2de finish. Trainingsdoelen Via Strava kan je een wekelijks en een jaarlijks doel instellen. Voor 2022 stond dit op 30/35km per week en 1.500km op een jaar. Ik ben gestrand op 1.404,2km waar ik enorm trots op ben. Voor volgend jaar mik ik richting 2.000km (en een 40km per week).<p>Nu het nieuwe jaar is begonnen is het stilaan tijd om een keer terug te kijken naar 2022 en te overlopen wat ik gepresteerd heb.</p> <h3 id="3-wedstrijden" > <div> 3 wedstrijden </div> </h3> <ol> <li>Allereerst was er de Antwerp Park Run. Een nieuwe wedstrijd door de parken Park Groot Schijn, Ertbrugge, het gemeentepark Bremweide en het Rivierenhof. Zie <a href="https://bckn.be/2022/01/26/Antwerp%20Park%20Run/" title="Antwerp Park Run" target="_blank" rel="noopener">Antwerp Park Run</a> voor de details.</li> <li>Voor de zoveelste keer stond de Antwerp 10 miles op de planning. Een jaarlijkse terugkerende afspraak die ik in 2023 links ga laten liggen door de Rotterdam Marathon.</li> <li>De tweede Antwerp Marathon. Jammer genoeg geen avond/nachteditie meer. Het resultaat viel me tegen zoals jullie al konden lezen in <a href="https://bckn.be/2022/09/13/2de%20marathon%20-%202de%20finish/" title="2de marathon - 2de finish" target="_blank" rel="noopener">2de marathon - 2de finish</a>.</li> </ol> <h3 id="trainingsdoelen" > <div> Trainingsdoelen </div> </h3> <p>Via Strava kan je een wekelijks en een jaarlijks doel instellen. Voor 2022 stond dit op 30/35km per week en 1.500km op een jaar. Ik ben gestrand op 1.404,2km waar ik enorm trots op ben. Voor volgend jaar mik ik richting 2.000km (en een 40km per week).</p> <ul class="gallery_new" data-gallery-id="0001" data-show-alt="false"> <li class="gallery-item"> <img src="https://bckn.be/2023/01/02/Mijn%20loopjaar%202022/images/20230102_101603687_iOS.jpg" alt="Image 1" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2023/01/02/Mijn%20loopjaar%202022/images/20230102_104831573_iOS.jpg" alt=" Image 2" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2023/01/02/Mijn%20loopjaar%202022/images/20230102_104907876_iOS.jpg" alt=" Image 3" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2023/01/02/Mijn%20loopjaar%202022/images/20230102_104907932_iOS.jpg" alt=" Image 4" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> </ul> <style> .gallery_new { column-count: 1; column-gap: 10px; margin: 0; padding: 0; width: 100%; } .gallery-item { list-style-type: none; display: inline-block; width: 100%; padding-bottom: 10px; break-inside: avoid; } .gallery-item img { width: 100%; height: auto; cursor: pointer; } @media (min-width: 1000px) { .gallery_new { column-count: 2; } } .lightbox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px); } .lightbox-img-container { position: relative; max-width: calc(100% - 150px); max-height: calc(100% - 150px); } .lightbox-img-container img { max-width: 100%; display: block; margin: auto; max-height: calc(100vh - 150px); } .lightbox-close-button { position: absolute; top: 5px; right: 5px; background: none; border: none; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); font-size: 1em; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; cursor: pointer; opacity: 0; transition: opacity 0.3s; } .show-close-button .lightbox-close-button { opacity: 1; } .lightbox-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; filter: blur(8px); z-index: -1; } .lightbox-button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; font-size: 2em; cursor: pointer; opacity: 0; transition: opacity 0.3s; padding: 0.5vw; border-radius: 8px; height: 80%; } .lightbox-button:hover { opacity: 1; background: rgba(0, 0, 0, 0.3); } .lightbox-button-left { left: 0px; } .lightbox-button-right { right: 0px; } </style> <script> function initGallery(gallery) { gallery.addEventListener('click', function (event) { if (event.target.classList.contains('clickable-image')) { const clickedImage = event.target; const showAlt = false ; const images = gallery.querySelectorAll('.clickable-image'); const image = event.target; if (window.innerWidth >= 1000) { const lightbox = document.createElement('div'); lightbox.classList.add('lightbox'); const imgContainer = document.createElement('div'); imgContainer.classList.add('lightbox-img-container'); const img = document.createElement('img'); img.src = image.src; const caption = document.createElement('div'); caption.classList.add('lightbox-caption'); caption.innerHTML = image.alt; imgContainer.appendChild(img); if (showAlt) { imgContainer.appendChild(caption); } img.dataset.currentIndex = Array.from(images).indexOf(event.target); img.style.maxWidth = '100%'; const closeButton = document.createElement('button'); closeButton.innerHTML = 'X'; closeButton.classList.add('lightbox-close-button'); const buttonLeft = document.createElement('button'); buttonLeft.innerHTML = '‹'; buttonLeft.classList.add('lightbox-button', 'lightbox-button-left'); const buttonRight = document.createElement('button'); buttonRight.innerHTML = '›'; buttonRight.classList.add('lightbox-button', 'lightbox-button-right'); imgContainer.appendChild(img); imgContainer.appendChild(closeButton); imgContainer.appendChild(buttonLeft); imgContainer.appendChild(buttonRight); lightbox.appendChild(imgContainer); document.body.appendChild(lightbox); function updateImage(imgIndex) { if (imgIndex >= 0 && imgIndex < images.length) { img.src = images[imgIndex].src; img.alt = images[imgIndex].alt; img.dataset.currentIndex = imgIndex; caption.innerHTML = images[imgIndex].alt; } } imgContainer.addEventListener('click', function(event) { if (event.target === img) { const currentIndex = parseInt(img.dataset.currentIndex, 10); const imgRect = img.getBoundingClientRect(); const isClickedOnLeftSide = event.clientX < imgRect.left + (imgRect.width / 2); let newIndex; if (isClickedOnLeftSide) { newIndex = (currentIndex - 1 + images.length) % images.length; } else { newIndex = (currentIndex + 1) % images.length; } updateImage(newIndex); } }); buttonLeft.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex - 1 + images.length) % images.length; updateImage(newIndex); }); buttonRight.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex + 1) % images.length; updateImage(newIndex); }); closeButton.addEventListener('click', function() { document.body.removeChild(lightbox); }); lightbox.addEventListener('click', function(event) { if (event.target === this) { document.body.removeChild(lightbox); } }); lightbox.addEventListener('mousemove', function(event) { const closeButtonRect = closeButton.getBoundingClientRect(); const buffer = 50; const isMouseNearCloseButton = event.clientX >= (closeButtonRect.left - buffer) && event.clientX <= (closeButtonRect.right + buffer) && event.clientY >= (closeButtonRect.top - buffer) && event.clientY <= (closeButtonRect.bottom + buffer); if (isMouseNearCloseButton) { imgContainer.classList.add('show-close-button'); } else { imgContainer.classList.remove('show-close-button'); } }); lightbox.addEventListener('mousemove', function(event) { const buttonRectLeft = buttonLeft.getBoundingClientRect(); const buttonRectRight = buttonRight.getBoundingClientRect(); const distanceLeft = Math.hypot( event.clientX - (buttonRectLeft.left + buttonRectLeft.width / 2), event.clientY - (buttonRectLeft.top + buttonRectLeft.height / 2) ); const distanceRight = Math.hypot( event.clientX - (buttonRectRight.left + buttonRectRight.width / 2), event.clientY - (buttonRectRight.top + buttonRectRight.height / 2) ); const maxDistance = 100; buttonLeft.style.opacity = Math.max(0, 1 - distanceLeft / maxDistance); buttonRight.style.opacity = Math.max(0, 1 - distanceRight / maxDistance); }); } } }); } document.querySelectorAll('.gallery_new').forEach(initGallery); </script> <h3 id="wat-brengt-2023" > <div> Wat brengt 2023 </div> </h3> <p>Momenteel staan er al twee wedstrijden gepland. Allereerst een halve marathon bij de tweede editie van de Antwerp Park Run (met een leuke tussenstop in het bosuilstadion dat in 1923 zijn 100-jarig bestaan viert). Daarnaast ga ik voor mijn derde marathon in Rotterdam waar ik &ldquo;de mooiste&rdquo; ga lopen.</p>lopenmarathonterugblikpersoonlijklopenhttps://bckn.be/2023/01/02/Mijn%20loopjaar%202022/https://bckn.be/2022/12/12/Op%20zoek%20naar%20een%20loodgieter/Mon, 12 Dec 2022 07:11:01 +0100stefan@bckn.be (Stefan Bocken) Na onze laatste afrekening van Pidpa bleken we ineens veel meer verbruikt te hebben. Aangezien ons verbruik niet drastisch omhoog gegaan was tijdens het afgelopen jaar vermoedden we een lek. Na een check van watermeterstanden, zonder op dat moment te verbruiken, was het duidelijk dat er effectief een lek is. Gisteren (zondag) ging ik op een fijne zoektocht in de kruipkelder. Eens in de kruipkelder was het al snel duidelijk waar het probleem is. Nu kunnen we dus op zoek naar een loodgieter.<p>Na onze laatste afrekening van Pidpa bleken we ineens veel meer verbruikt te hebben. Aangezien ons verbruik niet drastisch omhoog gegaan was tijdens het afgelopen jaar vermoedden we een lek.</p> <p>Na een check van watermeterstanden, zonder op dat moment te verbruiken, was het duidelijk dat er effectief een lek is. Gisteren (zondag) ging ik op een fijne zoektocht in de kruipkelder. Eens in de kruipkelder was het al snel duidelijk waar het probleem is. Nu kunnen we dus op zoek naar een loodgieter.</p> <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"> <iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/bTKyUFLj58I?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe> </div>Huispersoonlijkhttps://bckn.be/2022/12/12/Op%20zoek%20naar%20een%20loodgieter/https://bckn.be/2022/10/17/Emiels%20eerste%20Chiroweekend/Mon, 17 Oct 2022 19:11:01 +0200stefan@bckn.be (Stefan Bocken) Afgelopen weekend is Emiel voor het eerst op Chiro weekend vertrokken. Met een klein hartje en al weken de nodige stress brachten we hem vrijdagavond met twee chirovriendjes naar de lokalen van Chiro Klinker in Hoboken. Emiel was duidelijk niet de enige met zenuwen. Wat een korte drop-off moest worden duurde net iets langer door de te kleine lokalen. Na een tetris-spelletje en veel schuiven met de veldbedden en luchtmatrassen had iedereen zijn slaapplekje gevonden. Snel vertrokken wij weer naar huis, waarschijnlijk zenuwachtiger dan Emiel.<p>Afgelopen weekend is Emiel voor het eerst op Chiro weekend vertrokken. Met een klein hartje en al weken de nodige stress brachten we hem vrijdagavond met twee chirovriendjes naar de lokalen van Chiro Klinker in Hoboken. Emiel was duidelijk niet de enige met zenuwen.</p> <p><img src="https://bckn.be/img/IMG_7720.jpeg" alt="image" /></p> <p>Wat een korte drop-off moest worden duurde net iets langer door de te kleine lokalen. Na een tetris-spelletje en veel schuiven met de veldbedden en luchtmatrassen had iedereen zijn slaapplekje gevonden. Snel vertrokken wij weer naar huis, waarschijnlijk zenuwachtiger dan Emiel.</p> <h3 id="lang-leve-sociale-media" > <div> Lang leve Sociale Media </div> </h3> <p>Mijn zenuwachtigheid was groter dan die van Kristl. Hoe zou hij het doen, zou hij het leuk vinden, zou hij terug meewillen,… allemaal vragen waar je normaal geen antwoord op krijgt tot je elkaar zondagmiddag terug ziet. Tot een instagrampost met enkel lachende gezichten je volledig gerust stelt.</p> <ul class="gallery_new" data-gallery-id="0001" data-show-alt="false"> <li class="gallery-item"> <img src="https://bckn.be/2022/10/17/Emiels%20eerste%20Chiroweekend/images/weekend/IMG_7723.jpeg" alt="Image 1" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/10/17/Emiels%20eerste%20Chiroweekend/images/weekend/IMG_7725.jpeg" alt=" Image 2" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> </ul> <style> .gallery_new { column-count: 1; column-gap: 10px; margin: 0; padding: 0; width: 100%; } .gallery-item { list-style-type: none; display: inline-block; width: 100%; padding-bottom: 10px; break-inside: avoid; } .gallery-item img { width: 100%; height: auto; cursor: pointer; } @media (min-width: 1000px) { .gallery_new { column-count: 3; } } .lightbox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px); } .lightbox-img-container { position: relative; max-width: calc(100% - 150px); max-height: calc(100% - 150px); } .lightbox-img-container img { max-width: 100%; display: block; margin: auto; max-height: calc(100vh - 150px); } .lightbox-close-button { position: absolute; top: 5px; right: 5px; background: none; border: none; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); font-size: 1em; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; cursor: pointer; opacity: 0; transition: opacity 0.3s; } .show-close-button .lightbox-close-button { opacity: 1; } .lightbox-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; filter: blur(8px); z-index: -1; } .lightbox-button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; font-size: 2em; cursor: pointer; opacity: 0; transition: opacity 0.3s; padding: 0.5vw; border-radius: 8px; height: 80%; } .lightbox-button:hover { opacity: 1; background: rgba(0, 0, 0, 0.3); } .lightbox-button-left { left: 0px; } .lightbox-button-right { right: 0px; } </style> <script> function initGallery(gallery) { gallery.addEventListener('click', function (event) { if (event.target.classList.contains('clickable-image')) { const clickedImage = event.target; const showAlt = false ; const images = gallery.querySelectorAll('.clickable-image'); const image = event.target; if (window.innerWidth >= 1000) { const lightbox = document.createElement('div'); lightbox.classList.add('lightbox'); const imgContainer = document.createElement('div'); imgContainer.classList.add('lightbox-img-container'); const img = document.createElement('img'); img.src = image.src; const caption = document.createElement('div'); caption.classList.add('lightbox-caption'); caption.innerHTML = image.alt; imgContainer.appendChild(img); if (showAlt) { imgContainer.appendChild(caption); } img.dataset.currentIndex = Array.from(images).indexOf(event.target); img.style.maxWidth = '100%'; const closeButton = document.createElement('button'); closeButton.innerHTML = 'X'; closeButton.classList.add('lightbox-close-button'); const buttonLeft = document.createElement('button'); buttonLeft.innerHTML = '‹'; buttonLeft.classList.add('lightbox-button', 'lightbox-button-left'); const buttonRight = document.createElement('button'); buttonRight.innerHTML = '›'; buttonRight.classList.add('lightbox-button', 'lightbox-button-right'); imgContainer.appendChild(img); imgContainer.appendChild(closeButton); imgContainer.appendChild(buttonLeft); imgContainer.appendChild(buttonRight); lightbox.appendChild(imgContainer); document.body.appendChild(lightbox); function updateImage(imgIndex) { if (imgIndex >= 0 && imgIndex < images.length) { img.src = images[imgIndex].src; img.alt = images[imgIndex].alt; img.dataset.currentIndex = imgIndex; caption.innerHTML = images[imgIndex].alt; } } imgContainer.addEventListener('click', function(event) { if (event.target === img) { const currentIndex = parseInt(img.dataset.currentIndex, 10); const imgRect = img.getBoundingClientRect(); const isClickedOnLeftSide = event.clientX < imgRect.left + (imgRect.width / 2); let newIndex; if (isClickedOnLeftSide) { newIndex = (currentIndex - 1 + images.length) % images.length; } else { newIndex = (currentIndex + 1) % images.length; } updateImage(newIndex); } }); buttonLeft.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex - 1 + images.length) % images.length; updateImage(newIndex); }); buttonRight.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex + 1) % images.length; updateImage(newIndex); }); closeButton.addEventListener('click', function() { document.body.removeChild(lightbox); }); lightbox.addEventListener('click', function(event) { if (event.target === this) { document.body.removeChild(lightbox); } }); lightbox.addEventListener('mousemove', function(event) { const closeButtonRect = closeButton.getBoundingClientRect(); const buffer = 50; const isMouseNearCloseButton = event.clientX >= (closeButtonRect.left - buffer) && event.clientX <= (closeButtonRect.right + buffer) && event.clientY >= (closeButtonRect.top - buffer) && event.clientY <= (closeButtonRect.bottom + buffer); if (isMouseNearCloseButton) { imgContainer.classList.add('show-close-button'); } else { imgContainer.classList.remove('show-close-button'); } }); lightbox.addEventListener('mousemove', function(event) { const buttonRectLeft = buttonLeft.getBoundingClientRect(); const buttonRectRight = buttonRight.getBoundingClientRect(); const distanceLeft = Math.hypot( event.clientX - (buttonRectLeft.left + buttonRectLeft.width / 2), event.clientY - (buttonRectLeft.top + buttonRectLeft.height / 2) ); const distanceRight = Math.hypot( event.clientX - (buttonRectRight.left + buttonRectRight.width / 2), event.clientY - (buttonRectRight.top + buttonRectRight.height / 2) ); const maxDistance = 100; buttonLeft.style.opacity = Math.max(0, 1 - distanceLeft / maxDistance); buttonRight.style.opacity = Math.max(0, 1 - distanceRight / maxDistance); }); } } }); } document.querySelectorAll('.gallery_new').forEach(initGallery); </script> <h3 id="ophalen" > <div> Ophalen </div> </h3> <p>Op zondag ben ik Emiel in Hoboken terug gaan ophalen. Emiel zijn eerste reactie: “Dat was kei leuk en helemaal niet eng! En ja ik wil op kamp.”. Van een groot succes gesproken. Na een bezoekje bij nonkel Louis was het ineens wel erg stil in de auto.</p> <p><img src="https://bckn.be/images/IMG_7740.jpeg" alt="image" /></p> <p>Een geslaagd Chiro weekend 😍</p>EmielChiroChiroweekendpersoonlijkhttps://bckn.be/2022/10/17/Emiels%20eerste%20Chiroweekend/https://bckn.be/2022/09/13/2de%20marathon%20-%202de%20finish/Tue, 13 Sep 2022 19:11:01 +0200stefan@bckn.be (Stefan Bocken) Op zondag 11 september was het zo ver, de start van mijn tweede marathon. De doelstellingen aangepast en realistischer gemaakt, of dat dacht ik toch. 6min/km over 42,195km, dan kom je op een tijd van 4u12 en loop ik een stevig PR. In tegenstelling tot vorige keer, waar het minder begon te gaan op km 30, begon de miserie nu vroeger. Een misselijk gevoel, geen extra calorieën meer binnenkrijgen en dan volgt de spreekwoordelijke man met de hamer snel. Hier ga ik toch op moeten trainen voor een volgende marathon.<p>Op zondag 11 september was het zo ver, de start van mijn tweede marathon. De doelstellingen aangepast en realistischer gemaakt, of dat dacht ik toch. 6min/km over 42,195km, dan kom je op een tijd van 4u12 en loop ik een stevig PR.</p> <p>In tegenstelling tot vorige keer, waar het minder begon te gaan op km 30, begon de miserie nu vroeger. Een misselijk gevoel, geen extra calorieën meer binnenkrijgen en dan volgt de spreekwoordelijke man met de hamer snel. Hier ga ik toch op moeten trainen voor een volgende marathon.</p> <ul class="gallery_new" data-gallery-id="0001" data-show-alt="false"> <li class="gallery-item"> <img src="https://bckn.be/2022/09/13/2de%20marathon%20-%202de%20finish/images/begin/52355799168_b5e585b784_w.jpg" alt="Image 1" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/09/13/2de%20marathon%20-%202de%20finish/images/begin/52355800358_1ff30d54c0_w.jpg" alt=" Image 2" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/09/13/2de%20marathon%20-%202de%20finish/images/begin/52355800708_c988d625e9_w.jpg" alt=" Image 3" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/09/13/2de%20marathon%20-%202de%20finish/images/begin/52355877514_8c679a6d50_w.jpg" alt=" Image 4" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/09/13/2de%20marathon%20-%202de%20finish/images/begin/52355982770_905a9f76d8_w.jpg" alt=" Image 5" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> </ul> <style> .gallery_new { column-count: 1; column-gap: 10px; margin: 0; padding: 0; width: 100%; } .gallery-item { list-style-type: none; display: inline-block; width: 100%; padding-bottom: 10px; break-inside: avoid; } .gallery-item img { width: 100%; height: auto; cursor: pointer; } @media (min-width: 1000px) { .gallery_new { column-count: 3; } } .lightbox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px); } .lightbox-img-container { position: relative; max-width: calc(100% - 150px); max-height: calc(100% - 150px); } .lightbox-img-container img { max-width: 100%; display: block; margin: auto; max-height: calc(100vh - 150px); } .lightbox-close-button { position: absolute; top: 5px; right: 5px; background: none; border: none; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); font-size: 1em; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; cursor: pointer; opacity: 0; transition: opacity 0.3s; } .show-close-button .lightbox-close-button { opacity: 1; } .lightbox-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; filter: blur(8px); z-index: -1; } .lightbox-button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; font-size: 2em; cursor: pointer; opacity: 0; transition: opacity 0.3s; padding: 0.5vw; border-radius: 8px; height: 80%; } .lightbox-button:hover { opacity: 1; background: rgba(0, 0, 0, 0.3); } .lightbox-button-left { left: 0px; } .lightbox-button-right { right: 0px; } </style> <script> function initGallery(gallery) { gallery.addEventListener('click', function (event) { if (event.target.classList.contains('clickable-image')) { const clickedImage = event.target; const showAlt = false ; const images = gallery.querySelectorAll('.clickable-image'); const image = event.target; if (window.innerWidth >= 1000) { const lightbox = document.createElement('div'); lightbox.classList.add('lightbox'); const imgContainer = document.createElement('div'); imgContainer.classList.add('lightbox-img-container'); const img = document.createElement('img'); img.src = image.src; const caption = document.createElement('div'); caption.classList.add('lightbox-caption'); caption.innerHTML = image.alt; imgContainer.appendChild(img); if (showAlt) { imgContainer.appendChild(caption); } img.dataset.currentIndex = Array.from(images).indexOf(event.target); img.style.maxWidth = '100%'; const closeButton = document.createElement('button'); closeButton.innerHTML = 'X'; closeButton.classList.add('lightbox-close-button'); const buttonLeft = document.createElement('button'); buttonLeft.innerHTML = '‹'; buttonLeft.classList.add('lightbox-button', 'lightbox-button-left'); const buttonRight = document.createElement('button'); buttonRight.innerHTML = '›'; buttonRight.classList.add('lightbox-button', 'lightbox-button-right'); imgContainer.appendChild(img); imgContainer.appendChild(closeButton); imgContainer.appendChild(buttonLeft); imgContainer.appendChild(buttonRight); lightbox.appendChild(imgContainer); document.body.appendChild(lightbox); function updateImage(imgIndex) { if (imgIndex >= 0 && imgIndex < images.length) { img.src = images[imgIndex].src; img.alt = images[imgIndex].alt; img.dataset.currentIndex = imgIndex; caption.innerHTML = images[imgIndex].alt; } } imgContainer.addEventListener('click', function(event) { if (event.target === img) { const currentIndex = parseInt(img.dataset.currentIndex, 10); const imgRect = img.getBoundingClientRect(); const isClickedOnLeftSide = event.clientX < imgRect.left + (imgRect.width / 2); let newIndex; if (isClickedOnLeftSide) { newIndex = (currentIndex - 1 + images.length) % images.length; } else { newIndex = (currentIndex + 1) % images.length; } updateImage(newIndex); } }); buttonLeft.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex - 1 + images.length) % images.length; updateImage(newIndex); }); buttonRight.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex + 1) % images.length; updateImage(newIndex); }); closeButton.addEventListener('click', function() { document.body.removeChild(lightbox); }); lightbox.addEventListener('click', function(event) { if (event.target === this) { document.body.removeChild(lightbox); } }); lightbox.addEventListener('mousemove', function(event) { const closeButtonRect = closeButton.getBoundingClientRect(); const buffer = 50; const isMouseNearCloseButton = event.clientX >= (closeButtonRect.left - buffer) && event.clientX <= (closeButtonRect.right + buffer) && event.clientY >= (closeButtonRect.top - buffer) && event.clientY <= (closeButtonRect.bottom + buffer); if (isMouseNearCloseButton) { imgContainer.classList.add('show-close-button'); } else { imgContainer.classList.remove('show-close-button'); } }); lightbox.addEventListener('mousemove', function(event) { const buttonRectLeft = buttonLeft.getBoundingClientRect(); const buttonRectRight = buttonRight.getBoundingClientRect(); const distanceLeft = Math.hypot( event.clientX - (buttonRectLeft.left + buttonRectLeft.width / 2), event.clientY - (buttonRectLeft.top + buttonRectLeft.height / 2) ); const distanceRight = Math.hypot( event.clientX - (buttonRectRight.left + buttonRectRight.width / 2), event.clientY - (buttonRectRight.top + buttonRectRight.height / 2) ); const maxDistance = 100; buttonLeft.style.opacity = Math.max(0, 1 - distanceLeft / maxDistance); buttonRight.style.opacity = Math.max(0, 1 - distanceRight / maxDistance); }); } } }); } document.querySelectorAll('.gallery_new').forEach(initGallery); </script> <p>De inzinking was zo groot dat ik na 30km wou stoppen. Gelukkig kon ik rekenen op mijn supporters om toch door te zetten. 12km kunnen lang zijn, gelukkig was Bart De wever zo vriendelijk om samen met mij op de foto te gaan aan het stadhuis en zo strompelde we verder richting finish.</p> <p><img src="https://bckn.be/images/BartDeWever.jpg" alt="image" /></p> <p>Aan de finish stonden Kristl en Emiel me op te wachten met een leuke verrassing. Emiel was op’t parcours gekomen en samen liepen we de laatste meters tot aan de finish.</p> <ul class="gallery_new" data-gallery-id="0001" data-show-alt="false"> <li class="gallery-item"> <img src="https://bckn.be/2022/09/13/2de%20marathon%20-%202de%20finish/images/einde/52355561121_7293298dca_w.jpg" alt="Image 1" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/09/13/2de%20marathon%20-%202de%20finish/images/einde/52355878139_df30570f30_w.jpg" alt=" Image 2" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/09/13/2de%20marathon%20-%202de%20finish/images/einde/52355878244_98076888dd_w.jpg" alt=" Image 3" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> </ul> <style> .gallery_new { column-count: 1; column-gap: 10px; margin: 0; padding: 0; width: 100%; } .gallery-item { list-style-type: none; display: inline-block; width: 100%; padding-bottom: 10px; break-inside: avoid; } .gallery-item img { width: 100%; height: auto; cursor: pointer; } @media (min-width: 1000px) { .gallery_new { column-count: 3; } } .lightbox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px); } .lightbox-img-container { position: relative; max-width: calc(100% - 150px); max-height: calc(100% - 150px); } .lightbox-img-container img { max-width: 100%; display: block; margin: auto; max-height: calc(100vh - 150px); } .lightbox-close-button { position: absolute; top: 5px; right: 5px; background: none; border: none; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); font-size: 1em; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; cursor: pointer; opacity: 0; transition: opacity 0.3s; } .show-close-button .lightbox-close-button { opacity: 1; } .lightbox-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; filter: blur(8px); z-index: -1; } .lightbox-button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; font-size: 2em; cursor: pointer; opacity: 0; transition: opacity 0.3s; padding: 0.5vw; border-radius: 8px; height: 80%; } .lightbox-button:hover { opacity: 1; background: rgba(0, 0, 0, 0.3); } .lightbox-button-left { left: 0px; } .lightbox-button-right { right: 0px; } </style> <script> function initGallery(gallery) { gallery.addEventListener('click', function (event) { if (event.target.classList.contains('clickable-image')) { const clickedImage = event.target; const showAlt = false ; const images = gallery.querySelectorAll('.clickable-image'); const image = event.target; if (window.innerWidth >= 1000) { const lightbox = document.createElement('div'); lightbox.classList.add('lightbox'); const imgContainer = document.createElement('div'); imgContainer.classList.add('lightbox-img-container'); const img = document.createElement('img'); img.src = image.src; const caption = document.createElement('div'); caption.classList.add('lightbox-caption'); caption.innerHTML = image.alt; imgContainer.appendChild(img); if (showAlt) { imgContainer.appendChild(caption); } img.dataset.currentIndex = Array.from(images).indexOf(event.target); img.style.maxWidth = '100%'; const closeButton = document.createElement('button'); closeButton.innerHTML = 'X'; closeButton.classList.add('lightbox-close-button'); const buttonLeft = document.createElement('button'); buttonLeft.innerHTML = '‹'; buttonLeft.classList.add('lightbox-button', 'lightbox-button-left'); const buttonRight = document.createElement('button'); buttonRight.innerHTML = '›'; buttonRight.classList.add('lightbox-button', 'lightbox-button-right'); imgContainer.appendChild(img); imgContainer.appendChild(closeButton); imgContainer.appendChild(buttonLeft); imgContainer.appendChild(buttonRight); lightbox.appendChild(imgContainer); document.body.appendChild(lightbox); function updateImage(imgIndex) { if (imgIndex >= 0 && imgIndex < images.length) { img.src = images[imgIndex].src; img.alt = images[imgIndex].alt; img.dataset.currentIndex = imgIndex; caption.innerHTML = images[imgIndex].alt; } } imgContainer.addEventListener('click', function(event) { if (event.target === img) { const currentIndex = parseInt(img.dataset.currentIndex, 10); const imgRect = img.getBoundingClientRect(); const isClickedOnLeftSide = event.clientX < imgRect.left + (imgRect.width / 2); let newIndex; if (isClickedOnLeftSide) { newIndex = (currentIndex - 1 + images.length) % images.length; } else { newIndex = (currentIndex + 1) % images.length; } updateImage(newIndex); } }); buttonLeft.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex - 1 + images.length) % images.length; updateImage(newIndex); }); buttonRight.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex + 1) % images.length; updateImage(newIndex); }); closeButton.addEventListener('click', function() { document.body.removeChild(lightbox); }); lightbox.addEventListener('click', function(event) { if (event.target === this) { document.body.removeChild(lightbox); } }); lightbox.addEventListener('mousemove', function(event) { const closeButtonRect = closeButton.getBoundingClientRect(); const buffer = 50; const isMouseNearCloseButton = event.clientX >= (closeButtonRect.left - buffer) && event.clientX <= (closeButtonRect.right + buffer) && event.clientY >= (closeButtonRect.top - buffer) && event.clientY <= (closeButtonRect.bottom + buffer); if (isMouseNearCloseButton) { imgContainer.classList.add('show-close-button'); } else { imgContainer.classList.remove('show-close-button'); } }); lightbox.addEventListener('mousemove', function(event) { const buttonRectLeft = buttonLeft.getBoundingClientRect(); const buttonRectRight = buttonRight.getBoundingClientRect(); const distanceLeft = Math.hypot( event.clientX - (buttonRectLeft.left + buttonRectLeft.width / 2), event.clientY - (buttonRectLeft.top + buttonRectLeft.height / 2) ); const distanceRight = Math.hypot( event.clientX - (buttonRectRight.left + buttonRectRight.width / 2), event.clientY - (buttonRectRight.top + buttonRectRight.height / 2) ); const maxDistance = 100; buttonLeft.style.opacity = Math.max(0, 1 - distanceLeft / maxDistance); buttonRight.style.opacity = Math.max(0, 1 - distanceRight / maxDistance); }); } } }); } document.querySelectorAll('.gallery_new').forEach(initGallery); </script> <p>Mijn eindtijd: <b>4u 51 minuten en 32 seconden</b> <br /> Geen PR, wel blij met mijn 2de finish op rij.<br /> <br /> Next up: <a href="https://www.nnmarathonrotterdam.nl">De Mooiste</a>.</p> <p style="font-size: 10px;">Photo credits <a href="https://www.sportograf.com">Sportograf.com</a></p>lopenmarathonAntwerp Marathonpersoonlijklopenhttps://bckn.be/2022/09/13/2de%20marathon%20-%202de%20finish/https://bckn.be/2022/07/01/Vaderklapweekend%202022/Fri, 01 Jul 2022 19:11:01 +0200stefan@bckn.be (Stefan Bocken) Eindelijk, het vaderklapweekend kon door gaan! We hebben er sinds 2020 op moeten wachten en na al die tijd konden we er nu van gaan genieten. Vaderklapwat? Vaderdagklap of het Vaderklapweekens is een festival voor vaders en kinderen, zonder muziek maar met tal van leuke activiteiten en attracties. Van springkastelen tot sumoworstelen en zowaar een groot nerf-gevecht. ’s avonds nog lekker smullen van marshmallows aan een kampvuur om daarna samen in je tent te kruipen. De volgende ochtend kan je verder genieten van zowel de Vaderklap-activiteiten als het provinciedomein Halve Maan in Diest.<p>Eindelijk, het vaderklapweekend kon door gaan! We hebben er sinds 2020 op moeten wachten en na al die tijd konden we er nu van gaan genieten.</p> <h3 id="vaderklapwat" > <div> Vaderklapwat? </div> </h3> <p>Vaderdagklap of het Vaderklapweekens is een festival voor vaders en kinderen, zonder muziek maar met tal van leuke activiteiten en attracties. Van springkastelen tot sumoworstelen en zowaar een groot nerf-gevecht. ’s avonds nog lekker smullen van marshmallows aan een kampvuur om daarna samen in je tent te kruipen. De volgende ochtend kan je verder genieten van zowel de Vaderklap-activiteiten als het provinciedomein Halve Maan in Diest.</p> <h3 id="ons-weekend" > <div> Ons weekend </div> </h3> <p>Met een veel te volle auto vertrokken we richting Diest, met een aangepaste playlist volle bak in de auto stonden we een uurtje later aan het provinciedomein klaar om onze tent op te stellen. Na de aanmelding mochten we zelf een plaatsje kiezen en al snel waren we klaar om op de evenementenweide alles te ontdekken.</p> <ul class="gallery_new" data-gallery-id="0001" data-show-alt="false"> <li class="gallery-item"> <img src="https://bckn.be/2022/07/01/Vaderklapweekend%202022/images/aankomst/20220625_113518656_iOS%20Large.jpeg" alt="Image 1" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/07/01/Vaderklapweekend%202022/images/aankomst/20220625_135320651_iOS%20Large.jpeg" alt=" Image 2" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> </ul> <style> .gallery_new { column-count: 1; column-gap: 10px; margin: 0; padding: 0; width: 100%; } .gallery-item { list-style-type: none; display: inline-block; width: 100%; padding-bottom: 10px; break-inside: avoid; } .gallery-item img { width: 100%; height: auto; cursor: pointer; } @media (min-width: 1000px) { .gallery_new { column-count: 3; } } .lightbox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px); } .lightbox-img-container { position: relative; max-width: calc(100% - 150px); max-height: calc(100% - 150px); } .lightbox-img-container img { max-width: 100%; display: block; margin: auto; max-height: calc(100vh - 150px); } .lightbox-close-button { position: absolute; top: 5px; right: 5px; background: none; border: none; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); font-size: 1em; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; cursor: pointer; opacity: 0; transition: opacity 0.3s; } .show-close-button .lightbox-close-button { opacity: 1; } .lightbox-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; filter: blur(8px); z-index: -1; } .lightbox-button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; font-size: 2em; cursor: pointer; opacity: 0; transition: opacity 0.3s; padding: 0.5vw; border-radius: 8px; height: 80%; } .lightbox-button:hover { opacity: 1; background: rgba(0, 0, 0, 0.3); } .lightbox-button-left { left: 0px; } .lightbox-button-right { right: 0px; } </style> <script> function initGallery(gallery) { gallery.addEventListener('click', function (event) { if (event.target.classList.contains('clickable-image')) { const clickedImage = event.target; const showAlt = false ; const images = gallery.querySelectorAll('.clickable-image'); const image = event.target; if (window.innerWidth >= 1000) { const lightbox = document.createElement('div'); lightbox.classList.add('lightbox'); const imgContainer = document.createElement('div'); imgContainer.classList.add('lightbox-img-container'); const img = document.createElement('img'); img.src = image.src; const caption = document.createElement('div'); caption.classList.add('lightbox-caption'); caption.innerHTML = image.alt; imgContainer.appendChild(img); if (showAlt) { imgContainer.appendChild(caption); } img.dataset.currentIndex = Array.from(images).indexOf(event.target); img.style.maxWidth = '100%'; const closeButton = document.createElement('button'); closeButton.innerHTML = 'X'; closeButton.classList.add('lightbox-close-button'); const buttonLeft = document.createElement('button'); buttonLeft.innerHTML = '‹'; buttonLeft.classList.add('lightbox-button', 'lightbox-button-left'); const buttonRight = document.createElement('button'); buttonRight.innerHTML = '›'; buttonRight.classList.add('lightbox-button', 'lightbox-button-right'); imgContainer.appendChild(img); imgContainer.appendChild(closeButton); imgContainer.appendChild(buttonLeft); imgContainer.appendChild(buttonRight); lightbox.appendChild(imgContainer); document.body.appendChild(lightbox); function updateImage(imgIndex) { if (imgIndex >= 0 && imgIndex < images.length) { img.src = images[imgIndex].src; img.alt = images[imgIndex].alt; img.dataset.currentIndex = imgIndex; caption.innerHTML = images[imgIndex].alt; } } imgContainer.addEventListener('click', function(event) { if (event.target === img) { const currentIndex = parseInt(img.dataset.currentIndex, 10); const imgRect = img.getBoundingClientRect(); const isClickedOnLeftSide = event.clientX < imgRect.left + (imgRect.width / 2); let newIndex; if (isClickedOnLeftSide) { newIndex = (currentIndex - 1 + images.length) % images.length; } else { newIndex = (currentIndex + 1) % images.length; } updateImage(newIndex); } }); buttonLeft.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex - 1 + images.length) % images.length; updateImage(newIndex); }); buttonRight.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex + 1) % images.length; updateImage(newIndex); }); closeButton.addEventListener('click', function() { document.body.removeChild(lightbox); }); lightbox.addEventListener('click', function(event) { if (event.target === this) { document.body.removeChild(lightbox); } }); lightbox.addEventListener('mousemove', function(event) { const closeButtonRect = closeButton.getBoundingClientRect(); const buffer = 50; const isMouseNearCloseButton = event.clientX >= (closeButtonRect.left - buffer) && event.clientX <= (closeButtonRect.right + buffer) && event.clientY >= (closeButtonRect.top - buffer) && event.clientY <= (closeButtonRect.bottom + buffer); if (isMouseNearCloseButton) { imgContainer.classList.add('show-close-button'); } else { imgContainer.classList.remove('show-close-button'); } }); lightbox.addEventListener('mousemove', function(event) { const buttonRectLeft = buttonLeft.getBoundingClientRect(); const buttonRectRight = buttonRight.getBoundingClientRect(); const distanceLeft = Math.hypot( event.clientX - (buttonRectLeft.left + buttonRectLeft.width / 2), event.clientY - (buttonRectLeft.top + buttonRectLeft.height / 2) ); const distanceRight = Math.hypot( event.clientX - (buttonRectRight.left + buttonRectRight.width / 2), event.clientY - (buttonRectRight.top + buttonRectRight.height / 2) ); const maxDistance = 100; buttonLeft.style.opacity = Math.max(0, 1 - distanceLeft / maxDistance); buttonRight.style.opacity = Math.max(0, 1 - distanceRight / maxDistance); }); } } }); } document.querySelectorAll('.gallery_new').forEach(initGallery); </script> <p>Alle activiteiten opnoemen zou teveel van het goede zijn daarom enkele sfeerbeelden.</p> <ul class="gallery_new" data-gallery-id="0001" data-show-alt="false"> <li class="gallery-item"> <img src="https://bckn.be/2022/07/01/Vaderklapweekend%202022/images/dag1/20220625_142136898_iOS%20Large.jpeg" alt="Image 1" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/07/01/Vaderklapweekend%202022/images/dag1/20220625_143405977_iOS%20Large.jpeg" alt=" Image 2" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/07/01/Vaderklapweekend%202022/images/dag1/20220625_150106623_iOS%20Large.jpeg" alt=" Image 3" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/07/01/Vaderklapweekend%202022/images/dag1/20220625_152957153_iOS%20Large.jpeg" alt=" Image 4" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/07/01/Vaderklapweekend%202022/images/dag1/20220625_171634505_iOS%20Large.jpeg" alt=" Image 5" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/07/01/Vaderklapweekend%202022/images/dag1/20220625_184400846_iOS%20Large.jpeg" alt="Image 6" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/07/01/Vaderklapweekend%202022/images/dag1/20220625_191203171_iOS%20Large.jpeg" alt="Image 7" class='clickable-image' data-gallery-id="0001" loading="lazy" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/07/01/Vaderklapweekend%202022/images/dag1/20220626_064500226_iOS%20Large.jpeg" alt="Image 8" class='clickable-image' data-gallery-id="0001" loading="lazy" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/07/01/Vaderklapweekend%202022/images/dag1/20220626_071803024_iOS%20Large.jpeg" alt="Image 9" class='clickable-image' data-gallery-id="0001" loading="lazy" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/07/01/Vaderklapweekend%202022/images/dag1/20220626_091151817_iOS%20Large.jpeg" alt="Image 10" class='clickable-image' data-gallery-id="0001" loading="lazy" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/07/01/Vaderklapweekend%202022/images/dag1/20220626_091509506_iOS%20Large.jpeg" alt="Image 11" class='clickable-image' data-gallery-id="0001" loading="lazy" /> </li> </ul> <style> .gallery_new { column-count: 1; column-gap: 10px; margin: 0; padding: 0; width: 100%; } .gallery-item { list-style-type: none; display: inline-block; width: 100%; padding-bottom: 10px; break-inside: avoid; } .gallery-item img { width: 100%; height: auto; cursor: pointer; } @media (min-width: 1000px) { .gallery_new { column-count: 3; } } .lightbox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px); } .lightbox-img-container { position: relative; max-width: calc(100% - 150px); max-height: calc(100% - 150px); } .lightbox-img-container img { max-width: 100%; display: block; margin: auto; max-height: calc(100vh - 150px); } .lightbox-close-button { position: absolute; top: 5px; right: 5px; background: none; border: none; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); font-size: 1em; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; cursor: pointer; opacity: 0; transition: opacity 0.3s; } .show-close-button .lightbox-close-button { opacity: 1; } .lightbox-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; filter: blur(8px); z-index: -1; } .lightbox-button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; font-size: 2em; cursor: pointer; opacity: 0; transition: opacity 0.3s; padding: 0.5vw; border-radius: 8px; height: 80%; } .lightbox-button:hover { opacity: 1; background: rgba(0, 0, 0, 0.3); } .lightbox-button-left { left: 0px; } .lightbox-button-right { right: 0px; } </style> <script> function initGallery(gallery) { gallery.addEventListener('click', function (event) { if (event.target.classList.contains('clickable-image')) { const clickedImage = event.target; const showAlt = false ; const images = gallery.querySelectorAll('.clickable-image'); const image = event.target; if (window.innerWidth >= 1000) { const lightbox = document.createElement('div'); lightbox.classList.add('lightbox'); const imgContainer = document.createElement('div'); imgContainer.classList.add('lightbox-img-container'); const img = document.createElement('img'); img.src = image.src; const caption = document.createElement('div'); caption.classList.add('lightbox-caption'); caption.innerHTML = image.alt; imgContainer.appendChild(img); if (showAlt) { imgContainer.appendChild(caption); } img.dataset.currentIndex = Array.from(images).indexOf(event.target); img.style.maxWidth = '100%'; const closeButton = document.createElement('button'); closeButton.innerHTML = 'X'; closeButton.classList.add('lightbox-close-button'); const buttonLeft = document.createElement('button'); buttonLeft.innerHTML = '‹'; buttonLeft.classList.add('lightbox-button', 'lightbox-button-left'); const buttonRight = document.createElement('button'); buttonRight.innerHTML = '›'; buttonRight.classList.add('lightbox-button', 'lightbox-button-right'); imgContainer.appendChild(img); imgContainer.appendChild(closeButton); imgContainer.appendChild(buttonLeft); imgContainer.appendChild(buttonRight); lightbox.appendChild(imgContainer); document.body.appendChild(lightbox); function updateImage(imgIndex) { if (imgIndex >= 0 && imgIndex < images.length) { img.src = images[imgIndex].src; img.alt = images[imgIndex].alt; img.dataset.currentIndex = imgIndex; caption.innerHTML = images[imgIndex].alt; } } imgContainer.addEventListener('click', function(event) { if (event.target === img) { const currentIndex = parseInt(img.dataset.currentIndex, 10); const imgRect = img.getBoundingClientRect(); const isClickedOnLeftSide = event.clientX < imgRect.left + (imgRect.width / 2); let newIndex; if (isClickedOnLeftSide) { newIndex = (currentIndex - 1 + images.length) % images.length; } else { newIndex = (currentIndex + 1) % images.length; } updateImage(newIndex); } }); buttonLeft.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex - 1 + images.length) % images.length; updateImage(newIndex); }); buttonRight.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex + 1) % images.length; updateImage(newIndex); }); closeButton.addEventListener('click', function() { document.body.removeChild(lightbox); }); lightbox.addEventListener('click', function(event) { if (event.target === this) { document.body.removeChild(lightbox); } }); lightbox.addEventListener('mousemove', function(event) { const closeButtonRect = closeButton.getBoundingClientRect(); const buffer = 50; const isMouseNearCloseButton = event.clientX >= (closeButtonRect.left - buffer) && event.clientX <= (closeButtonRect.right + buffer) && event.clientY >= (closeButtonRect.top - buffer) && event.clientY <= (closeButtonRect.bottom + buffer); if (isMouseNearCloseButton) { imgContainer.classList.add('show-close-button'); } else { imgContainer.classList.remove('show-close-button'); } }); lightbox.addEventListener('mousemove', function(event) { const buttonRectLeft = buttonLeft.getBoundingClientRect(); const buttonRectRight = buttonRight.getBoundingClientRect(); const distanceLeft = Math.hypot( event.clientX - (buttonRectLeft.left + buttonRectLeft.width / 2), event.clientY - (buttonRectLeft.top + buttonRectLeft.height / 2) ); const distanceRight = Math.hypot( event.clientX - (buttonRectRight.left + buttonRectRight.width / 2), event.clientY - (buttonRectRight.top + buttonRectRight.height / 2) ); const maxDistance = 100; buttonLeft.style.opacity = Math.max(0, 1 - distanceLeft / maxDistance); buttonRight.style.opacity = Math.max(0, 1 - distanceRight / maxDistance); }); } } }); } document.querySelectorAll('.gallery_new').forEach(initGallery); </script> <p>Na een lekkere hamburger en minder gesmaakte frietjes was de bobijn van Emiel stilaan op. Uiteraard konden we het kampvuur (vuurschalen) met de marshmallows niet overslaan. Nadien kropen we snel oververmoeid maar heel voldaan in onze tent.</p> <p>Op de tweede dag mochten we ook genieten van het provinciedomein en Emiel wou vooral minigolven. Voor het buitenzwembad was het jammer genoeg te fris en regenachtig maar de minigolf en de minicars waren samen met de speeltuinen een mooie afsluiter van een fanatisch weekend. Ons zien ze volgend jaar zeker terug (en hopelijk moeten we er dan niet zo lang op wachten).</p> <ul class="gallery_new" data-gallery-id="0001" data-show-alt="false"> <li class="gallery-item"> <img src="https://bckn.be/2022/07/01/Vaderklapweekend%202022/images/dag2/20220626_053902403_iOS%20Large.jpeg" alt="Image 1" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/07/01/Vaderklapweekend%202022/images/dag2/20220626_094422013_iOS%20Large.jpeg" alt=" Image 2" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/07/01/Vaderklapweekend%202022/images/dag2/20220626_101055155_iOS%20Large.jpeg" alt=" Image 3" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/07/01/Vaderklapweekend%202022/images/dag2/20220626_114400693_iOS%20Large.jpeg" alt=" Image 4" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> </ul> <style> .gallery_new { column-count: 1; column-gap: 10px; margin: 0; padding: 0; width: 100%; } .gallery-item { list-style-type: none; display: inline-block; width: 100%; padding-bottom: 10px; break-inside: avoid; } .gallery-item img { width: 100%; height: auto; cursor: pointer; } @media (min-width: 1000px) { .gallery_new { column-count: 3; } } .lightbox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px); } .lightbox-img-container { position: relative; max-width: calc(100% - 150px); max-height: calc(100% - 150px); } .lightbox-img-container img { max-width: 100%; display: block; margin: auto; max-height: calc(100vh - 150px); } .lightbox-close-button { position: absolute; top: 5px; right: 5px; background: none; border: none; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); font-size: 1em; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; cursor: pointer; opacity: 0; transition: opacity 0.3s; } .show-close-button .lightbox-close-button { opacity: 1; } .lightbox-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; filter: blur(8px); z-index: -1; } .lightbox-button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; font-size: 2em; cursor: pointer; opacity: 0; transition: opacity 0.3s; padding: 0.5vw; border-radius: 8px; height: 80%; } .lightbox-button:hover { opacity: 1; background: rgba(0, 0, 0, 0.3); } .lightbox-button-left { left: 0px; } .lightbox-button-right { right: 0px; } </style> <script> function initGallery(gallery) { gallery.addEventListener('click', function (event) { if (event.target.classList.contains('clickable-image')) { const clickedImage = event.target; const showAlt = false ; const images = gallery.querySelectorAll('.clickable-image'); const image = event.target; if (window.innerWidth >= 1000) { const lightbox = document.createElement('div'); lightbox.classList.add('lightbox'); const imgContainer = document.createElement('div'); imgContainer.classList.add('lightbox-img-container'); const img = document.createElement('img'); img.src = image.src; const caption = document.createElement('div'); caption.classList.add('lightbox-caption'); caption.innerHTML = image.alt; imgContainer.appendChild(img); if (showAlt) { imgContainer.appendChild(caption); } img.dataset.currentIndex = Array.from(images).indexOf(event.target); img.style.maxWidth = '100%'; const closeButton = document.createElement('button'); closeButton.innerHTML = 'X'; closeButton.classList.add('lightbox-close-button'); const buttonLeft = document.createElement('button'); buttonLeft.innerHTML = '‹'; buttonLeft.classList.add('lightbox-button', 'lightbox-button-left'); const buttonRight = document.createElement('button'); buttonRight.innerHTML = '›'; buttonRight.classList.add('lightbox-button', 'lightbox-button-right'); imgContainer.appendChild(img); imgContainer.appendChild(closeButton); imgContainer.appendChild(buttonLeft); imgContainer.appendChild(buttonRight); lightbox.appendChild(imgContainer); document.body.appendChild(lightbox); function updateImage(imgIndex) { if (imgIndex >= 0 && imgIndex < images.length) { img.src = images[imgIndex].src; img.alt = images[imgIndex].alt; img.dataset.currentIndex = imgIndex; caption.innerHTML = images[imgIndex].alt; } } imgContainer.addEventListener('click', function(event) { if (event.target === img) { const currentIndex = parseInt(img.dataset.currentIndex, 10); const imgRect = img.getBoundingClientRect(); const isClickedOnLeftSide = event.clientX < imgRect.left + (imgRect.width / 2); let newIndex; if (isClickedOnLeftSide) { newIndex = (currentIndex - 1 + images.length) % images.length; } else { newIndex = (currentIndex + 1) % images.length; } updateImage(newIndex); } }); buttonLeft.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex - 1 + images.length) % images.length; updateImage(newIndex); }); buttonRight.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex + 1) % images.length; updateImage(newIndex); }); closeButton.addEventListener('click', function() { document.body.removeChild(lightbox); }); lightbox.addEventListener('click', function(event) { if (event.target === this) { document.body.removeChild(lightbox); } }); lightbox.addEventListener('mousemove', function(event) { const closeButtonRect = closeButton.getBoundingClientRect(); const buffer = 50; const isMouseNearCloseButton = event.clientX >= (closeButtonRect.left - buffer) && event.clientX <= (closeButtonRect.right + buffer) && event.clientY >= (closeButtonRect.top - buffer) && event.clientY <= (closeButtonRect.bottom + buffer); if (isMouseNearCloseButton) { imgContainer.classList.add('show-close-button'); } else { imgContainer.classList.remove('show-close-button'); } }); lightbox.addEventListener('mousemove', function(event) { const buttonRectLeft = buttonLeft.getBoundingClientRect(); const buttonRectRight = buttonRight.getBoundingClientRect(); const distanceLeft = Math.hypot( event.clientX - (buttonRectLeft.left + buttonRectLeft.width / 2), event.clientY - (buttonRectLeft.top + buttonRectLeft.height / 2) ); const distanceRight = Math.hypot( event.clientX - (buttonRectRight.left + buttonRectRight.width / 2), event.clientY - (buttonRectRight.top + buttonRectRight.height / 2) ); const maxDistance = 100; buttonLeft.style.opacity = Math.max(0, 1 - distanceLeft / maxDistance); buttonRight.style.opacity = Math.max(0, 1 - distanceRight / maxDistance); }); } } }); } document.querySelectorAll('.gallery_new').forEach(initGallery); </script>vaderklapEmielpersoonlijkhttps://bckn.be/2022/07/01/Vaderklapweekend%202022/https://bckn.be/2022/02/07/Weekly%20update%2005/Mon, 07 Feb 2022 16:11:01 +0100stefan@bckn.be (Stefan Bocken) Sinds mijn marathon in oktober vorig jaar heb ik voor het eerst in een week meer dan 30 kilometer gelopen. Het opbouwen, en de planning volgen, is eindelijk terug begonnen. Na een tijdje zonder motivatie te hebben stilgelegen ben ik blij om de structuur terug te kunnen oppakken. Maandag: Vooral hartslagzone 3. Een rustige 10 kilometer Woensdag: Teveel pannenkoeken met lichtmis en een intervalsessie was geen al te beste combinatie Vrijdag: Een rustige 40 minuten Zondag: Een langere loop waarbij ik veel moest wandelen om mijn hartslag in zone 2 te houden.<p>Sinds mijn marathon in oktober vorig jaar heb ik voor het eerst in een week meer dan 30 kilometer gelopen. Het opbouwen, en de planning volgen, is eindelijk terug begonnen. Na een tijdje zonder motivatie te hebben stilgelegen ben ik blij om de structuur terug te kunnen oppakken.</p> <p><img src="https://bckn.be/img/weeklyupdate05/polar.png" alt="image" /></p> <ul> <li>Maandag: Vooral hartslagzone 3. Een rustige 10 kilometer</li> <li>Woensdag: Teveel pannenkoeken met lichtmis en een intervalsessie was geen al te beste combinatie</li> <li>Vrijdag: Een rustige 40 minuten</li> <li>Zondag: Een langere loop waarbij ik veel moest wandelen om mijn hartslag in zone 2 te houden.</li> </ul> <p><img src="https://bckn.be/img/weeklyupdate05/strava.jpeg" alt="image" /></p> <p>Na de interval op woensdag is mijn running index even gedaald tot 52 maar sinds vrijdag staat die terug op 53.</p>lopenweekly updatepersoonlijklopenhttps://bckn.be/2022/02/07/Weekly%20update%2005/https://bckn.be/2022/01/26/Antwerp%20Park%20Run/Wed, 26 Jan 2022 10:11:01 +0100stefan@bckn.be (Stefan Bocken) Afgelopen zondag was het de eerste editie van de Antwerp Park Run. De start was aan het vernieuwde sportcomplex in het park Groot Schijn. Het parcours liep naast het park Groot Schijn ook door het domein Ertbrugge, het gemeentepark Bremweide en voor de 20km ook door het Rivierenhof. Samen met Ewan heb ik deelgenomen aan de 10km omdat we zo ook via den Bosuil konden lopen.<p>Afgelopen zondag was het de eerste editie van de Antwerp Park Run. De start was aan het vernieuwde sportcomplex in het park Groot Schijn. Het parcours liep naast het park Groot Schijn ook door het domein Ertbrugge, het gemeentepark Bremweide en voor de 20km ook door het Rivierenhof.</p> <p><img src="https://bckn.be/img/antwerpparkrun2022/ParkRun-22-parcours_10k.jpg" alt="image" /></p> <p>Samen met Ewan heb ik deelgenomen aan de 10km omdat we zo ook via den Bosuil konden lopen.</p> <p><img src="https://bckn.be/img/antwerpparkrun2022/ewanstefan-antwerp.jpeg" alt="image" /></p> <p>Het was een meer dan geslaagde eerste editie en ik kom zeker terug. Onze tijd: 54:21.</p>lopenAntwerp Park Runpersoonlijklopenhttps://bckn.be/2022/01/26/Antwerp%20Park%20Run/https://bckn.be/2022/01/24/Closing%202021/Mon, 24 Jan 2022 10:11:01 +0100stefan@bckn.be (Stefan Bocken) Het is alweer een tijd geleden dat ik hier nog iets over YNAB (Referral) gepost heb. Vandaar dat ik even een korte terugblik wil werpen op 2021 en ons financieel jaar. Grote, extra uitgaven: Vorig jaar hebben we geïnvesteerd in ons huis en dat staat dit jaar ook weer op de planning. Het dak was dringend aan vernieuwing toe en het was het laatste jaar waarin zonnepanelen nog een iets of wat interessante investering waren.<p>Het is alweer een tijd geleden dat ik hier nog iets over <a href="https://ynab.com/referral/?ref=nK4-awM84GDPqxy7&amp;utm_source=customer_referral" target="_blank" rel="noopener">YNAB (Referral)</a> gepost heb. Vandaar dat ik even een korte terugblik wil werpen op 2021 en ons financieel jaar.</p> <h3 id="grote-extra-uitgaven" > <div> Grote, extra uitgaven: </div> </h3> <p>Vorig jaar hebben we geïnvesteerd in ons huis en dat staat dit jaar ook weer op de planning. Het dak was dringend aan vernieuwing toe en het was het laatste jaar waarin zonnepanelen nog een iets of wat interessante investering waren.</p> <p>Emiel groeide stilaan uit zijn bed dus was er voor hem een nieuwe slaapkamer.</p> <ul class="gallery_new" data-gallery-id="0001" data-show-alt="false"> <li class="gallery-item"> <img src="https://bckn.be/2022/01/24/Closing%202021/images/bed/IMG_3733%20Large.jpeg" alt="Image 1" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/24/Closing%202021/images/bed/IMG_3742%20Large.jpeg" alt=" Image 2" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/24/Closing%202021/images/bed/IMG_3747%20Large.jpeg" alt=" Image 3" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> </ul> <style> .gallery_new { column-count: 1; column-gap: 10px; margin: 0; padding: 0; width: 100%; } .gallery-item { list-style-type: none; display: inline-block; width: 100%; padding-bottom: 10px; break-inside: avoid; } .gallery-item img { width: 100%; height: auto; cursor: pointer; } @media (min-width: 1000px) { .gallery_new { column-count: 3; } } .lightbox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px); } .lightbox-img-container { position: relative; max-width: calc(100% - 150px); max-height: calc(100% - 150px); } .lightbox-img-container img { max-width: 100%; display: block; margin: auto; max-height: calc(100vh - 150px); } .lightbox-close-button { position: absolute; top: 5px; right: 5px; background: none; border: none; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); font-size: 1em; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; cursor: pointer; opacity: 0; transition: opacity 0.3s; } .show-close-button .lightbox-close-button { opacity: 1; } .lightbox-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; filter: blur(8px); z-index: -1; } .lightbox-button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; font-size: 2em; cursor: pointer; opacity: 0; transition: opacity 0.3s; padding: 0.5vw; border-radius: 8px; height: 80%; } .lightbox-button:hover { opacity: 1; background: rgba(0, 0, 0, 0.3); } .lightbox-button-left { left: 0px; } .lightbox-button-right { right: 0px; } </style> <script> function initGallery(gallery) { gallery.addEventListener('click', function (event) { if (event.target.classList.contains('clickable-image')) { const clickedImage = event.target; const showAlt = false ; const images = gallery.querySelectorAll('.clickable-image'); const image = event.target; if (window.innerWidth >= 1000) { const lightbox = document.createElement('div'); lightbox.classList.add('lightbox'); const imgContainer = document.createElement('div'); imgContainer.classList.add('lightbox-img-container'); const img = document.createElement('img'); img.src = image.src; const caption = document.createElement('div'); caption.classList.add('lightbox-caption'); caption.innerHTML = image.alt; imgContainer.appendChild(img); if (showAlt) { imgContainer.appendChild(caption); } img.dataset.currentIndex = Array.from(images).indexOf(event.target); img.style.maxWidth = '100%'; const closeButton = document.createElement('button'); closeButton.innerHTML = 'X'; closeButton.classList.add('lightbox-close-button'); const buttonLeft = document.createElement('button'); buttonLeft.innerHTML = '‹'; buttonLeft.classList.add('lightbox-button', 'lightbox-button-left'); const buttonRight = document.createElement('button'); buttonRight.innerHTML = '›'; buttonRight.classList.add('lightbox-button', 'lightbox-button-right'); imgContainer.appendChild(img); imgContainer.appendChild(closeButton); imgContainer.appendChild(buttonLeft); imgContainer.appendChild(buttonRight); lightbox.appendChild(imgContainer); document.body.appendChild(lightbox); function updateImage(imgIndex) { if (imgIndex >= 0 && imgIndex < images.length) { img.src = images[imgIndex].src; img.alt = images[imgIndex].alt; img.dataset.currentIndex = imgIndex; caption.innerHTML = images[imgIndex].alt; } } imgContainer.addEventListener('click', function(event) { if (event.target === img) { const currentIndex = parseInt(img.dataset.currentIndex, 10); const imgRect = img.getBoundingClientRect(); const isClickedOnLeftSide = event.clientX < imgRect.left + (imgRect.width / 2); let newIndex; if (isClickedOnLeftSide) { newIndex = (currentIndex - 1 + images.length) % images.length; } else { newIndex = (currentIndex + 1) % images.length; } updateImage(newIndex); } }); buttonLeft.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex - 1 + images.length) % images.length; updateImage(newIndex); }); buttonRight.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex + 1) % images.length; updateImage(newIndex); }); closeButton.addEventListener('click', function() { document.body.removeChild(lightbox); }); lightbox.addEventListener('click', function(event) { if (event.target === this) { document.body.removeChild(lightbox); } }); lightbox.addEventListener('mousemove', function(event) { const closeButtonRect = closeButton.getBoundingClientRect(); const buffer = 50; const isMouseNearCloseButton = event.clientX >= (closeButtonRect.left - buffer) && event.clientX <= (closeButtonRect.right + buffer) && event.clientY >= (closeButtonRect.top - buffer) && event.clientY <= (closeButtonRect.bottom + buffer); if (isMouseNearCloseButton) { imgContainer.classList.add('show-close-button'); } else { imgContainer.classList.remove('show-close-button'); } }); lightbox.addEventListener('mousemove', function(event) { const buttonRectLeft = buttonLeft.getBoundingClientRect(); const buttonRectRight = buttonRight.getBoundingClientRect(); const distanceLeft = Math.hypot( event.clientX - (buttonRectLeft.left + buttonRectLeft.width / 2), event.clientY - (buttonRectLeft.top + buttonRectLeft.height / 2) ); const distanceRight = Math.hypot( event.clientX - (buttonRectRight.left + buttonRectRight.width / 2), event.clientY - (buttonRectRight.top + buttonRectRight.height / 2) ); const maxDistance = 100; buttonLeft.style.opacity = Math.max(0, 1 - distanceLeft / maxDistance); buttonRight.style.opacity = Math.max(0, 1 - distanceRight / maxDistance); }); } } }); } document.querySelectorAll('.gallery_new').forEach(initGallery); </script> <p>Op’t einde van het jaar zijn we de kerstsfeer in <a href="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/" title="Disneyland Parijs" target="_blank" rel="noopener">Disneyland Parijs</a> gaan opsnuiven en ondertussen hebben we alweer een nieuwe reis gepland (en een voorschot betaald) voor komende zomer.</p> <h3 id="net-growth" > <div> Net growth </div> </h3> <p>Ondanks deze uitgaven hebben we onze net worth toch kunnen laten groeien met 3,3%. Een groot deel komt natuurlijk doordat de investeringen de waarde van ons huis doet omhoog gaan en een dalende hypothecaire lening waardoor onze schuld kleiner wordt. <img src="https://bckn.be/images/networth21.png" alt="image" /></p>budgetYNABbudgethttps://bckn.be/2022/01/24/Closing%202021/https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/Thu, 20 Jan 2022 10:11:01 +0100stefan@bckn.be (Stefan Bocken) 2de keer goede keer. Normaal gingen we eind 2020 met ons twee naar Disneyland Parijs om een keer de Disney kerstsfeer op te snuiven. Een of andere wereldwijde pandemie besloot iets anders. Enter: Disney Kerst 2021 met ons drietjes in het vernieuwde Disney’s Hotel New York – The Art of Marvel | Disneyland Paris in een Empire State Club kamer. Dag 1 Autotrip - 1ste dag met Lotte, Ewan en Inge - Leuke verrassing op de kamer De eerste dag begon uiteraard met de autorit. Het duurde even voor Emiel terug in slaap viel maar na een tijdje werd het zowel op de achterbank als naast mij stil. De autorit zelf ging verbazingwekkend vlot al zal de combinatie van zondag en 2de kerstdag hier wel meespelen. We vertrokken om 5u30 en kwamen rond 9u aan, we zijn één keertje moeten stoppen om mijn portefeuille uit mijn jaszak te halen.. anders had het aan de péage nogal lastig geworden.<p>2de keer goede keer. Normaal gingen we eind 2020 met ons twee naar Disneyland Parijs om een keer de Disney kerstsfeer op te snuiven. Een of andere wereldwijde pandemie besloot iets anders. Enter: Disney Kerst 2021 met ons drietjes in het vernieuwde <a href="https://www.disneylandparis.com/nl-be/hotels/disneys-hotel-new-york/" target="_blank" rel="noopener">Disney’s Hotel New York – The Art of Marvel | Disneyland Paris</a> in een Empire State Club kamer.</p> <h3 id="dag-1-autotrip---1ste-dag-met-lotte-ewan-en-inge---leuke-verrassing-op-de-kamer" > <div> Dag 1 Autotrip - 1ste dag met Lotte, Ewan en Inge - Leuke verrassing op de kamer </div> </h3> <p>De eerste dag begon uiteraard met de autorit. Het duurde even voor Emiel terug in slaap viel maar na een tijdje werd het zowel op de achterbank als naast mij stil. De autorit zelf ging verbazingwekkend vlot al zal de combinatie van zondag en 2de kerstdag hier wel meespelen. We vertrokken om 5u30 en kwamen rond 9u aan, we zijn één keertje moeten stoppen om mijn portefeuille uit mijn jaszak te halen.. anders had het aan de péage nogal lastig geworden.</p> <p>Snel onze MagicPass ophalen via de aparte receptie en het park in. Het leek afgesproken maar voor ons hotel kwamen we Lotte, Ewan en Inge al tegen en dus vertrokken we samen naar het park. Emiel, die eindelijk doorhad dat hij in Disneyland Parijs was, vertrok samen met Lotte op ontdekking.</p> <ul class="gallery_new" data-gallery-id="0001" data-show-alt="false"> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day1/20211226_095708190_iOS%20Large.jpeg" alt="Image 1" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day1/20211226_113024862_iOS%20Large.jpeg" alt=" Image 2" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day1/20211226_135044673_iOS%20Large.jpeg" alt=" Image 3" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day1/20211226_183147484_iOS%20Large.jpeg" alt=" Image 4" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day1/20211226_193905809_iOS%20Large.jpeg" alt=" Image 5" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> </ul> <style> .gallery_new { column-count: 1; column-gap: 10px; margin: 0; padding: 0; width: 100%; } .gallery-item { list-style-type: none; display: inline-block; width: 100%; padding-bottom: 10px; break-inside: avoid; } .gallery-item img { width: 100%; height: auto; cursor: pointer; } @media (min-width: 1000px) { .gallery_new { column-count: 3; } } .lightbox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px); } .lightbox-img-container { position: relative; max-width: calc(100% - 150px); max-height: calc(100% - 150px); } .lightbox-img-container img { max-width: 100%; display: block; margin: auto; max-height: calc(100vh - 150px); } .lightbox-close-button { position: absolute; top: 5px; right: 5px; background: none; border: none; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); font-size: 1em; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; cursor: pointer; opacity: 0; transition: opacity 0.3s; } .show-close-button .lightbox-close-button { opacity: 1; } .lightbox-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; filter: blur(8px); z-index: -1; } .lightbox-button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; font-size: 2em; cursor: pointer; opacity: 0; transition: opacity 0.3s; padding: 0.5vw; border-radius: 8px; height: 80%; } .lightbox-button:hover { opacity: 1; background: rgba(0, 0, 0, 0.3); } .lightbox-button-left { left: 0px; } .lightbox-button-right { right: 0px; } </style> <script> function initGallery(gallery) { gallery.addEventListener('click', function (event) { if (event.target.classList.contains('clickable-image')) { const clickedImage = event.target; const showAlt = false ; const images = gallery.querySelectorAll('.clickable-image'); const image = event.target; if (window.innerWidth >= 1000) { const lightbox = document.createElement('div'); lightbox.classList.add('lightbox'); const imgContainer = document.createElement('div'); imgContainer.classList.add('lightbox-img-container'); const img = document.createElement('img'); img.src = image.src; const caption = document.createElement('div'); caption.classList.add('lightbox-caption'); caption.innerHTML = image.alt; imgContainer.appendChild(img); if (showAlt) { imgContainer.appendChild(caption); } img.dataset.currentIndex = Array.from(images).indexOf(event.target); img.style.maxWidth = '100%'; const closeButton = document.createElement('button'); closeButton.innerHTML = 'X'; closeButton.classList.add('lightbox-close-button'); const buttonLeft = document.createElement('button'); buttonLeft.innerHTML = '‹'; buttonLeft.classList.add('lightbox-button', 'lightbox-button-left'); const buttonRight = document.createElement('button'); buttonRight.innerHTML = '›'; buttonRight.classList.add('lightbox-button', 'lightbox-button-right'); imgContainer.appendChild(img); imgContainer.appendChild(closeButton); imgContainer.appendChild(buttonLeft); imgContainer.appendChild(buttonRight); lightbox.appendChild(imgContainer); document.body.appendChild(lightbox); function updateImage(imgIndex) { if (imgIndex >= 0 && imgIndex < images.length) { img.src = images[imgIndex].src; img.alt = images[imgIndex].alt; img.dataset.currentIndex = imgIndex; caption.innerHTML = images[imgIndex].alt; } } imgContainer.addEventListener('click', function(event) { if (event.target === img) { const currentIndex = parseInt(img.dataset.currentIndex, 10); const imgRect = img.getBoundingClientRect(); const isClickedOnLeftSide = event.clientX < imgRect.left + (imgRect.width / 2); let newIndex; if (isClickedOnLeftSide) { newIndex = (currentIndex - 1 + images.length) % images.length; } else { newIndex = (currentIndex + 1) % images.length; } updateImage(newIndex); } }); buttonLeft.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex - 1 + images.length) % images.length; updateImage(newIndex); }); buttonRight.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex + 1) % images.length; updateImage(newIndex); }); closeButton.addEventListener('click', function() { document.body.removeChild(lightbox); }); lightbox.addEventListener('click', function(event) { if (event.target === this) { document.body.removeChild(lightbox); } }); lightbox.addEventListener('mousemove', function(event) { const closeButtonRect = closeButton.getBoundingClientRect(); const buffer = 50; const isMouseNearCloseButton = event.clientX >= (closeButtonRect.left - buffer) && event.clientX <= (closeButtonRect.right + buffer) && event.clientY >= (closeButtonRect.top - buffer) && event.clientY <= (closeButtonRect.bottom + buffer); if (isMouseNearCloseButton) { imgContainer.classList.add('show-close-button'); } else { imgContainer.classList.remove('show-close-button'); } }); lightbox.addEventListener('mousemove', function(event) { const buttonRectLeft = buttonLeft.getBoundingClientRect(); const buttonRectRight = buttonRight.getBoundingClientRect(); const distanceLeft = Math.hypot( event.clientX - (buttonRectLeft.left + buttonRectLeft.width / 2), event.clientY - (buttonRectLeft.top + buttonRectLeft.height / 2) ); const distanceRight = Math.hypot( event.clientX - (buttonRectRight.left + buttonRectRight.width / 2), event.clientY - (buttonRectRight.top + buttonRectRight.height / 2) ); const maxDistance = 100; buttonLeft.style.opacity = Math.max(0, 1 - distanceLeft / maxDistance); buttonRight.style.opacity = Math.max(0, 1 - distanceRight / maxDistance); }); } } }); } document.querySelectorAll('.gallery_new').forEach(initGallery); </script> <p>Aangezien we vroeg waren vertrokken en het bijgevolg al een lange dag was geweest gingen we voor het eten nog even snel naar onze kamer. Daar stond ons een leuke verrassing te wachten. Een cadeautje voor de verjaardag van Emiel en eentje voor onze 10de huwelijksverjaardag.</p> <ul class="gallery_new" data-gallery-id="0001" data-show-alt="false"> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/gifts/20211226_153027909_iOS%20Large.jpeg" alt="Image 1" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/gifts/20211226_153031750_iOS%20Large.jpeg" alt=" Image 2" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/gifts/20211226_153134644_iOS%20Large.jpeg" alt=" Image 3" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/gifts/20211226_153536203_iOS%20Large.jpeg" alt=" Image 4" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> </ul> <style> .gallery_new { column-count: 1; column-gap: 10px; margin: 0; padding: 0; width: 100%; } .gallery-item { list-style-type: none; display: inline-block; width: 100%; padding-bottom: 10px; break-inside: avoid; } .gallery-item img { width: 100%; height: auto; cursor: pointer; } @media (min-width: 1000px) { .gallery_new { column-count: 3; } } .lightbox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px); } .lightbox-img-container { position: relative; max-width: calc(100% - 150px); max-height: calc(100% - 150px); } .lightbox-img-container img { max-width: 100%; display: block; margin: auto; max-height: calc(100vh - 150px); } .lightbox-close-button { position: absolute; top: 5px; right: 5px; background: none; border: none; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); font-size: 1em; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; cursor: pointer; opacity: 0; transition: opacity 0.3s; } .show-close-button .lightbox-close-button { opacity: 1; } .lightbox-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; filter: blur(8px); z-index: -1; } .lightbox-button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; font-size: 2em; cursor: pointer; opacity: 0; transition: opacity 0.3s; padding: 0.5vw; border-radius: 8px; height: 80%; } .lightbox-button:hover { opacity: 1; background: rgba(0, 0, 0, 0.3); } .lightbox-button-left { left: 0px; } .lightbox-button-right { right: 0px; } </style> <script> function initGallery(gallery) { gallery.addEventListener('click', function (event) { if (event.target.classList.contains('clickable-image')) { const clickedImage = event.target; const showAlt = false ; const images = gallery.querySelectorAll('.clickable-image'); const image = event.target; if (window.innerWidth >= 1000) { const lightbox = document.createElement('div'); lightbox.classList.add('lightbox'); const imgContainer = document.createElement('div'); imgContainer.classList.add('lightbox-img-container'); const img = document.createElement('img'); img.src = image.src; const caption = document.createElement('div'); caption.classList.add('lightbox-caption'); caption.innerHTML = image.alt; imgContainer.appendChild(img); if (showAlt) { imgContainer.appendChild(caption); } img.dataset.currentIndex = Array.from(images).indexOf(event.target); img.style.maxWidth = '100%'; const closeButton = document.createElement('button'); closeButton.innerHTML = 'X'; closeButton.classList.add('lightbox-close-button'); const buttonLeft = document.createElement('button'); buttonLeft.innerHTML = '‹'; buttonLeft.classList.add('lightbox-button', 'lightbox-button-left'); const buttonRight = document.createElement('button'); buttonRight.innerHTML = '›'; buttonRight.classList.add('lightbox-button', 'lightbox-button-right'); imgContainer.appendChild(img); imgContainer.appendChild(closeButton); imgContainer.appendChild(buttonLeft); imgContainer.appendChild(buttonRight); lightbox.appendChild(imgContainer); document.body.appendChild(lightbox); function updateImage(imgIndex) { if (imgIndex >= 0 && imgIndex < images.length) { img.src = images[imgIndex].src; img.alt = images[imgIndex].alt; img.dataset.currentIndex = imgIndex; caption.innerHTML = images[imgIndex].alt; } } imgContainer.addEventListener('click', function(event) { if (event.target === img) { const currentIndex = parseInt(img.dataset.currentIndex, 10); const imgRect = img.getBoundingClientRect(); const isClickedOnLeftSide = event.clientX < imgRect.left + (imgRect.width / 2); let newIndex; if (isClickedOnLeftSide) { newIndex = (currentIndex - 1 + images.length) % images.length; } else { newIndex = (currentIndex + 1) % images.length; } updateImage(newIndex); } }); buttonLeft.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex - 1 + images.length) % images.length; updateImage(newIndex); }); buttonRight.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex + 1) % images.length; updateImage(newIndex); }); closeButton.addEventListener('click', function() { document.body.removeChild(lightbox); }); lightbox.addEventListener('click', function(event) { if (event.target === this) { document.body.removeChild(lightbox); } }); lightbox.addEventListener('mousemove', function(event) { const closeButtonRect = closeButton.getBoundingClientRect(); const buffer = 50; const isMouseNearCloseButton = event.clientX >= (closeButtonRect.left - buffer) && event.clientX <= (closeButtonRect.right + buffer) && event.clientY >= (closeButtonRect.top - buffer) && event.clientY <= (closeButtonRect.bottom + buffer); if (isMouseNearCloseButton) { imgContainer.classList.add('show-close-button'); } else { imgContainer.classList.remove('show-close-button'); } }); lightbox.addEventListener('mousemove', function(event) { const buttonRectLeft = buttonLeft.getBoundingClientRect(); const buttonRectRight = buttonRight.getBoundingClientRect(); const distanceLeft = Math.hypot( event.clientX - (buttonRectLeft.left + buttonRectLeft.width / 2), event.clientY - (buttonRectLeft.top + buttonRectLeft.height / 2) ); const distanceRight = Math.hypot( event.clientX - (buttonRectRight.left + buttonRectRight.width / 2), event.clientY - (buttonRectRight.top + buttonRectRight.height / 2) ); const maxDistance = 100; buttonLeft.style.opacity = Math.max(0, 1 - distanceLeft / maxDistance); buttonRight.style.opacity = Math.max(0, 1 - distanceRight / maxDistance); }); } } }); } document.querySelectorAll('.gallery_new').forEach(initGallery); </script> <p>’s Avonds zijn we voor het eerst in het Silver Spur Steakhouse gaan eten en die komt bij op het + lijstje. Hierna hebben we Big Thunder Mountain geprobeerd met Emiel. Het was zijn eerste roller coaster en de schrik overheerste nog. Vooral de vleermuizen in de tunnels. Na een tijdje wou hij toch nog een tweede keer proberen al is dat jammer genoeg niet meer gelukt.</p> <h3 id="dag-2-op-uitstap-met-mats-melissa-en-jelle" > <div> Dag 2 Op uitstap met Mats, Melissa en Jelle </div> </h3> <p>Onze 2de dag hebben we met Mats, Melissa en Jelle vooral doorgebracht in het Walt Disney Studio’s Park. De grootste uitdaging voor Emiel was de Toy Soldiers Parachute Drop die hij absoluut niet meer wou doen. Een blijver voor Emiel was toch vooral Autopia, waar we 5x voor aangeschoven hebben tijdens ons verblijf.</p> <p>Na ons snel op te frissen en te genieten van het vieruurtje in ons hotel (pizza FTW!) zijn we gaan eten in The Steakhouse in Disney Village. Het eten was op zich goed en de bediening vriendelijk al kregen we het gevoel dat we snel snel buiten moesten zodat ze meer mensen konden bedienen.</p> <ul class="gallery_new" data-gallery-id="0001" data-show-alt="false"> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day2/20211227_092826141_iOS%20Large.jpeg" alt="Image 1" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day2/20211227_095109500_iOS%20Large.jpeg" alt=" Image 2" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day2/20211227_112821908_iOS%20Large.jpeg" alt=" Image 3" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day2/20211227_123939099_iOS%20Large.jpeg" alt=" Image 4" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day2/20211227_140939030_iOS%20Large.jpeg" alt=" Image 5" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day2/20211227_151117184_iOS%20Large.jpeg" alt="Image 6" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day2/20211227_192050178_iOS%20Large.jpeg" alt="Image 7" class='clickable-image' data-gallery-id="0001" loading="lazy" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day2/20211229_060320000_iOS%20Large.jpeg" alt="Image 8" class='clickable-image' data-gallery-id="0001" loading="lazy" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day2/20211229_060324000_iOS%20Large.jpeg" alt="Image 9" class='clickable-image' data-gallery-id="0001" loading="lazy" /> </li> </ul> <style> .gallery_new { column-count: 1; column-gap: 10px; margin: 0; padding: 0; width: 100%; } .gallery-item { list-style-type: none; display: inline-block; width: 100%; padding-bottom: 10px; break-inside: avoid; } .gallery-item img { width: 100%; height: auto; cursor: pointer; } @media (min-width: 1000px) { .gallery_new { column-count: 3; } } .lightbox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px); } .lightbox-img-container { position: relative; max-width: calc(100% - 150px); max-height: calc(100% - 150px); } .lightbox-img-container img { max-width: 100%; display: block; margin: auto; max-height: calc(100vh - 150px); } .lightbox-close-button { position: absolute; top: 5px; right: 5px; background: none; border: none; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); font-size: 1em; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; cursor: pointer; opacity: 0; transition: opacity 0.3s; } .show-close-button .lightbox-close-button { opacity: 1; } .lightbox-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; filter: blur(8px); z-index: -1; } .lightbox-button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; font-size: 2em; cursor: pointer; opacity: 0; transition: opacity 0.3s; padding: 0.5vw; border-radius: 8px; height: 80%; } .lightbox-button:hover { opacity: 1; background: rgba(0, 0, 0, 0.3); } .lightbox-button-left { left: 0px; } .lightbox-button-right { right: 0px; } </style> <script> function initGallery(gallery) { gallery.addEventListener('click', function (event) { if (event.target.classList.contains('clickable-image')) { const clickedImage = event.target; const showAlt = false ; const images = gallery.querySelectorAll('.clickable-image'); const image = event.target; if (window.innerWidth >= 1000) { const lightbox = document.createElement('div'); lightbox.classList.add('lightbox'); const imgContainer = document.createElement('div'); imgContainer.classList.add('lightbox-img-container'); const img = document.createElement('img'); img.src = image.src; const caption = document.createElement('div'); caption.classList.add('lightbox-caption'); caption.innerHTML = image.alt; imgContainer.appendChild(img); if (showAlt) { imgContainer.appendChild(caption); } img.dataset.currentIndex = Array.from(images).indexOf(event.target); img.style.maxWidth = '100%'; const closeButton = document.createElement('button'); closeButton.innerHTML = 'X'; closeButton.classList.add('lightbox-close-button'); const buttonLeft = document.createElement('button'); buttonLeft.innerHTML = '‹'; buttonLeft.classList.add('lightbox-button', 'lightbox-button-left'); const buttonRight = document.createElement('button'); buttonRight.innerHTML = '›'; buttonRight.classList.add('lightbox-button', 'lightbox-button-right'); imgContainer.appendChild(img); imgContainer.appendChild(closeButton); imgContainer.appendChild(buttonLeft); imgContainer.appendChild(buttonRight); lightbox.appendChild(imgContainer); document.body.appendChild(lightbox); function updateImage(imgIndex) { if (imgIndex >= 0 && imgIndex < images.length) { img.src = images[imgIndex].src; img.alt = images[imgIndex].alt; img.dataset.currentIndex = imgIndex; caption.innerHTML = images[imgIndex].alt; } } imgContainer.addEventListener('click', function(event) { if (event.target === img) { const currentIndex = parseInt(img.dataset.currentIndex, 10); const imgRect = img.getBoundingClientRect(); const isClickedOnLeftSide = event.clientX < imgRect.left + (imgRect.width / 2); let newIndex; if (isClickedOnLeftSide) { newIndex = (currentIndex - 1 + images.length) % images.length; } else { newIndex = (currentIndex + 1) % images.length; } updateImage(newIndex); } }); buttonLeft.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex - 1 + images.length) % images.length; updateImage(newIndex); }); buttonRight.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex + 1) % images.length; updateImage(newIndex); }); closeButton.addEventListener('click', function() { document.body.removeChild(lightbox); }); lightbox.addEventListener('click', function(event) { if (event.target === this) { document.body.removeChild(lightbox); } }); lightbox.addEventListener('mousemove', function(event) { const closeButtonRect = closeButton.getBoundingClientRect(); const buffer = 50; const isMouseNearCloseButton = event.clientX >= (closeButtonRect.left - buffer) && event.clientX <= (closeButtonRect.right + buffer) && event.clientY >= (closeButtonRect.top - buffer) && event.clientY <= (closeButtonRect.bottom + buffer); if (isMouseNearCloseButton) { imgContainer.classList.add('show-close-button'); } else { imgContainer.classList.remove('show-close-button'); } }); lightbox.addEventListener('mousemove', function(event) { const buttonRectLeft = buttonLeft.getBoundingClientRect(); const buttonRectRight = buttonRight.getBoundingClientRect(); const distanceLeft = Math.hypot( event.clientX - (buttonRectLeft.left + buttonRectLeft.width / 2), event.clientY - (buttonRectLeft.top + buttonRectLeft.height / 2) ); const distanceRight = Math.hypot( event.clientX - (buttonRectRight.left + buttonRectRight.width / 2), event.clientY - (buttonRectRight.top + buttonRectRight.height / 2) ); const maxDistance = 100; buttonLeft.style.opacity = Math.max(0, 1 - distanceLeft / maxDistance); buttonRight.style.opacity = Math.max(0, 1 - distanceRight / maxDistance); }); } } }); } document.querySelectorAll('.gallery_new').forEach(initGallery); </script> <h3 id="dag-3-ontzettend-druk---samen-eten-met-lotte-ewan-en-inge-en-op-weg-naar-huis" > <div> Dag 3 Ontzettend druk - Samen eten met Lotte, Ewan en Inge en op weg naar huis </div> </h3> <p>Onze laatste dag was meeteen ook de drukste. Het was en het leek te druk voor de corona-maatregelen die we gewoon waren. Op sommige momenten kon je geen afstand meer houden zoals bij het aanschuiven voor Pirates of the Caribbean.</p> <p><img src="https://bckn.be/img/kerstdisney/druk.jpeg" alt="image" /></p> <p>We hebben die dag dan ook heel weinig attracties kunnen doen tot we ’s avonds rondliepen in het park. Nog een keertje Autopia (de 5de keer), ook nog Dumbo the Flying Elephant en de Madhatter’s Tea Cups.</p> <p>Ons weekend hebben we afgesloten in het Manhatten Restaurant in het hotel. Voor ons was dit de eerste keer dat we ’s avonds in het hotel aten. Emiel was doodop en kon niet snel genoeg in de auto (lees: bed) liggen.</p> <ul class="gallery_new" data-gallery-id="0001" data-show-alt="false"> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day3/20211228_074739794_iOS%20Large.jpeg" alt="Image 1" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day3/20211228_141204950_iOS%20Large.jpeg" alt=" Image 2" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day3/20211228_172205776_iOS%20Large.jpeg" alt=" Image 3" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day3/20211228_174041145_iOS%20Large.jpeg" alt=" Image 4" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day3/20211229_060312000_iOS%20Large.jpeg" alt=" Image 5" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day3/20211229_060332000_iOS%20Large.jpeg" alt="Image 6" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/images/day3/20211231_083939698_iOS%20Large.jpeg" alt="Image 7" class='clickable-image' data-gallery-id="0001" loading="lazy" /> </li> </ul> <style> .gallery_new { column-count: 1; column-gap: 10px; margin: 0; padding: 0; width: 100%; } .gallery-item { list-style-type: none; display: inline-block; width: 100%; padding-bottom: 10px; break-inside: avoid; } .gallery-item img { width: 100%; height: auto; cursor: pointer; } @media (min-width: 1000px) { .gallery_new { column-count: 3; } } .lightbox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px); } .lightbox-img-container { position: relative; max-width: calc(100% - 150px); max-height: calc(100% - 150px); } .lightbox-img-container img { max-width: 100%; display: block; margin: auto; max-height: calc(100vh - 150px); } .lightbox-close-button { position: absolute; top: 5px; right: 5px; background: none; border: none; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); font-size: 1em; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; cursor: pointer; opacity: 0; transition: opacity 0.3s; } .show-close-button .lightbox-close-button { opacity: 1; } .lightbox-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; filter: blur(8px); z-index: -1; } .lightbox-button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; font-size: 2em; cursor: pointer; opacity: 0; transition: opacity 0.3s; padding: 0.5vw; border-radius: 8px; height: 80%; } .lightbox-button:hover { opacity: 1; background: rgba(0, 0, 0, 0.3); } .lightbox-button-left { left: 0px; } .lightbox-button-right { right: 0px; } </style> <script> function initGallery(gallery) { gallery.addEventListener('click', function (event) { if (event.target.classList.contains('clickable-image')) { const clickedImage = event.target; const showAlt = false ; const images = gallery.querySelectorAll('.clickable-image'); const image = event.target; if (window.innerWidth >= 1000) { const lightbox = document.createElement('div'); lightbox.classList.add('lightbox'); const imgContainer = document.createElement('div'); imgContainer.classList.add('lightbox-img-container'); const img = document.createElement('img'); img.src = image.src; const caption = document.createElement('div'); caption.classList.add('lightbox-caption'); caption.innerHTML = image.alt; imgContainer.appendChild(img); if (showAlt) { imgContainer.appendChild(caption); } img.dataset.currentIndex = Array.from(images).indexOf(event.target); img.style.maxWidth = '100%'; const closeButton = document.createElement('button'); closeButton.innerHTML = 'X'; closeButton.classList.add('lightbox-close-button'); const buttonLeft = document.createElement('button'); buttonLeft.innerHTML = '‹'; buttonLeft.classList.add('lightbox-button', 'lightbox-button-left'); const buttonRight = document.createElement('button'); buttonRight.innerHTML = '›'; buttonRight.classList.add('lightbox-button', 'lightbox-button-right'); imgContainer.appendChild(img); imgContainer.appendChild(closeButton); imgContainer.appendChild(buttonLeft); imgContainer.appendChild(buttonRight); lightbox.appendChild(imgContainer); document.body.appendChild(lightbox); function updateImage(imgIndex) { if (imgIndex >= 0 && imgIndex < images.length) { img.src = images[imgIndex].src; img.alt = images[imgIndex].alt; img.dataset.currentIndex = imgIndex; caption.innerHTML = images[imgIndex].alt; } } imgContainer.addEventListener('click', function(event) { if (event.target === img) { const currentIndex = parseInt(img.dataset.currentIndex, 10); const imgRect = img.getBoundingClientRect(); const isClickedOnLeftSide = event.clientX < imgRect.left + (imgRect.width / 2); let newIndex; if (isClickedOnLeftSide) { newIndex = (currentIndex - 1 + images.length) % images.length; } else { newIndex = (currentIndex + 1) % images.length; } updateImage(newIndex); } }); buttonLeft.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex - 1 + images.length) % images.length; updateImage(newIndex); }); buttonRight.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex + 1) % images.length; updateImage(newIndex); }); closeButton.addEventListener('click', function() { document.body.removeChild(lightbox); }); lightbox.addEventListener('click', function(event) { if (event.target === this) { document.body.removeChild(lightbox); } }); lightbox.addEventListener('mousemove', function(event) { const closeButtonRect = closeButton.getBoundingClientRect(); const buffer = 50; const isMouseNearCloseButton = event.clientX >= (closeButtonRect.left - buffer) && event.clientX <= (closeButtonRect.right + buffer) && event.clientY >= (closeButtonRect.top - buffer) && event.clientY <= (closeButtonRect.bottom + buffer); if (isMouseNearCloseButton) { imgContainer.classList.add('show-close-button'); } else { imgContainer.classList.remove('show-close-button'); } }); lightbox.addEventListener('mousemove', function(event) { const buttonRectLeft = buttonLeft.getBoundingClientRect(); const buttonRectRight = buttonRight.getBoundingClientRect(); const distanceLeft = Math.hypot( event.clientX - (buttonRectLeft.left + buttonRectLeft.width / 2), event.clientY - (buttonRectLeft.top + buttonRectLeft.height / 2) ); const distanceRight = Math.hypot( event.clientX - (buttonRectRight.left + buttonRectRight.width / 2), event.clientY - (buttonRectRight.top + buttonRectRight.height / 2) ); const maxDistance = 100; buttonLeft.style.opacity = Math.max(0, 1 - distanceLeft / maxDistance); buttonRight.style.opacity = Math.max(0, 1 - distanceRight / maxDistance); }); } } }); } document.querySelectorAll('.gallery_new').forEach(initGallery); </script>vakantieEmielpersoonlijkhttps://bckn.be/2022/01/20/Kerst%20in%20Disneyland%20Parijs/https://bckn.be/2021/09/17/I%E2%80%99ve%20done%20it/Fri, 17 Sep 2021 09:11:01 +0200stefan@bckn.be (Stefan Bocken) Vorige zaterdag heb ik mijn eerste marathon gelopen. Zoals bij vele marathonlopers ging het ook bij mij goed tot km 30. Tot daar het goede nieuws. Na de 30ste kilometer ging het enkel bergaf met de snelheid en uiteindelijk heb ik enkele keren extra moeten wandelen. Ik kreeg niet meer genoeg water en koolhydraten binnen en dan weet je dat het moeilijk wordt. Uiteindelijk ben ik toch al lopend over de finish geraakt!<p>Vorige zaterdag heb ik mijn eerste marathon gelopen. Zoals bij vele marathonlopers ging het ook bij mij goed tot km 30. Tot daar het goede nieuws. Na de 30ste kilometer ging het enkel bergaf met de snelheid en uiteindelijk heb ik enkele keren extra moeten wandelen. Ik kreeg niet meer genoeg water en koolhydraten binnen en dan weet je dat het moeilijk wordt. Uiteindelijk ben ik toch al lopend over de finish geraakt!</p> <p><img src="https://bckn.be/finish.jpg" alt="image" /></p> <h3 id="de-start" > <div> De start </div> </h3> <p>De marathon zou van start gaan om 19u10 dus vertrokken we samen met mijn supporters op tijd naar Antwerpen. Zij gingen eerst nog eten terwijl ik me klaarmaakte aan de start. De nodige toiletbezoeken en opwarming later stond ik rond 19u in het startvak te wachten. Wat een korte 10 minuten hadden moeten zijn werden een 25 minuten. Voor zover ik weet werd er geen reden gegeven. Uiteindelijk gingen we toch van start en vertrok ik perfect bij de pacers voor een eindtijd van 3:59.</p> <h3 id="het-lopen-en-het-parcours" > <div> Het lopen en het parcours </div> </h3> <p>Het parcours begon redelijk recht toe, recht aan doordat we van het Eilandje richting het Kiel liepen met een korte passage over de Grote Markt. Nadien voelde het meer dan eens dat we in rondjes aan’t lopen waren en gaf mij niet echt een gevoel van vooruitgang. Ik miste ook geregeld de kilometeraanduidingen waardoor het niet altijd even duidelijk was hoe ver het nog was.</p> <p>De start verliep, behalve het wachten, zeer vlot en we kwamen heel snel over de startlijn. Nadien was het druk rond de pacers maar na een eerste pitstop aan Kennedytunnel zorgde ervoor dat ik zonder pacers verder moest. Op dat moment zag ik ze 100m voor mij lopen en wilde ik aansluiten waardoor ik te snel begon te lopen, toch naar mijn gevoel. Achteraf gezien had ik beter vanaf de start mijn eigen tempo gelopen.</p> <p><img src="https://bckn.be/gelopenparcours.png" alt="image" /></p> <p><strong>De calvarietocht kon beginnen.</strong></p> <p>Bij de eerste twee tunnels blijf ik me nog altijd de vraag stellen waarom ze in godsnaam in het parcours liggen. Er is totaal geen meerwaarde om onder een gebouw te lopen, laat staan 2 keer. De andere drie tunnels kan ik nog plaatsen aangezien die ons echt ergens naar toe brachten en ik heb niet per se iets tegen tunnels, enkel tegen nutteloos rondgedraai wat ons dus nog vele keren te wachten stond.</p> <p>Bij de Operatunnel had ik het lastig door de warmte en voelde het echt kouder toen ik weer bovenkwam. De veer brak helemaal toen, we naar mijn gevoel, de verkeerde kant opliepen in de laatste 5 kilometer. Terug richting Het Zuid terwijl we naar het MAS moesten. Enkele keren heb ik toen moeten wandelen. Bij de laatste bevoorrading heb ik mijn tijd genomen en goed gedronken, al kon mijn maag de chemische inhoud nog moeilijk aan, zodat ik toch al lopend (eerder strompelend) de finish kon bereiken.</p> <h3 id="de-finish" > <div> De finish </div> </h3> <p>Toen ik eindelijk de finish bereikte was het voor mij de eerste keer dat ik de meerwaarde voelde van de Night Marathon. De rode loper, het volk, al de verlichting… het had iets.</p> <p>Ik ben blij dat ik mijn eerste marathon heb uitgelopen, de tijd sloeg me tegen net zoals het parcours. De supporters waren geweldig!</p> <p>Ik houd dus gemengde gevoelens over aan mijn eerste marathon. Al is het volgens mijn supporters heel simpel en moet ik volgend jaar opnieuw meedoen want die hebben zich goed geamuseerd.</p>lopenmarathonpersoonlijklopenhttps://bckn.be/2021/09/17/I%E2%80%99ve%20done%20it/https://bckn.be/2021/09/07/Ready,%20or%20not/Tue, 07 Sep 2021 15:11:01 +0200stefan@bckn.be (Stefan Bocken) Zaterdag is het zover, dan loop ik de Port of Antwerp Night Marathon. EINDELIJK! Een extra jaar wachten, een extra jaar voorbereiding. Het plan om een marathon te lopen voor ik 40 werd is dankzij Corona niet gelukt maar gelukkig is mijn originele inschrijving geldig voor de eerste editie van de Antwerp Night Marathon. 101 jaar na het afsluiten van de Olympische Spelen in Antwerpen is het aan iedereen die . Het loopprogramma van Polar Flow is bijna afgelopen en ik zou klaar moeten zijn voor mijn eerste marathon. Het doel: uitlopen en het liefst onder die magische 4 uur. 🤞🏻 Mijn Polar Running Index bedraagt momenteel 57 wat me in staat zou moeten stellen om een marathon in 3:31 te lopen. Laat me dat met een korrel zout nemen en zien waar zaterdag me brengt.<p>Zaterdag is het zover, dan loop ik de <a href="https://www.portofantwerpnightmarathon.com/nl/" target="_blank" rel="noopener">Port of Antwerp Night Marathon</a>. EINDELIJK! Een extra jaar wachten, een extra jaar voorbereiding. Het plan om een marathon te lopen voor ik 40 werd is dankzij Corona niet gelukt maar gelukkig is mijn originele inschrijving geldig voor de eerste editie van de Antwerp Night Marathon. 101 jaar na het afsluiten van de Olympische Spelen in Antwerpen is het aan iedereen die .</p> <p>Het loopprogramma van Polar Flow is bijna afgelopen en ik zou klaar moeten zijn voor mijn eerste marathon. Het doel: uitlopen en het liefst onder die magische 4 uur. 🤞🏻 Mijn Polar Running Index bedraagt momenteel 57 wat me in staat zou moeten stellen om een marathon in 3:31 te lopen. Laat me dat met een korrel zout nemen en zien waar zaterdag me brengt.</p> <p>Ondertussen is het <a href="https://www.portofantwerpnightmarathon.com/nl/info/parcours/map/" target="_blank" rel="noopener">parcours</a> aangepast en komen we niet meer aan op de kaaien maar aan het MAS. Er zijn nog altijd 5 tunnels te vrezen en een 7 à 8 lussen met een bocht van 180°.</p> <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"> <iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/8_uq-mOlpgY?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe> </div> <p>Ter plaatse geraken zal geen probleem zijn aangezien er voldoende openbaar vervoer beschikbaar is, terug thuis geraken wordt al iets moeilijker. Het officiële bericht van <a href="https://www.slimnaarantwerpen.be/nl/werken-events/antwerp-night-marathon-11-september-2021" target="_blank" rel="noopener">Slim Naar Antwerpen</a> dat je ofwel moet blijven slapen in Antwerpen of sneller moet zijn dan 4u.</p> <p><img src="https://bckn.be/sna.png" alt="image" /></p>lopenmarathonpersoonlijklopenhttps://bckn.be/2021/09/07/Ready,%20or%20not/https://bckn.be/2021/07/17/Den%20eerste%20keer%20Bosuil/Sat, 17 Jul 2021 21:11:01 +0200stefan@bckn.be (Stefan Bocken) Een oefenmatch. Vrije verkoop van tickets. Ideaal om Emiel een keertje mee te nemen naar den Antwerp. Een heel gedoe om tickets te kopen, een overdrukke webshop, accounts aanmaken met de GSM-nr van de bomma, foto’s nemen van een Kids-ID. Er lagen wel wat hordes op de weg naar de tickets maar uiteindelijk kon de spanning voor de wedstrijd opgebouwd worden. Gelukkig had Kristl tijd (alhoewel) en veel geduld! Eindelijk was het zaterdag, en die kon niet snel genoeg verlopen! Zowel voor Emiel als voor de papa ☺️. ‘S Ochtends zijn we eerst, zoals vele anderen van de #OneRedFamily, ons steentje gaan bijdragen aan de hulp voor de slachtoffers van de watersnood.<p>Een oefenmatch. Vrije verkoop van tickets. Ideaal om Emiel een keertje mee te nemen naar den Antwerp. Een heel gedoe om tickets te kopen, een overdrukke webshop, accounts aanmaken met de GSM-nr van de bomma, foto’s nemen van een Kids-ID. Er lagen wel wat hordes op de weg naar de tickets maar uiteindelijk kon de spanning voor de wedstrijd opgebouwd worden. Gelukkig had Kristl tijd (alhoewel) en veel geduld!</p> <p>Eindelijk was het zaterdag, en die kon niet snel genoeg verlopen! Zowel voor Emiel als voor de papa ☺️. ‘S Ochtends zijn we eerst, zoals vele anderen van de <a href="https://twitter.com/search?q=%23OneRedFamily&amp;src=typed_query" target="_blank" rel="noopener">#OneRedFamily</a>, ons steentje gaan bijdragen aan de hulp voor de slachtoffers van de watersnood.</p> <p><img src="https://bckn.be/20210717_092031376_iOS.jpg" alt="images" /></p> <p>Kudos naar het Collectief86!</p> <p>En toen kon de zenuwachtigheid beginnen. Bij Emiel voor zijn eerste wedstrijd in een groot stadion, voor papa om de nieuwe T4 te ontdekken. Samen naar boven, alle hoekjes ontdekken, onze plaats zoeken, al vloeken over die deuren en zien dat het verdomd steil is. Na de wedstrijd nog snel de plaats van het abonnement gaan bekijken en dat ziet er prachtig uit.</p> <p>Een hamburger en een pakje frieten later konden we weer naar huis. Van de match zelf hebben we maar flarden gezien al ging het uiteraard meer om het bosuil-gevoel door te geven. En dat is gelukt, Emiel was heel enthousiast en vroeg meteen wanneer hij nog eens kon gaan.</p> <ul class="gallery_new" data-gallery-id="0001" data-show-alt="false"> <li class="gallery-item"> <img src="https://bckn.be/2021/07/17/Den%20eerste%20keer%20Bosuil/images/20210717_141719779_iOS.heic" alt="Image 1" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2021/07/17/Den%20eerste%20keer%20Bosuil/images/20210717_142421017_iOS.jpg" alt=" Image 2" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2021/07/17/Den%20eerste%20keer%20Bosuil/images/20210717_144957184_iOS.jpg" alt=" Image 3" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2021/07/17/Den%20eerste%20keer%20Bosuil/images/20210717_145021658_iOS.jpg" alt=" Image 4" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2021/07/17/Den%20eerste%20keer%20Bosuil/images/20210717_170306251_iOS.heic" alt=" Image 5" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> </ul> <style> .gallery_new { column-count: 1; column-gap: 10px; margin: 0; padding: 0; width: 100%; } .gallery-item { list-style-type: none; display: inline-block; width: 100%; padding-bottom: 10px; break-inside: avoid; } .gallery-item img { width: 100%; height: auto; cursor: pointer; } @media (min-width: 1000px) { .gallery_new { column-count: 3; } } .lightbox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px); } .lightbox-img-container { position: relative; max-width: calc(100% - 150px); max-height: calc(100% - 150px); } .lightbox-img-container img { max-width: 100%; display: block; margin: auto; max-height: calc(100vh - 150px); } .lightbox-close-button { position: absolute; top: 5px; right: 5px; background: none; border: none; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); font-size: 1em; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; cursor: pointer; opacity: 0; transition: opacity 0.3s; } .show-close-button .lightbox-close-button { opacity: 1; } .lightbox-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; filter: blur(8px); z-index: -1; } .lightbox-button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; font-size: 2em; cursor: pointer; opacity: 0; transition: opacity 0.3s; padding: 0.5vw; border-radius: 8px; height: 80%; } .lightbox-button:hover { opacity: 1; background: rgba(0, 0, 0, 0.3); } .lightbox-button-left { left: 0px; } .lightbox-button-right { right: 0px; } </style> <script> function initGallery(gallery) { gallery.addEventListener('click', function (event) { if (event.target.classList.contains('clickable-image')) { const clickedImage = event.target; const showAlt = false ; const images = gallery.querySelectorAll('.clickable-image'); const image = event.target; if (window.innerWidth >= 1000) { const lightbox = document.createElement('div'); lightbox.classList.add('lightbox'); const imgContainer = document.createElement('div'); imgContainer.classList.add('lightbox-img-container'); const img = document.createElement('img'); img.src = image.src; const caption = document.createElement('div'); caption.classList.add('lightbox-caption'); caption.innerHTML = image.alt; imgContainer.appendChild(img); if (showAlt) { imgContainer.appendChild(caption); } img.dataset.currentIndex = Array.from(images).indexOf(event.target); img.style.maxWidth = '100%'; const closeButton = document.createElement('button'); closeButton.innerHTML = 'X'; closeButton.classList.add('lightbox-close-button'); const buttonLeft = document.createElement('button'); buttonLeft.innerHTML = '‹'; buttonLeft.classList.add('lightbox-button', 'lightbox-button-left'); const buttonRight = document.createElement('button'); buttonRight.innerHTML = '›'; buttonRight.classList.add('lightbox-button', 'lightbox-button-right'); imgContainer.appendChild(img); imgContainer.appendChild(closeButton); imgContainer.appendChild(buttonLeft); imgContainer.appendChild(buttonRight); lightbox.appendChild(imgContainer); document.body.appendChild(lightbox); function updateImage(imgIndex) { if (imgIndex >= 0 && imgIndex < images.length) { img.src = images[imgIndex].src; img.alt = images[imgIndex].alt; img.dataset.currentIndex = imgIndex; caption.innerHTML = images[imgIndex].alt; } } imgContainer.addEventListener('click', function(event) { if (event.target === img) { const currentIndex = parseInt(img.dataset.currentIndex, 10); const imgRect = img.getBoundingClientRect(); const isClickedOnLeftSide = event.clientX < imgRect.left + (imgRect.width / 2); let newIndex; if (isClickedOnLeftSide) { newIndex = (currentIndex - 1 + images.length) % images.length; } else { newIndex = (currentIndex + 1) % images.length; } updateImage(newIndex); } }); buttonLeft.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex - 1 + images.length) % images.length; updateImage(newIndex); }); buttonRight.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex + 1) % images.length; updateImage(newIndex); }); closeButton.addEventListener('click', function() { document.body.removeChild(lightbox); }); lightbox.addEventListener('click', function(event) { if (event.target === this) { document.body.removeChild(lightbox); } }); lightbox.addEventListener('mousemove', function(event) { const closeButtonRect = closeButton.getBoundingClientRect(); const buffer = 50; const isMouseNearCloseButton = event.clientX >= (closeButtonRect.left - buffer) && event.clientX <= (closeButtonRect.right + buffer) && event.clientY >= (closeButtonRect.top - buffer) && event.clientY <= (closeButtonRect.bottom + buffer); if (isMouseNearCloseButton) { imgContainer.classList.add('show-close-button'); } else { imgContainer.classList.remove('show-close-button'); } }); lightbox.addEventListener('mousemove', function(event) { const buttonRectLeft = buttonLeft.getBoundingClientRect(); const buttonRectRight = buttonRight.getBoundingClientRect(); const distanceLeft = Math.hypot( event.clientX - (buttonRectLeft.left + buttonRectLeft.width / 2), event.clientY - (buttonRectLeft.top + buttonRectLeft.height / 2) ); const distanceRight = Math.hypot( event.clientX - (buttonRectRight.left + buttonRectRight.width / 2), event.clientY - (buttonRectRight.top + buttonRectRight.height / 2) ); const maxDistance = 100; buttonLeft.style.opacity = Math.max(0, 1 - distanceLeft / maxDistance); buttonRight.style.opacity = Math.max(0, 1 - distanceRight / maxDistance); }); } } }); } document.querySelectorAll('.gallery_new').forEach(initGallery); </script>RAFCvoetbalEmielpersoonlijkhttps://bckn.be/2021/07/17/Den%20eerste%20keer%20Bosuil/https://bckn.be/2021/04/11/Wandelingvandeeeuw/Sun, 11 Apr 2021 16:11:01 +0200stefan@bckn.be (Stefan Bocken) Om de 100ste verjaardag van K. Boechoutse V.V. te vieren werd er op de 100ste dag van het jaar de Wandeling van de Eeuw georganiseerd. Tijdens deze wandeling kon je de geschiedenis van de club ontdekken. We vertrokken langs het B en C veld waar de vroegere kleedkamers waren in wat nu het materiaalkot is. Uiteraard zonder stromend water. De tweede stop op de wandeling was bij Marcel, de trouwste en oudste supporter van den Boechoutse en naar wie het champagnebier is vernoemd. Na de supporters kwamen nu de oprichters en voorzitters aan de beurt. Kinderdagverblijf “De Kleine Berg” was vroeger een café en waar richt je een voetbalploeg op, uiteraard.<p>Om de 100ste verjaardag van <a href="https://www.boechoutsevv.be" target="_blank" rel="noopener">K. Boechoutse V.V.</a> te vieren werd er op de 100ste dag van het jaar de Wandeling van de Eeuw georganiseerd. Tijdens deze wandeling kon je de geschiedenis van de club ontdekken.</p> <p><img src="https://bckn.be/img/wandelingvdeeuw.jpg" alt="image" /></p> <p>We vertrokken langs het B en C veld waar de vroegere kleedkamers waren in wat nu het materiaalkot is. Uiteraard zonder stromend water. De tweede stop op de wandeling was bij Marcel, de trouwste en oudste supporter van den Boechoutse en naar wie het <a href="https://www.boechoutsevv.be/kbvv-shop-1/marcelleke" target="_blank" rel="noopener">champagnebier</a> is vernoemd. Na de supporters kwamen nu de oprichters en voorzitters aan de beurt. Kinderdagverblijf “De Kleine Berg” was vroeger een café en waar richt je een voetbalploeg op, uiteraard.</p> <ul class="gallery_new" data-gallery-id="0001" data-show-alt="false"> <li class="gallery-item"> <img src="https://bckn.be/2021/04/11/Wandelingvandeeeuw/images/IMG_3753.jpeg" alt="Image 1" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2021/04/11/Wandelingvandeeeuw/images/IMG_3754.jpeg" alt=" Image 2" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2021/04/11/Wandelingvandeeeuw/images/IMG_3766.jpeg" alt=" Image 3" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2021/04/11/Wandelingvandeeeuw/images/IMG_3771.jpeg" alt=" Image 4" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2021/04/11/Wandelingvandeeeuw/images/IMG_3773.jpeg" alt=" Image 5" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2021/04/11/Wandelingvandeeeuw/images/IMG_3780.jpeg" alt="Image 6" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2021/04/11/Wandelingvandeeeuw/images/IMG_3782.jpeg" alt="Image 7" class='clickable-image' data-gallery-id="0001" loading="lazy" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2021/04/11/Wandelingvandeeeuw/images/IMG_3787.jpeg" alt="Image 8" class='clickable-image' data-gallery-id="0001" loading="lazy" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2021/04/11/Wandelingvandeeeuw/images/IMG_3792.jpeg" alt="Image 9" class='clickable-image' data-gallery-id="0001" loading="lazy" /> </li> </ul> <style> .gallery_new { column-count: 1; column-gap: 10px; margin: 0; padding: 0; width: 100%; } .gallery-item { list-style-type: none; display: inline-block; width: 100%; padding-bottom: 10px; break-inside: avoid; } .gallery-item img { width: 100%; height: auto; cursor: pointer; } @media (min-width: 1000px) { .gallery_new { column-count: 3; } } .lightbox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px); } .lightbox-img-container { position: relative; max-width: calc(100% - 150px); max-height: calc(100% - 150px); } .lightbox-img-container img { max-width: 100%; display: block; margin: auto; max-height: calc(100vh - 150px); } .lightbox-close-button { position: absolute; top: 5px; right: 5px; background: none; border: none; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); font-size: 1em; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; cursor: pointer; opacity: 0; transition: opacity 0.3s; } .show-close-button .lightbox-close-button { opacity: 1; } .lightbox-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; filter: blur(8px); z-index: -1; } .lightbox-button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; font-size: 2em; cursor: pointer; opacity: 0; transition: opacity 0.3s; padding: 0.5vw; border-radius: 8px; height: 80%; } .lightbox-button:hover { opacity: 1; background: rgba(0, 0, 0, 0.3); } .lightbox-button-left { left: 0px; } .lightbox-button-right { right: 0px; } </style> <script> function initGallery(gallery) { gallery.addEventListener('click', function (event) { if (event.target.classList.contains('clickable-image')) { const clickedImage = event.target; const showAlt = false ; const images = gallery.querySelectorAll('.clickable-image'); const image = event.target; if (window.innerWidth >= 1000) { const lightbox = document.createElement('div'); lightbox.classList.add('lightbox'); const imgContainer = document.createElement('div'); imgContainer.classList.add('lightbox-img-container'); const img = document.createElement('img'); img.src = image.src; const caption = document.createElement('div'); caption.classList.add('lightbox-caption'); caption.innerHTML = image.alt; imgContainer.appendChild(img); if (showAlt) { imgContainer.appendChild(caption); } img.dataset.currentIndex = Array.from(images).indexOf(event.target); img.style.maxWidth = '100%'; const closeButton = document.createElement('button'); closeButton.innerHTML = 'X'; closeButton.classList.add('lightbox-close-button'); const buttonLeft = document.createElement('button'); buttonLeft.innerHTML = '‹'; buttonLeft.classList.add('lightbox-button', 'lightbox-button-left'); const buttonRight = document.createElement('button'); buttonRight.innerHTML = '›'; buttonRight.classList.add('lightbox-button', 'lightbox-button-right'); imgContainer.appendChild(img); imgContainer.appendChild(closeButton); imgContainer.appendChild(buttonLeft); imgContainer.appendChild(buttonRight); lightbox.appendChild(imgContainer); document.body.appendChild(lightbox); function updateImage(imgIndex) { if (imgIndex >= 0 && imgIndex < images.length) { img.src = images[imgIndex].src; img.alt = images[imgIndex].alt; img.dataset.currentIndex = imgIndex; caption.innerHTML = images[imgIndex].alt; } } imgContainer.addEventListener('click', function(event) { if (event.target === img) { const currentIndex = parseInt(img.dataset.currentIndex, 10); const imgRect = img.getBoundingClientRect(); const isClickedOnLeftSide = event.clientX < imgRect.left + (imgRect.width / 2); let newIndex; if (isClickedOnLeftSide) { newIndex = (currentIndex - 1 + images.length) % images.length; } else { newIndex = (currentIndex + 1) % images.length; } updateImage(newIndex); } }); buttonLeft.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex - 1 + images.length) % images.length; updateImage(newIndex); }); buttonRight.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex + 1) % images.length; updateImage(newIndex); }); closeButton.addEventListener('click', function() { document.body.removeChild(lightbox); }); lightbox.addEventListener('click', function(event) { if (event.target === this) { document.body.removeChild(lightbox); } }); lightbox.addEventListener('mousemove', function(event) { const closeButtonRect = closeButton.getBoundingClientRect(); const buffer = 50; const isMouseNearCloseButton = event.clientX >= (closeButtonRect.left - buffer) && event.clientX <= (closeButtonRect.right + buffer) && event.clientY >= (closeButtonRect.top - buffer) && event.clientY <= (closeButtonRect.bottom + buffer); if (isMouseNearCloseButton) { imgContainer.classList.add('show-close-button'); } else { imgContainer.classList.remove('show-close-button'); } }); lightbox.addEventListener('mousemove', function(event) { const buttonRectLeft = buttonLeft.getBoundingClientRect(); const buttonRectRight = buttonRight.getBoundingClientRect(); const distanceLeft = Math.hypot( event.clientX - (buttonRectLeft.left + buttonRectLeft.width / 2), event.clientY - (buttonRectLeft.top + buttonRectLeft.height / 2) ); const distanceRight = Math.hypot( event.clientX - (buttonRectRight.left + buttonRectRight.width / 2), event.clientY - (buttonRectRight.top + buttonRectRight.height / 2) ); const maxDistance = 100; buttonLeft.style.opacity = Math.max(0, 1 - distanceLeft / maxDistance); buttonRight.style.opacity = Math.max(0, 1 - distanceRight / maxDistance); }); } } }); } document.querySelectorAll('.gallery_new').forEach(initGallery); </script> <p>De volgende stops aan de dreef en de molen tonen plaatsen waar de club nog gespeeld heeft om daarna de vrijwilligers te eren en terug op de club aan te komen. Op de club konden we coronaproof genieten van een hapje en een drankje, al moesten we eerder schuilen voor de regen.</p> <p>Een topwandeling georganiseerd door een topclub en topteam!</p>wandelenK. Boechoutse V.V.voetbalEmielpersoonlijkhttps://bckn.be/2021/04/11/Wandelingvandeeeuw/https://bckn.be/2021/03/15/wij%20lezen%20twee%20verhaaltjes/Mon, 15 Mar 2021 17:21:01 +0100stefan@bckn.be (Stefan Bocken) Sinds kort lezen wij twee verhaaltjes voor het slapen gaan. Eentje door de mama en eentje door de papa. De aanzet om twee verhaaltjes voor te lezen was de poëzieweek en de gedichtjes die de leerkrachten hadden voorzien via filmpjes. Spelen met taal en de liefde voor het lezen geven we graag door aan Emiel dus, DuckDuckGo to the rescue! In mijn zoektocht naar gedichtenbundels voor kinderen kwam ik al snel uit bij “Als de bomen straks gaan rijden zal mijn hoofd dan blijven staan?” van Frank Adam.<p>Sinds kort lezen wij twee verhaaltjes voor het slapen gaan. Eentje door de mama en eentje door de papa.</p> <p>De aanzet om twee verhaaltjes voor te lezen was de poëzieweek en de gedichtjes die de leerkrachten hadden voorzien via filmpjes. Spelen met taal en de liefde voor het lezen geven we graag door aan Emiel dus, <a href="https://duckduckgo.com" target="_blank" rel="noopener">DuckDuckGo</a> to the rescue!</p> <p>In mijn zoektocht naar gedichtenbundels voor kinderen kwam ik al snel uit bij “<strong>Als de bomen straks gaan rijden zal mijn hoofd dan blijven staan?</strong>” van Frank Adam.</p> <p>Een boek met versjes en gedichten voor kinderen vanaf 5jaar.</p> <p>Nog op de leeslijst:</p> <ul> <li>Opa Laat Zijn Tenen Zien, Edward van de Vendel - <a href="https://www.bol.com/nl/p/opa-laat-zijn-tenen-zien/1001004006043487/" target="_blank" rel="noopener">9789045106557</a></li> <li>Jij bent de liefste, Hans Hagen - <a href="https://www.bol.com/nl/p/jij-bent-de-liefste/1001004001807555/" target="_blank" rel="noopener">9789045100142</a></li> <li>Zo mooi anders, Diverse auteurs - <a href="https://www.bol.com/nl/p/zo-mooi-anders/9200000035924479/" target="_blank" rel="noopener">9789047700142</a></li> <li>Harrie Jekkers &amp; Fay Lovsky, Verdriet Is Drie Sokken <a href="https://www.bol.com/nl/p/harrie-jekkers-fay-lovsky-verdriet-is-drie-sokken-m-m-v-eric-vaarzon-morel-eric-vloeimans/1000004006274483/" target="_blank" rel="noopener">..</a></li> </ul>lezenverhaaltjespoëzieEmielpersoonlijkhttps://bckn.be/2021/03/15/wij%20lezen%20twee%20verhaaltjes/https://bckn.be/2021/01/31/Wandelen%20in%20het%20Viersels%20gebroekt/Sun, 31 Jan 2021 17:21:01 +0100stefan@bckn.be (Stefan Bocken) Vandaag hebben we spontaan beslist om toch nog te gaan wandelen. Na even zoeken op de website van natuurpunt kwamen we terecht in Viersel voor een wandeling van 4,5km in het Viersels gebroekt. Bij het vertrek aan de kerk van Viersel zagen we dat er ons een leuke traktatie te wachten stond bij terugkomst. Een kleine caravan die warme chocolademelk en pannenkoeken verkocht 🙂! Maar eerst wandelen! De wandeling zelf vertrekt aan de kerk en na een paar 100m wandelen kom je terecht tussen de weien. Normaal wandel je tot aan het Netekanaal, zo ver zijn wij jammer genoeg niet geraakt. Het wandelpad was overstroomd en ook al hadden we wandelschoenen aan, zonder laarzen konden we niet verder. De enige optie was terugdraaien en iets sneller genieten van de traktatie! Ook al was het een iets kortere wandeling dan verwacht, wij komen zeker terug. Het stukje waar we van hebben kunnen genieten deed ons uitkijken naar meer.<p>Vandaag hebben we spontaan beslist om toch nog te gaan wandelen. Na even zoeken op de website van <a href="https://www.natuurpunt.be" target="_blank" rel="noopener">natuurpunt</a> kwamen we terecht in Viersel voor een wandeling van 4,5km in het <a href="https://www.natuurpunt.be/natuurgebied/kleine-netevallei-viersels-gebroekt-steenbeemden" target="_blank" rel="noopener">Viersels gebroekt</a>. Bij het vertrek aan de kerk van Viersel zagen we dat er ons een leuke traktatie te wachten stond bij terugkomst. Een kleine caravan die warme chocolademelk en pannenkoeken verkocht 🙂!</p> <p>Maar eerst wandelen!</p> <p>De wandeling zelf vertrekt aan de kerk en na een paar 100m wandelen kom je terecht tussen de weien. Normaal wandel je tot aan het Netekanaal, zo ver zijn wij jammer genoeg niet geraakt. Het wandelpad was overstroomd en ook al hadden we wandelschoenen aan, zonder laarzen konden we niet verder. De enige optie was terugdraaien en iets sneller genieten van de traktatie! Ook al was het een iets kortere wandeling dan verwacht, wij komen zeker terug. Het stukje waar we van hebben kunnen genieten deed ons uitkijken naar meer.</p> <ul class="gallery_new" data-gallery-id="0001" data-show-alt="false"> <li class="gallery-item"> <img src="https://bckn.be/2021/01/31/Wandelen%20in%20het%20Viersels%20gebroekt/images/20210131_141611767_iOS.jpg" alt="Image 1" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2021/01/31/Wandelen%20in%20het%20Viersels%20gebroekt/images/20210131_141840594_iOS.jpg" alt=" Image 2" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2021/01/31/Wandelen%20in%20het%20Viersels%20gebroekt/images/20210131_142220690_iOS.jpg" alt=" Image 3" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> </ul> <style> .gallery_new { column-count: 1; column-gap: 10px; margin: 0; padding: 0; width: 100%; } .gallery-item { list-style-type: none; display: inline-block; width: 100%; padding-bottom: 10px; break-inside: avoid; } .gallery-item img { width: 100%; height: auto; cursor: pointer; } @media (min-width: 1000px) { .gallery_new { column-count: 3; } } .lightbox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px); } .lightbox-img-container { position: relative; max-width: calc(100% - 150px); max-height: calc(100% - 150px); } .lightbox-img-container img { max-width: 100%; display: block; margin: auto; max-height: calc(100vh - 150px); } .lightbox-close-button { position: absolute; top: 5px; right: 5px; background: none; border: none; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); font-size: 1em; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; cursor: pointer; opacity: 0; transition: opacity 0.3s; } .show-close-button .lightbox-close-button { opacity: 1; } .lightbox-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; filter: blur(8px); z-index: -1; } .lightbox-button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; font-size: 2em; cursor: pointer; opacity: 0; transition: opacity 0.3s; padding: 0.5vw; border-radius: 8px; height: 80%; } .lightbox-button:hover { opacity: 1; background: rgba(0, 0, 0, 0.3); } .lightbox-button-left { left: 0px; } .lightbox-button-right { right: 0px; } </style> <script> function initGallery(gallery) { gallery.addEventListener('click', function (event) { if (event.target.classList.contains('clickable-image')) { const clickedImage = event.target; const showAlt = false ; const images = gallery.querySelectorAll('.clickable-image'); const image = event.target; if (window.innerWidth >= 1000) { const lightbox = document.createElement('div'); lightbox.classList.add('lightbox'); const imgContainer = document.createElement('div'); imgContainer.classList.add('lightbox-img-container'); const img = document.createElement('img'); img.src = image.src; const caption = document.createElement('div'); caption.classList.add('lightbox-caption'); caption.innerHTML = image.alt; imgContainer.appendChild(img); if (showAlt) { imgContainer.appendChild(caption); } img.dataset.currentIndex = Array.from(images).indexOf(event.target); img.style.maxWidth = '100%'; const closeButton = document.createElement('button'); closeButton.innerHTML = 'X'; closeButton.classList.add('lightbox-close-button'); const buttonLeft = document.createElement('button'); buttonLeft.innerHTML = '‹'; buttonLeft.classList.add('lightbox-button', 'lightbox-button-left'); const buttonRight = document.createElement('button'); buttonRight.innerHTML = '›'; buttonRight.classList.add('lightbox-button', 'lightbox-button-right'); imgContainer.appendChild(img); imgContainer.appendChild(closeButton); imgContainer.appendChild(buttonLeft); imgContainer.appendChild(buttonRight); lightbox.appendChild(imgContainer); document.body.appendChild(lightbox); function updateImage(imgIndex) { if (imgIndex >= 0 && imgIndex < images.length) { img.src = images[imgIndex].src; img.alt = images[imgIndex].alt; img.dataset.currentIndex = imgIndex; caption.innerHTML = images[imgIndex].alt; } } imgContainer.addEventListener('click', function(event) { if (event.target === img) { const currentIndex = parseInt(img.dataset.currentIndex, 10); const imgRect = img.getBoundingClientRect(); const isClickedOnLeftSide = event.clientX < imgRect.left + (imgRect.width / 2); let newIndex; if (isClickedOnLeftSide) { newIndex = (currentIndex - 1 + images.length) % images.length; } else { newIndex = (currentIndex + 1) % images.length; } updateImage(newIndex); } }); buttonLeft.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex - 1 + images.length) % images.length; updateImage(newIndex); }); buttonRight.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex + 1) % images.length; updateImage(newIndex); }); closeButton.addEventListener('click', function() { document.body.removeChild(lightbox); }); lightbox.addEventListener('click', function(event) { if (event.target === this) { document.body.removeChild(lightbox); } }); lightbox.addEventListener('mousemove', function(event) { const closeButtonRect = closeButton.getBoundingClientRect(); const buffer = 50; const isMouseNearCloseButton = event.clientX >= (closeButtonRect.left - buffer) && event.clientX <= (closeButtonRect.right + buffer) && event.clientY >= (closeButtonRect.top - buffer) && event.clientY <= (closeButtonRect.bottom + buffer); if (isMouseNearCloseButton) { imgContainer.classList.add('show-close-button'); } else { imgContainer.classList.remove('show-close-button'); } }); lightbox.addEventListener('mousemove', function(event) { const buttonRectLeft = buttonLeft.getBoundingClientRect(); const buttonRectRight = buttonRight.getBoundingClientRect(); const distanceLeft = Math.hypot( event.clientX - (buttonRectLeft.left + buttonRectLeft.width / 2), event.clientY - (buttonRectLeft.top + buttonRectLeft.height / 2) ); const distanceRight = Math.hypot( event.clientX - (buttonRectRight.left + buttonRectRight.width / 2), event.clientY - (buttonRectRight.top + buttonRectRight.height / 2) ); const maxDistance = 100; buttonLeft.style.opacity = Math.max(0, 1 - distanceLeft / maxDistance); buttonRight.style.opacity = Math.max(0, 1 - distanceRight / maxDistance); }); } } }); } document.querySelectorAll('.gallery_new').forEach(initGallery); </script>wandelenviersels gebroektpersoonlijkhttps://bckn.be/2021/01/31/Wandelen%20in%20het%20Viersels%20gebroekt/https://bckn.be/2021/01/08/Nieuwjaarswandeling%20met%20oma%20&%20opa/Fri, 08 Jan 2021 13:51:01 +0100stefan@bckn.be (Stefan Bocken) Met het nieuwe jaar komen ook de nieuwjaarsbrieven. Normaal is dit een leuk moment waar we samen tafelen en heel de familie nog eens bij elkaar is. Dankzij Corona zoeken we andere manieren, en vaak eindigen we met een wandeling. Zo ook met oma &amp;amp; opa. Eerst werd de brief nog bedeesd voorgelezen aan de deur om dan snel naar de Kalmthoutse Heide te rijden voor een leuke wandeling. Gelukkig waren we er op tijd bij want het, eens zo rustige natuurgebied, wordt stilaan overrompeld door wandelaars. We kozen voor wandelpad libel van 4,7km. Emiel heeft er van genoten al was het nog net iets te ver en duurden de laatste hectometers iets langer dan in het begin.<p>Met het nieuwe jaar komen ook de nieuwjaarsbrieven. Normaal is dit een leuk moment waar we samen tafelen en heel de familie nog eens bij elkaar is. Dankzij Corona zoeken we andere manieren, en vaak eindigen we met een wandeling.</p> <p>Zo ook met oma &amp; opa. Eerst werd de brief nog bedeesd voorgelezen aan de deur om dan snel naar de Kalmthoutse Heide te rijden voor een leuke wandeling.</p> <p>Gelukkig waren we er op tijd bij want het, eens zo rustige natuurgebied, wordt stilaan overrompeld door wandelaars. We kozen voor <a href="https://grensparkkalmthoutseheide.com/wandelpad-libel/" target="_blank" rel="noopener">wandelpad libel</a> van 4,7km. Emiel heeft er van genoten al was het nog net iets te ver en duurden de laatste hectometers iets langer dan in het begin.</p> <ul class="gallery_new" data-gallery-id="0001" data-show-alt="false"> <li class="gallery-item"> <img src="https://bckn.be/2021/01/08/Nieuwjaarswandeling%20met%20oma%20&amp;%20opa/images/Emielbegrazing.jpg" alt="Image 1" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2021/01/08/Nieuwjaarswandeling%20met%20oma%20&amp;%20opa/images/Emieltrager.jpg" alt=" Image 2" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> <li class="gallery-item"> <img src="https://bckn.be/2021/01/08/Nieuwjaarswandeling%20met%20oma%20&amp;%20opa/images/Emielvuurtoren.heic" alt=" Image 3" class='clickable-image' data-gallery-id="0001" loading="eager" /> </li> </ul> <style> .gallery_new { column-count: 1; column-gap: 10px; margin: 0; padding: 0; width: 100%; } .gallery-item { list-style-type: none; display: inline-block; width: 100%; padding-bottom: 10px; break-inside: avoid; } .gallery-item img { width: 100%; height: auto; cursor: pointer; } @media (min-width: 1000px) { .gallery_new { column-count: 3; } } .lightbox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px); } .lightbox-img-container { position: relative; max-width: calc(100% - 150px); max-height: calc(100% - 150px); } .lightbox-img-container img { max-width: 100%; display: block; margin: auto; max-height: calc(100vh - 150px); } .lightbox-close-button { position: absolute; top: 5px; right: 5px; background: none; border: none; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); font-size: 1em; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; cursor: pointer; opacity: 0; transition: opacity 0.3s; } .show-close-button .lightbox-close-button { opacity: 1; } .lightbox-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; filter: blur(8px); z-index: -1; } .lightbox-button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; font-size: 2em; cursor: pointer; opacity: 0; transition: opacity 0.3s; padding: 0.5vw; border-radius: 8px; height: 80%; } .lightbox-button:hover { opacity: 1; background: rgba(0, 0, 0, 0.3); } .lightbox-button-left { left: 0px; } .lightbox-button-right { right: 0px; } </style> <script> function initGallery(gallery) { gallery.addEventListener('click', function (event) { if (event.target.classList.contains('clickable-image')) { const clickedImage = event.target; const showAlt = false ; const images = gallery.querySelectorAll('.clickable-image'); const image = event.target; if (window.innerWidth >= 1000) { const lightbox = document.createElement('div'); lightbox.classList.add('lightbox'); const imgContainer = document.createElement('div'); imgContainer.classList.add('lightbox-img-container'); const img = document.createElement('img'); img.src = image.src; const caption = document.createElement('div'); caption.classList.add('lightbox-caption'); caption.innerHTML = image.alt; imgContainer.appendChild(img); if (showAlt) { imgContainer.appendChild(caption); } img.dataset.currentIndex = Array.from(images).indexOf(event.target); img.style.maxWidth = '100%'; const closeButton = document.createElement('button'); closeButton.innerHTML = 'X'; closeButton.classList.add('lightbox-close-button'); const buttonLeft = document.createElement('button'); buttonLeft.innerHTML = '‹'; buttonLeft.classList.add('lightbox-button', 'lightbox-button-left'); const buttonRight = document.createElement('button'); buttonRight.innerHTML = '›'; buttonRight.classList.add('lightbox-button', 'lightbox-button-right'); imgContainer.appendChild(img); imgContainer.appendChild(closeButton); imgContainer.appendChild(buttonLeft); imgContainer.appendChild(buttonRight); lightbox.appendChild(imgContainer); document.body.appendChild(lightbox); function updateImage(imgIndex) { if (imgIndex >= 0 && imgIndex < images.length) { img.src = images[imgIndex].src; img.alt = images[imgIndex].alt; img.dataset.currentIndex = imgIndex; caption.innerHTML = images[imgIndex].alt; } } imgContainer.addEventListener('click', function(event) { if (event.target === img) { const currentIndex = parseInt(img.dataset.currentIndex, 10); const imgRect = img.getBoundingClientRect(); const isClickedOnLeftSide = event.clientX < imgRect.left + (imgRect.width / 2); let newIndex; if (isClickedOnLeftSide) { newIndex = (currentIndex - 1 + images.length) % images.length; } else { newIndex = (currentIndex + 1) % images.length; } updateImage(newIndex); } }); buttonLeft.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex - 1 + images.length) % images.length; updateImage(newIndex); }); buttonRight.addEventListener('click', function(event) { event.stopPropagation(); const currentIndex = parseInt(img.dataset.currentIndex, 10); const newIndex = (currentIndex + 1) % images.length; updateImage(newIndex); }); closeButton.addEventListener('click', function() { document.body.removeChild(lightbox); }); lightbox.addEventListener('click', function(event) { if (event.target === this) { document.body.removeChild(lightbox); } }); lightbox.addEventListener('mousemove', function(event) { const closeButtonRect = closeButton.getBoundingClientRect(); const buffer = 50; const isMouseNearCloseButton = event.clientX >= (closeButtonRect.left - buffer) && event.clientX <= (closeButtonRect.right + buffer) && event.clientY >= (closeButtonRect.top - buffer) && event.clientY <= (closeButtonRect.bottom + buffer); if (isMouseNearCloseButton) { imgContainer.classList.add('show-close-button'); } else { imgContainer.classList.remove('show-close-button'); } }); lightbox.addEventListener('mousemove', function(event) { const buttonRectLeft = buttonLeft.getBoundingClientRect(); const buttonRectRight = buttonRight.getBoundingClientRect(); const distanceLeft = Math.hypot( event.clientX - (buttonRectLeft.left + buttonRectLeft.width / 2), event.clientY - (buttonRectLeft.top + buttonRectLeft.height / 2) ); const distanceRight = Math.hypot( event.clientX - (buttonRectRight.left + buttonRectRight.width / 2), event.clientY - (buttonRectRight.top + buttonRectRight.height / 2) ); const maxDistance = 100; buttonLeft.style.opacity = Math.max(0, 1 - distanceLeft / maxDistance); buttonRight.style.opacity = Math.max(0, 1 - distanceRight / maxDistance); }); } } }); } document.querySelectorAll('.gallery_new').forEach(initGallery); </script>nieuwjaarwandelenkalmthoutse heidepersoonlijkhttps://bckn.be/2021/01/08/Nieuwjaarswandeling%20met%20oma%20&%20opa/https://bckn.be/2020/11/25/Black%20Friday/Wed, 25 Nov 2020 18:30:36 +0100stefan@bckn.be (Stefan Bocken) &amp;ldquo;Koopjes doen op Black Friday én de kosten spreiden&amp;rdquo;, zo kwam de e-mail binnen van mijn bank.<p>&ldquo;Koopjes doen op <em>Black Friday</em> én de kosten spreiden&rdquo;, zo kwam de e-mail binnen van mijn bank.</p> <p>Mijn haar ging <strong>direct</strong> recht staan.</p> <p>Of je moet meedoen met de opgeklopte hype van <em>Black Friday</em> laat ik nog in het midden. Ik vermoed dat je zeker goede deals zal kunnen vinden, al zal je sowieso aangespoord worden tot een impulsieve, en hoogstwaarschijnlijk onnodige, aankoop. Waarom ging mijn haar rechtstaan? Het tweede deel van de titel: <strong>kosten spreiden</strong>. Dit doet vermoeden dat je zonder zorgen jouw uitgaven rustig kan spreiden én je budget <em>extra ruimte</em> kan geven.</p> <p>Feitelijk gaat het over een persoonlijke lening met als interest 4,75% en verhoog je niet je budget maar je schulden. Ik heb nog geen tijd gehad om verder in te gaan op de software die we hier gebruiken (<a href="https://ynab.com/referral/?ref=nK4-awM84GDPqxy7&amp;utm_source=customer_referral" target="_blank" rel="noopener">YNAB</a> (referral link)) maar onderliggend wordt er gebruik gemaakt van een systeem bestaande uit 4 regels. Je weet dat <em>Black Friday</em> er aan komt, net zoals Kerstmis, dus zorg ervoor dat je geld op zij zet tijdens het jaar. Elke maand €50 geeft na 12 maanden een mooie som van €600 die je zonder een persoonlijke lening met véél meer voldoening gaat kunnen uitgeven.</p> <p>Regel 2: Embrace your true expenses oftewel Omarm je grote kosten en breek ze op in maandelijkse bijdragen.</p>budgetynabblack fridaykbcbudgethttps://bckn.be/2020/11/25/Black%20Friday/