Het verhaal achter deze website.

Zoals in ieder verhaal, was er een oorzaak en een aanleiding voor de totstandkoming van deze website. Laat ik beginnen met:

De aanleiding
Op 16 februari 2022 was ik weer eens op Nathan's Toasty Tech GUI Gallery aan het rondklikken. Deze website heb ik jaren en jaren geleden ontdekt, toen ik nog thuis woonde en met mijn eerste PC's aan het klooien was (IBM PS/Valuepoints!). Door de jaren heen ben ik er regelmatig geweest, onder andere om software te downloaden. Via deze website heb ik WinWorld ontdekt, toegangspoort tot het land der vintage software. Daarna volgden Vogons, System 7 Today en uiteindelijk Macintosh Garden.

Maar op deze dag was het niet zozeer de inhoud van de website, alswel de website zelf die opviel. Simpele vormgeving in slechts drie (zichtbare) vlakken, duidelijke indeling en heel erg 2001 (het eerste jaar waarin activiteit vermeld wordt, klik hier voor het hele overzicht). Ik heb daarna de broncode van de website eens zitten bekijken en dacht toen bij mezelf: "Ik kan ook zo'n website maken, hoe moeilijk kan het zijn?"

Maar een website bouwen om het website bouwen, dat zag ik niet zitten. Dan krijg je een drie-pagina-website met basale layout en willekeurige tekst, om te laten zien dat het werkt. Nee, ik wilde dat de website een doel zou hebben. En dat brengt ons bij:

De oorzaak
Eerder in het jaar (meer correct, eerder in 2021) had ik mijn Raspberry Pi 2B afgekoppeld, omdat ik diens plek in de verdeeldoos nodig had en er geen ruimte overbleef voor de Pi. Op de Pi draaide Apache, dat een export van een Excel-bestand hostte (inhoudsopgaves voor mijn tapes). Omdat ik inmiddels een Pi4 had aangeschaft, heb ik in eerste instantie de bestanden daar op gehost. Maar nadat de installatie op de Pi4 om zeep ging en de boel opnieuw was uitgerold, vond ik dat het tijd was om het professioneler aan te pakken. Er kwam een DMZ, een VM met Ubuntu Server (onder Hyper-V) met fail2ban, SSH-toegang en Apache, en een werkende backup-oplossing (om herhaling te voorkomen).
Zoals het meestal gaat, ging dat niet direct volgens plan. Mystic wilde niet starten als daemon en toen ik daarna de Apache-installatie om zeep hielp en Ubuntu niet meer wilde starten, ben ik opnieuw begonnen. Stapje voor stapje, met steeds een backup tussendoor, heb ik de boel opnieuw opgetuigd tot het weer werkte. Ik verdiepte me in authenticatie voor websites in Apache2, dat kreeg ik aan de gang. Daarna fail2ban voor SSH en Apache, ook dat kreeg ik aan de gang. En toen had ik ineens een operationele web- en BBS-server!

Het plan
Na wat brainstormen had ik vastgesteld dat de website tenminste drie taken moest gaan vervullen:

1. Het hosten van de inhoudsopgaves van mijn tapes
2. Naslagwerk voor netwerkdocumentatie en de mogelijkheid te bewerken
3. Het hosten van basale software voor vintage computers

Daarnaast had ik nog enkele wensen:

A. Webpagina moet te gebruiken zijn in oude browsers
B. Een menu op de homepage
C. Eenvoudig nieuwe pagina's toevoegen
D. Beveiligde toegang met het oog op publiekelijk openstellen

Na een kort onderzoek naar de haalbaarheid van dit alles, ben ik begonnen met uitwerken. Hierbij heb ik de layout geleend van Toasty Tech GUI Gallery, met toevoeging van een extra balk onderin met copyright-informatie (voor wat het waard is). De kleurstelling is ingegeven door System 7 Today, m.u.v. de achtergrondkleur. De hoeveelheid code in CSS is beperkt gebleven, om ervoor te zorgen dat de website in browsers zonder CSS-ondersteuning toch bruikbaar blijft.

De uitvoering
Met het globale plan in het achterhoofd ben ik begonnen, uiteraard geheel in stijl. Alle programmeren is gedaan vanaf mijn IBM 5160, met DR-DOS en de mTCP-stack (inclusief telnet-applicatie).


De IBM 5160 in actie

