Changelog

Nieuw logo

• Het bord met Voor de volgers is opnieuw getekend in plaats van een foto: dezelfde blauwe, groene en oranje letters op karton, maar strak en scherp op elk formaat, ook in de donkere weergave.
• De favicon is een klein bord met VDV, zodat hij ook in een tabblad nog te lezen is. Hetzelfde bord is het icoon op het beginscherm van je telefoon.
• De voorvertoning bij delen van de homepage, Brabant, Den Haag en Amsterdam toont het nieuwe bord.

Kaart met het parcours

• Zolang je nog geen loper hebt gekozen, staat op de TRACX-pagina's (zoals /terschelling en /apeldoorn) een kaart met het parcours van alle afstanden, elk in een eigen kleur en met een legenda.
• Tik op een afstand om die uit te lichten, of op de kaart om te zien welke afstanden daar langskomen en bij welke km.
• Op brede schermen staat het zoeken links en de kaart rechts.

Uitleg onderaan ingeklapt

• De uitleg over meetpunten, schattingen en het weer onderaan de pagina staat nu achter één rustige regel, Hoe werkt deze pagina?, die op een tik openklapt. Op de TRACX-pagina's, de eigen adressen, Brabant en Den Haag.

Elke marathon op TRACX

• Eén gedeelde pagina voor elk event dat de live-tracking van TRACX gebruikt: /volg/?event=…. Naam, plaats, afstanden, starttijden, de route en de meetpunten komen uit TRACX, dus voor een nieuwe marathon is er geen handwerk meer.
• De pagina past zich aan de meetpunten aan: tempo per 5 km als de meeste punten op hele 5 km liggen (ook bij een meetpunt per km, zoals in Frankfurt), anders per stuk tussen de meetpunten (zoals in Brabant of op Terschelling). Bij heel veel meetpunten tonen tabel en kaart alleen de 5-km-punten, de halve en de finish.
• Het weer geldt voor het begin van de route; in Nederland en België met het KNMI-model, elders kiest Open-Meteo het model.
• Op de homepage staat onder de vaste kaarten een lijst Meer marathons: Nederland en België, plus een paar grote buitenlandse marathons.
• Populaire marathons krijgen een eigen adres met een eigen voorvertoning bij delen, zoals /terschelling en /apeldoorn.
• Brabant en Den Haag houden tot na 1 november hun eigen pagina; daarna gaan ze ook over op de gedeelde code.

Brabant en Den Haag: streeftijd en starttijd op de telefoon

• De velden openen een cijfertoetsenbord, en de dubbele punt komt er vanzelf in: typ 315 voor 3:15, 1058 voor 10:58 of 55 voor 55 minuten. Voorheen zat er op de telefoon geen dubbele punt op het toetsenbord, waardoor een tijd niet aan te passen was. Op de computer kan typen met een dubbele punt nog steeds.
• Wat je aanpast blijft staan tot je op Opslaan of Bevestig tikt; het verversen van de pagina zet het veld niet meer terug.

Uitlegpagina zonder vaste marathons

• /uitleg noemt geen speelduur meer (die staat in de videospeler) en geen vaste marathons: de knop "Kies je marathon" gaat naar de lijst op de homepage.

Wind en weer op de kaart

• Op de kaart stromen rustige lijntjes mee met de wind tijdens de race, onder de route door. Hoe harder het waait, hoe sneller ze gaan.
• Onderin de kaart een schuif per kwartier, van de start van de loper tot de verwachte finish (zonder streeftijd op 6 min/km). Ernaast staat waar de loper dan ongeveer is, bijvoorbeeld "Wind om 11:15 (≈ 8 km)", en op de route schuift een stip met die tijd mee. Tot de laatste meting op de gemeten tijden, daarna op het verwachte tempo.
• Tijdens de race staat de schuif vanzelf op het huidige kwartier ("Wind nu") en loopt hij met de klok mee, tot je hem zelf verschuift.
• Rechtsboven een weerkaartje met temperatuur en wind op het gekozen moment. "Meer" klapt de gevoelstemperatuur, windkracht, windstoten, regenkans en de lucht uit; "Toon wind" zet de stroming en de schuif aan of uit (bewaard in je browser).
• Bron: Open-Meteo, met het KNMI-model (2 km) en verder dan twee dagen vooruit ECMWF, elk kwartier bijgewerkt. De verwachting geldt voor Etten-Leur, Den Haag of Amsterdam. Bij Amsterdam, en na afloop overal, staat het weer zoals het tijdens de race was ("Weer om" in plaats van "Verwachting").
• De kaart zoomt zo dat de route boven de schuif blijft, ook op de telefoon.

Brabant en Den Haag: minder verversen vóór de race

• Tot een uur voor de start ververst de pagina elk half uur in plaats van elke minuut; de status zegt dan "Vóór de start". Vanaf een uur voor de start (of de eigen starttijd), en zodra een gevolgde loper gestart is, weer elke minuut en "Live".

Nieuwe uitlegvideo en uitlegpagina's

• De video op /uitleg is opnieuw opgenomen op de pagina van Brabant, weer met drie verzonnen lopers. Hij duurt nu 86 s en laat ook het aftellen naar de start, eigen kijkplekken, wind en weer, zoeken op naam en delen zien.
• Dezelfde soundtrack, met één frase van acht maten herhaald; de finish-drop valt nu op 60 s.
• De uitlegpagina noemt de nieuwe functies, met knoppen naar Brabant, Den Haag en de uitslagen van Amsterdam.
• De aparte uitlegpagina van Amsterdam, met de eerste video, is weg. /amsterdam/uitleg stuurt nu door naar /uitleg.

Van Oers Marathon Brabant op /brabant

• Dezelfde live-pagina als voor Den Haag, met data uit TRACX: de live-tracking achter de app van de Van Oers Marathon Brabant in Etten-Leur (zondag 25 oktober).
• Alle afstanden: marathon, halve marathon, 10 km, 5 km en 2,5 km, elk met de eigen route op de kaart. Zoeken op startnummer of naam gaat in alle vijf tegelijk.
• TRACX meet bij de marathon op 10 km, de halve en 31 km, bij de halve marathon op 10 km en bij de kortere afstanden alleen de finish. Het tempo per stuk loopt daarom van meetpunt tot meetpunt in plaats van per 5 km; het cijfer heet nu "Laatste stuk".
• Alleen bij de marathon zie je of de loper versnelt of vertraagt. Bij de 5 en 2,5 km is er geen doorkomsttabel. Een streeftijd kan vanaf 5 minuten, voor de 2,5 km.
• De gevolgde lopers worden apart bewaard van die van Den Haag en Amsterdam.

Brabant en Den Haag: vóór de start

• Is de loper nog niet gestart, dan toont de pagina geen lege live-cijfers maar een aftelling naar het startschot, met dag, tijd en plaats.
• Bovenaan staat één veld voor de streeftijd, waar mogelijk alvast ingevuld met de eindtijd die de loper zelf heeft opgegeven. Pas als je die bevestigt, verschijnen het tempo, de finishtijd en de tijden bij je kijkplekken. Ook na de start schat de pagina zonder meetpunt alleen op een bevestigde streeftijd.
• Daarnaast een veld starttijd, ingevuld met het startschot. Start de loper later, bijvoorbeeld in een latere startgolf, vul dan de eigen starttijd in: de aftelling, de finishtijd en alle tijden bij je kijkplekken rekenen daar dan vanaf. TRACX kent in Brabant en Den Haag geen startgolven. Zodra de loper echt start, telt de gemeten start.
• Kijken langs het parcours is een keuze, met een schakelaar boven de kijkplekken. Uit (voor wie op afstand meekijkt): geen kijkplekken, alleen de doorkomsten; vóór de start staan dan de verwachte doorkomsten in de tabel. Aan: je kiest je eigen kijkplekken. De keuze wordt per marathon onthouden; heb je al kijkplekken, dan staat hij vanzelf aan.
• Eigen kijkplekken: tik op "Kies een plek op de kaart" en daarna bij de route waar je gaat staan. Er gaat meteen een pop-up open waarin je de plek een naam kunt geven, maar dat hoeft niet. Loopt de route daar twee keer langs, dan krijg je beide tijden. In de lijst kun je de naam later aanpassen of de plek weghalen.
• De plekken worden in je browser bewaard, per marathon en niet per loper. Per plek zie je alle lopers die je volgt op volgorde van tijd, elk op de route van zijn eigen afstand. Tik op een naam om die loper in beeld te zetten. Wie niet langs de plek komt of nog geen streeftijd heeft, staat eronder.
• De plekken zijn genummerd in de volgorde waarin de loper in beeld ze passeert, op de kaart en in de lijst.
• Tijdens de race blijven je kijkplekken staan: al gepasseerde plekken in grijs, de rest met de verwachte tijd op het actuele tempo.
• Onderaan het veld: aantal lopers op de afstand, mannen en vrouwen, gemiddelde leeftijd. Zodra de loper start, komt de gewone live-weergave terug.

Delen en tijdvakken