De homepage is het resultaat van het schaamteloos reverse-engineeren van Toasty Tech's GUI Gallery-pagina. Dit heeft een aantal heel belangrijke voordelen:
- Eenvoudige HTML met basale CSS-vormgeving
- Gebruik van geneste tabellen: goed werkbaar op lage resolutie (en schaalt goed op in mobiele browsers)
- Eenvoudig te hergebruiken als sjabloon

Van de homepage heb ik uiteindelijk (via wat omzwervingen) een sjabloon gemaakt dat toegepast kan worden voor nieuwe pagina's. Hierin zijn de titels en de hoofdtekst met sleutelwoorden gemarkeerd zodat ze eenvoudig te vinden zijn.
Om het navigeren te vereenvoudigen zijn in de bovenste balk (navigatiebalk) koppelingen opgenomen naar deze pagina en de homepage (allebei in absolute URL zodat ze werken ongeacht welk niveau van de pagina wordt bezocht). Het menu is alleen zichtbaar op de homepage, zodat er maar één menu bijgehouden hoeft te worden. De koppeling in de navigatiebalk (op iedere pagina aanwezig) zorgt ervoor dat je altijd terug kunt naar het menu.

Op het moment van schrijven is de website nog lang niet af. De software-sectie is nog niet gevuld en het hele netwerkdocumentatiestuk moet nog ingericht worden. Wel heb ik al bedacht om ook een pagina te maken gewijd aan de computerhobby, om te inventariseren wat ik heb en korte omschrijving/toelichting te geven. Zo heb ik een beter idee van wat ik heb staan en kan ik er makkelijk wijzigingen in maken. Wordt vervolgd!

Eelco

25-1-2024:
Inmiddels zijn we bijna twee jaar verder en is de site nog steeds in ontwikkeling. Ik heb een sectie toegevoegd voor netwerkdocumentatie (dat was hard nodig ook!), handleidingen (voor al die kleine dingen die ik uitgezocht heb en voorheen nooit vastlegde), een receptenpagina en een sectie voor kamperen!

Ik beleef nog steeds veel plezier aan het gebruiken van en sleutelen aan deze website. Het heeft me geïnspireerd om ook de rapporten van de wekelijkse controle van de netwerkomgeving in een HTML-jasje te hijsen; het uiterlijk leent veel van deze pagina's. Daarnaast heb ik een Gopher-pagina opgericht, om de Internet-ervaring uit het verleden te kunnen verdiepen.

Ik voel me vereerd om de ontwikkeling van het internet (voor een groot deel) bewust mee te mogen maken, maar verlang vaak terug naar de dagen dat het nog nieuw en onbekend was (voor mij en velen met mij).
Die dagen komen niet meer terug, maar de herinneringen blijven. Hopelijk kan deze website mij er tot in lengte van dagen aan herinneren dat de tijden ooit anders (beter?) waren.

30-10-2025:
En weer zijn er (bijna) twee jaar voorbij. Werk aan de website heeft een tijd stil gelegen, maar recent had ik vernieuwde energie om wat werk te verzetten. Afgekeken van de vintage websites die nog op het net rondzwerven, is alles in SHTML gegoten: iedere pagina heeft nu dezelfde header en footer. Het menu is aangepast en op meer pagina's zichtbaar, o.a. op iedere landingspagina onder 'Computers'. De katernen 'hardware' en 'software' hebben beiden hun eigen menu gekregen en hebben, vooruitlopend op de toekomst, ook een Engelstalige versie.

Daarnaast ben ik tot de conclusie gekomen dat het bijhouden van de netwerkdocumentatie in pure HTML een veel te grote last is geworden. Niet de informatie zelf, maar de vormgeving ervan (accents, tabellen, lijsten etc.) kost veel tijd en bemoeilijkt vaak nodeloos. Dus hoe lossen we dat op?

Nog meer websites!

Een heuse Wiki is nu onderdeel van mijn website. De wiki stelt mij in staat om snel en duidelijk documentatie te maken en biedt meer mogelijkheden tot invoegen van beeldmateriaal e.d. Langzaamaan ben ik alles over aan het zetten. Wanneer dit klaar is, zal 'netdoc' (zoals de site onder water heet) alleen nog beschikbaar zijn om rapporten op te slaan (GPO's, firewallconfigs, weekrapporten, netwerktekeningen etc.). Netdoc heb ik daarom ook niet omgezet naar SHTML.

Zoals maar weer blijkt, houdt het ons van de straat. En ja, kijk even op de hardware-sectie, dan zie je de Digital VT102 waarop dit addendum is getypt.