• Deel een link van deze lopers, onder de gevolgde lopers: een link waarmee iemand anders meteen dezelfde lopers volgt, met de bevestigde streeftijd en eigen starttijd erbij. Op een telefoon opent het deelmenu, op een computer wordt de link gekopieerd. Wie de link opent, houdt zijn eigen streeftijden als die er al waren.
• Voorvertoning bij delen: de homepage en de pagina's van Brabant, Den Haag en Amsterdam hebben een eigen afbeelding (het bord, de naam en datum, en de route van de marathon) met titel en beschrijving. Een link in WhatsApp, iMessage of op sociale media krijgt zo een nette preview. Ook de marathonpagina's hebben nu een favicon, en de uitlegpagina verwijst met een volledig adres naar zijn afbeelding.
• Verwachte tijden staan nu als tijdvak, bijvoorbeeld 13:55–14:15: 5% speling op de tijd sinds de laatste meting, of sinds de start. Hoe meer tussentijden, hoe smaller het tijdvak; vlak na een meetpunt is het weer één tijd. Dat geldt voor de verwachte finishtijd, de doorkomsttabel, "Volgende meting", de kaart en de kijkplekken.
• Tijdens de race: de verwachte eindtijd staat afgerond (≈ 2:52 u), onder "Laatste punt" staat waar de loper nu ongeveer is ("nu rond 25 km") en de stip op de balk schuift mee. Verwachte punten waar de loper volgens de schatting al voorbij is, heten "waarschijnlijk voorbij", ook bij de kijkplekken. De verwachte split verschijnt pas na een meetpunt voorbij de halve, en is afgerond op minuten.
• Korte links /menno (startnummer 221, streeftijd 2:55) en /koen (startnummer 352) naar Brabant.
• In de doorkomsttabel staan de verwachte punten onder een eigen kopje "Verwacht · ±5% speling", met afgeronde tijden (bijvoorbeeld ≈ 1:24 u en ≈ 44 min) in plaats van tijden op de seconde.

Brabant en Den Haag: betrouwbaarder ophalen

• TRACX weigert meer dan ongeveer één verzoek per seconde. Wie veel lopers volgde of zocht, kreeg dan "TRACX niet bereikbaar". De pagina vraagt nu alles na elkaar op, met een korte pauze, en probeert het bij een fout één keer opnieuw.
• Vóór de racedag staat bij "Volgende meting" niet meer "kan elk moment binnenkomen", maar de verwachte tijd "op de racedag".
• De geschatte punten elke 5 km staan niet meer als "volgend meetpunt" op de kaart; daar staan alleen de echte meetpunten van TRACX. In de tabel krijgen ze het label "geen meetpunt".

NN Marathon The Hague op /denhaag

Live data

• Dezelfde live-pagina als voor Amsterdam, met data uit TRACX: de live-tracking achter de app van de NN Marathon The Hague (zondag 1 november). De tijdregistratie doet ChronoRace.
• De meetpunten komen automatisch uit TRACX. Komen er voor de racedag tussenpunten bij, dan verschijnen die vanzelf. "Volgende meting" noemt alleen punten die echt gemeten worden.
• Lopers die uitvallen of niet starten krijgen de status "Uitgevallen" of "Niet gestart", met waar ze het laatst gezien zijn.

Lopers zoeken en volgen

• Zoeken op startnummer of naam, in de marathon, de 10 km en de 5 km tegelijk. Bij meerdere treffers verschijnt een keuzelijst.
• De gevolgde lopers worden apart bewaard van die van Amsterdam.

Streeftijd

• TRACX meet in Den Haag nu alleen start en finish. Daarom kun je per loper een streeftijd invullen (bijvoorbeeld 3:45, of 55 voor minuten). Daarop schat de pagina de doorkomsten per 5 km, de verwachte eindtijd en het rode bolletje , tot er een echt meetpunt binnenkomt.
• Vóór de start rekent de schatting vanaf het startschot, als indicatie. Na de start rekent hij vanaf de werkelijke start van de loper.

Drie afstanden

• Elke loper krijgt de route van de eigen afstand op de kaart: marathon, 10 km of 5 km.
• Bij de 10 en 5 km is versnellen of vertragen weinig zinvol. Daar ontbreken de grafiek, het cijfer "Laatste 5 km", de ▲/▼ in de lijst en de tempografiek in het finishoverzicht en de replay.
• Bij de 5 km wordt alleen de finish gemeten, dus daar is er ook geen doorkomsttabel.

Homepage, uitleg en changelog

• De homepage (/) vervangt de pauzepagina. Per marathon staat er een kaart met de datum en een status die zichzelf bijwerkt: "Over 13 dagen", "Morgen", "Vandaag live" of "Afgelopen".
• Algemene uitlegpagina op /uitleg, met knoppen naar Den Haag en Amsterdam.
• De productvideo is opnieuw opgenomen met drie verzonnen lopers. Hun namen, startnummers, tijden en plaatsen bestaan niet. De soundtrack en de opbouw zijn gelijk aan de eerste video.
• De changelog staat nu hier, op /uitleg/changelog. Het oude adres stuurt door.

Technisch

• De openbare web-API van TRACX staat verzoeken vanuit de browser toe (CORS), dus er is geen proxy nodig.
• TRACX geeft vooraf voor iedereen 11 km/u als tempo. Dat is een standaardwaarde en geen opgave, dus de pagina gebruikt die niet.
• Met ?eventid=1884 draait de pagina op de data van de NN Marathon Rotterdam 2026, om te testen met een race die al gelopen is.
• Het inzoomen op de route gaat zonder animatie. Bij het laden volgt de route van een 10- of 5-km-loper vlak op de marathonroute, en dan ging de tweede zoom verloren.

Structuur en adressen

• De homepage (/) was tijdelijk een "even pauze"-placeholder. De oude service worker wist zijn cache en meldt zich af, zodat terugkerende bezoekers niet de oude Rotterdam-pagina blijven zien.
• De live-pagina staat op /amsterdam. Er is geen vaste loper: zonder gevolgde lopers zie je een beginpagina met "Volg een loper".
• Een paar korte adressen sturen door naar /amsterdam met één loper in beeld. Die loper wordt automatisch aan je lijst toegevoegd.
• Uitlegpagina met productvideo op /amsterdam/uitleg, en een changelog.

Live-pagina

Samenvatting bovenaan

• Laatste punt, gemiddeld tempo vanaf de start, tempo over de laatste 5 km met versnelt/vertraagt, en de verwachte eindtijd met de kloktijd van de finish. Na de finish staat er de echte eindtijd.
• Strook met de (verwachte) negatieve of positieve split: eerste en tweede helft. Binnen 30 s heet het "gelijk".
• Voortgangsbalk met "Volgende meting: 35 km rond 12:16 · over 18 min", die elke 15 s aftelt.

Kaart

• De route, geschaald naar de officiële afstand, op een rustige grijze ondergrond.
• Het gelopen stuk, de gepasseerde meetpunten met km-label en de komende meetpunten met de verwachte kloktijd.
• De verwachte positie nu als rood pulserend bolletje , dat elke 15 s meeschuift.
• Andere gevolgde lopers als grijze stip met voornaam. Klik erop om die loper te openen.

Tabel en grafiek

• Alle doorkomsten. Alleen 5-km-punten en de finish krijgen een tussentijd, gerekend vanaf het vorige 5-km-punt.
• Grafiek "Versnellen of vertragen?" per 5 km. Kortere stukken en waterposten tellen niet mee.

Meerdere lopers volgen

• Blok "Gevolgde lopers": per loper de stand, een mini-voortgangsbalk, ▲ versnelt, ▼ vertraagt of = constant, en een ×-knop. Het blok is in te klappen.
• Toevoegen kan met elk startnummer, ook met een letter ervoor: de zoekfunctie van de tijdregistratie zet het om naar de juiste loper.
• Ook lopers van de halve marathon zijn te volgen, met hun eigen afstand en route.
• De lijst wordt in de browser bewaard en elke minuut ververst.

Na de finish

• Finishoverzicht als pop-up zodra de loper in beeld binnen is: eindtijd, plaats in de uitslag (overall, mannen/vrouwen, categorie), split en een tempografiek per 5 km. Het overzicht is opnieuw te openen via de knop bij de naam.
• Race-replay: de hele race in 40 s op de kaart (ook 2× en 4×). De loper beweegt op het echte tempo, de tussentijden en de tempografiek vullen zich, en aan het eind volgt een finishmoment.
• Bewaarde uitslagen als terugval: lukt het live ophalen niet meer, dan laadt de pagina een opgeslagen kopie.

Weergave

• Dashboard op brede schermen (vanaf 1100 px): links de loper, de cijfers en de lijst, rechts een grote kaart die blijft staan als je scrolt.
• Mobiel: niets scrolt zijwaarts. De tabel past op een telefoonscherm, en de samenvatting staat in een 2×2-raster.

Productvideo

• Een productvideo van 70 s in 1080p, opgenomen van de echte live-pagina, met het finishoverzicht en de race-replay.
• Eigen soundtrack, gesynthetiseerd in code en zonder licenties: 120 BPM in A mineur, met een stopwatch, een galopperende bas, builds en een finish-drop. Elke scènewissel valt op een maatbegin.

Technisch

• De tijden worden opnieuw gerekend vanaf de werkelijke start van de loper, niet vanaf het startschot. Na de halve marathon rekenen de verwachtingen op het tempo sinds de halve, zodat de split en de verwachte eindtijd met elkaar kloppen.
• Antwoorden van de tijdregistratie komen in een <template>, zodat er geen plaatjes van hun site (404's) meer laden.
• Versienummer achter de route-URL (route.gpx?v=2), zodat browsers geen oude GPX uit de cache halen.