Laatst was ik op zoek naar een bedrijf dat hulp of begeleiding biedt met hosting voor onze website kantamassage.nl. Het leuke is, dat je dan meteen ook blogjes leest om een indruk te krijgen van dat bedrijf. En ik las dit blogje over het voordeel van het webp-formaat voor afbeeldingen. Nu had ik er al eerder aan gedacht om al de jpg afbeeldingen om te zetten, en één afbeelding had ik al in webp formaat gezet, maar ik vond het steeds veel te veel werk om al die afbeeldingen te converteren. En... dat is het eigenlijk helemaal niet!

Want er is een heel oud en uitgebreid converteerprogramma beschikbaar: Imagemagick. Dit programma biedt via de commandline de mogelijkheid om een heleboel bestanden ineens te verwerken. Als je Imagemagick installeert heb je, naast het commando imagemagick, de beschikking over een aantal commando's die je in een terminalvenster kunt gebruiken. Eén ervan, convert, had ik al gebruikt, om pdf bestanden om te zetten in een jpg bestand, zonder dat je er een screenshot of een andere work-around voor hoeft te gebruiken.

convert -density 300 -quality 100 filenaam.pdf filenaam.jpg

Dat ging heel snel en makkelijk, daarom dacht ik dat die magie ook gebruikt zou kunnen worden om snel webp-bestanden aan te maken. Ik moest er wel even voor zitten. Het commando is kennelijk mogrify.

mogrify -format webp *.jpg

Het resultaat levert inderdaad een aantal bestanden op die een stuk kleiner zijn dan hun jpg-versie. In een enkel geval zag ik dat het verschil niet zo groot was. Waar dat aan ligt, weet ik niet en laat ik nu maar even voor wat het is.

Daarna hoef je alleen nog een zoek- en vervang-opdracht in je html uit te voeren (alleen de index.html bij ons), waarbij alle .jpg vervangen wordt door .webp en je bent klaar. Natuurlijk ga je dat wel even testen. Het kan namelijk zijn dat de oriëntatie van de illustratie is veranderd. Althans, nadat ik het mogrify-commando had uitgevoerd was daar bij twee foto's wel sprake van. Maar iedereen test natuurlijk zijn website voordat hij hem online zet.

Simpel en stom

Voor mij is het alweer een bevestiging dat het KISS principe werkt. Had ik een ingewikkelde wp-site gemaakt, dan had ik al die foto's waarschijnlijk één voor één moeten uploaden. Misschien is er een tooltje waarmee je dat op een ftp-manier kunt doen, maar dat moet je volgens mij extra aanschaffen. En bovendien zul je op al die plekken de verwijzingen naar de illustraties moeten zoeken en de extensie in de naam handmatig aanpassen. Dat zoek- en prutswerk hoef ik gelukkig niet te doen. Jeyj!

#website #kiss #imagemagick #pdf #jpg #webp

Discuss...

Mijn allereerste blogje van zeven jaar geleden ging over de oude, maar vertrouwde rss-techniek. Een manier om snel websites te bekijken, buiten de websites om. Vooral handig als je mensen wil volgen die blogs schrijven, maar ook handig om nieuwssites te volgen. Eigenlijk is het een manier van “koppensnellen”, een ouderwetse term geloof ik alweer, om te beschrijven hoe je snel een krant leest, door alleen de koppen boven de artikelen te lezen. Nu kun je met rss koppen van meerdere kranten en blogjes tegelijk “snellen”. Als je meer wil weten over rss, zoek het dan maar eens op wikipedia.

Het volgen van social media via rss is wat moeilijker. Vooral omdat de gevestigde Big Tech het niet graag heeft dat je ziet welke inhoud er op hun site is, zonder dat je die site bezoekt. Statistieken en bezoekersaantallen zijn nog steeds erg belangrijk. Hoe meer mensen de sites bezoeken, hoe meer mensen te verleiden zijn om er lang te blijven, mee te doen en hun gegevens daar te “doneren”. Dus rss-feeds wil men dan niet beschikbaar stellen. Vroeger was er bijvoorbeeld wel een rss-feed beschikbaar voor Facebook, maar dat is vrij snel weggehaald. Dat geldt allemaal niet voor social media in de “fediverse”. Deze media zijn niet opgezet om data en geld uit de gebruikers te kloppen. Daarom is het maken van een rss-feed van een account juist door de makers van dit soort social media heel gemakkelijk gemaakt.

Joplin

Nu volg ik de officiële blog van Joplin, een open-source notitie-programma. Maar ik zag later, dat zij veel meer nieuwtjes publiceren op hun Mastodon-account. En die zou ik ook graag in mijn feedreader kunnen volgen. Zie ter vergelijking de data van de twee rss-feeds:

Simpel

Hoe simpel kan het zijn, om een rss-feed van het mastodon-account te maken? Kopieer de url van het account en plak er .rss achter! In ons geval: https://mastodon.social/@joplinapp wordt https://mastodon.social/@joplinapp.rss.

Met andere woorden, dit verhaal is een aardige inleiding met een hele korte kern. Ik kan er ook niets aan doen dat het zo simpel is. Veel plezier met nog meer koppen snellen!

Discuss...

Omdat Bluesky een relatief nieuw medium is en ik nog op een website een vrij oude Font Awesome gebruik om deelknoppen te laten zien, kan ik geen gebruik maken van het nieuwe icoontje. Het is voor mij als luilak, te veel werk alles naar de nieuwe Font Awesome te laten refereren. Dus, dan maar iets anders verzinnen.

Er is een website waarmee je icoontjes kunt maken: iconify.

En zoals je ziet is het bluesky-icoontje hier al netjes klaargemaakt. Het mooie is dat je hiermee ook code kunt genereren die je simpel in je eigen website kunt kopiëren. Dat spreekt mij natuurlijk wel aan. Ik heb een paar minimale aanpassingen moeten doen, en het werkt gewoon. Dit is de gekopieerde code voor de website:

/* Bluesky icoontje*/
.fa-bluesky{
height: 20px;
width: 20px;
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xMiAxMC44Yy0xLjA4Ny0yLjExNC00LjA0Ni02LjA1My02Ljc5OC03Ljk5NUMyLjU2Ni45NDQgMS41NjEgMS4yNjYuOTAyIDEuNTY1Qy4xMzkgMS45MDggMCAzLjA4IDAgMy43NjhjMCAuNjkuMzc4IDUuNjUuNjI0IDYuNDc5Yy44MTUgMi43MzYgMy43MTMgMy42NiA2LjM4MyAzLjM2NHEuMjA0LS4wMy40MTUtLjA1NnEtLjIwNy4wMzMtLjQxNS4wNTZjLTMuOTEyLjU4LTcuMzg3IDIuMDA1LTIuODMgNy4wNzhjNS4wMTMgNS4xOSA2Ljg3LTEuMTEzIDcuODIzLTQuMzA4Yy45NTMgMy4xOTUgMi4wNSA5LjI3MSA3LjczMyA0LjMwOGM0LjI2Ny00LjMwOCAxLjE3Mi02LjQ5OC0yLjc0LTcuMDc4YTkgOSAwIDAgMS0uNDE1LS4wNTZxLjIxLjAyNi40MTUuMDU2YzIuNjcuMjk3IDUuNTY4LS42MjggNi4zODMtMy4zNjRjLjI0Ni0uODI4LjYyNC01Ljc5LjYyNC02LjQ3OGMwLS42OS0uMTM5LTEuODYxLS45MDItMi4yMDZjLS42NTktLjI5OC0xLjY2NC0uNjItNC4zIDEuMjRDMTYuMDQ2IDQuNzQ4IDEzLjA4NyA4LjY4NyAxMiAxMC44Ii8+PC9zdmc+");
}

Awesome deception

Deze code maakt dus het icoontje aan, zodat het verderop gebruikt kan worden onder de misleidende naam: fa-bluesky. 🕶 Voor de grootte en breedte heb ik hier 20px genomen, omdat de standaard van 1em het Bluesky-icoontje wel erg dominant-groot tegenover de andere icoontjes maakt. En dat willen we natuurlijk niet. De URL die onder het knopje moet, vind je op een informatiepagina van Bluesky. En uiteindelijk staat het er als volgt genoteerd:

<a href="https://bsky.app/intent/compose?text=Voor%20ontspanning%20en%20vermindering%20van%20pijn%20en%20stress%3A%20Kanta%20Thaise%20Massage%20https%3A%2F%2Fkantamassage.nl"><i class="fa fa-bluesky w3-hover-opacity"></i></a>

En mocht je benieuwd zijn welke website het betreft: kantamassage.nl.

#internet #bluesky #website #fontawesome

Discuss...

Zoals in een vorig blogje gesteld: als je iemand iets interessants wil laten zien kun je in plaats van een link naar de website te sturen, ervoor kiezen om een link direct naar het hoofdstukje te sturen. Maar ik zie nu dat het nòg gemakkelijker kan: je stuurt een link naar het geselecteerd stukje tekst op die website.

Selecteren maar!

Hiervoor is sinds kort een mogelijkheid uitgevonden: “text fragments”. In de link die je maakt naar de tekst zet je dan #:~:text=. En achter het =teken vul je de tekst in die je op de website geselecteerd wil zien. Deze tekst moet wel volgens de url-conventies werken en dus url-encoded zijn. Er zijn online veel hulpmiddelen die je helpen bij het maken van deze url-encoded tekst. Laten we een voorbeeld maken. We proberen de eerste zin van het artikel “Link meteen door naar dat interessante hoofdstuk” te selecteren:

Stel je voor dat je een artikel op internet gelezen hebt dat je met iemand wil delen.

Eerst de gewone url naar de website noteren.

https://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk.

Daarachter dus

#:~:text=

en daar weer achter de te selecteren tekst van die website, url-encoded.

Stel%20je%20voor%20dat%20je%20een%20artikel%20op%20internet%20gelezen%20hebt%20dat%20je%20met%20iemand%20wil%20delen.

Samen dus:

https://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk/#:~:text=Stel%20je%20voor%20dat%20je%20een%20artikel%20op%20internet%20gelezen%20hebt%20dat%20je%20met%20iemand%20wil%20delen

En als link: “kijk eens naar dit stukje tekst!“

Van begin tot eind

Het gebruik van tekst-fragmenten biedt nog extra mogelijkheden. Als je bijvoorbeeld een groot stuk tekst wil selecteren, dan is het vervelend om die hele tekst in de url te zetten. Je kunt dan het begin van de tekst en het eind van de tekst weergeven, gescheiden door een komma. De tekst ertussen wordt er dan automatisch bij gezocht. Dus het voorbeeldje hierboven kan wel korter.

https://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk/#:~:text=Stel%20je%20voor%20dat,delen.

En als link: “Kijk eens naar dit stukje tekst!

Maar, welke dan?

Nu kan het zijn dat je naar een website refereert met heel veel tekst. En laat nou in die tekst een zinnetje of woord dat je wil selecteren drie keer voorkomen, en je wilt alleen de derde selecteren. Dan kun je die onderscheiden door de tekst die voor en achter de selectie komt mee te geven. Ook weer gescheiden door komma's. Tekst die vóór de selectie komt (prefix) krijgt op het eind een streepje. En de tekst die na de selectie komt (suffix), krijgt aan het begin een streepje. Als ik bijvoorbeeld naar het woordje ov-chipkaart wil verwijzen in het artikel, dan zie je dat dit woordje vaker voorkomt. De context van de derde keer dat dit woord voorkomt is:

De naam van het id: “Ov-chipkaart” plak je dan aan de url met een hekje (#) ertussen.

We kunnen hier nu aan refereren door id: en plak te gebruiken als prefix en suffix: id:-,“Ov-chipkaart”,-plak dan wordt de url:

https://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk/#:~:text=id:-,“Ov-chipkaart”,-plak

Dus: “Kijk eens naar het derde woordje ov-chipkaart” op de website!

Er zijn nog wel meer mogelijkheden met deze tekstfragmenten, zoals meerdere stukken tekst selecteren, en de kleur en stijl van de selectie bepalen. Bekijk ze maar eens. Sommige zijn echter bedoeld voor de mensen die de websites maken.

Blits

Toegegeven, voor de ontvanger van jouw link is het dan wel een stuk gemakkelijker, het samenstellen van de link is wel wat werk. Dus het is altijd wel even afwegen of je het ervoor over hebt, om even de blits te maken met een geselecteerde tekst in een link.

#internet #links #website

Discuss...

Na de exodus bij twitter, nu genaamd 𝕏, vlogen er mensen uit naar alternatieven. Twee van die alternatieven zijn Mastodon en Bluesky. Beide zijn “federated”, dat betekent dat er verschillende instanties mogelijk zijn op verschillende computers of servers die met elkaar kunnen praten. De meeste fediverse alternatieven gebruiken voor het communiceren met elkaar het activitypub protocol. Bluesky heeft echter een apart communicatieprotocol, en kan daarom alleen met andere Bluesky instanties communiceren. In de praktijk zijn er tot nu toe niet veel andere Bluesky instanties.
Er zijn natuurlijk mensen die van Twitter naar Bluesky uitvlogen, en als je zelf alleen op Mastodon verblijft dan kun je deze mensen via je Mastodon account niet volgen. Er is echter een “work-around”, een zogenaamde “bridge”, die het mogelijk maakt dat Bluesky en Mastodon accounts elkaar kunnen volgen, en zelfs met elkaar kunnen communiceren.

Bruggen bouwen

Met een bridge is het dus mogelijk om accounts van Bluesky op Mastodon te volgen en omgekeerd op Bluesky accounts op Mastodon te volgen. Op Bluesky heb ik een tijd geleden een account MistyNotes aangemaakt, en ik heb al vrij lang een shockingGreen account op Mastodon. Ik ben benieuwd, gewoon om het uit te proberen, of het mij lukt deze met elkaar te verbinden, zodat ze elkaar kunnen volgen. Hoe gaat dit nu in zijn werk?

Het belangrijkste is om allereerst op de twee platformen een speciaal daarvoor gemaakt account te volgen: bridgy. Op Mastodon is dat @bsky.brid.gy@bsky.brid.gy en op Bluesky is dat @ap.brid.gy.

Ik zoek op Mastodon het bridgy account om het te volgen. Bridgy is dan zo aardig om mij terug te volgen.

Ik krijg dan ook de volgende tekst te zien:

Welcome to Bridgy Fed! Your account will soon be bridged to Bluesky at shockingGreen.mastodon.nl.ap.brid.gy. See the docs and your user page for more information. To disable this and delete your bridged profile, block this account.

Op Bluesky zoek ik bridgy...

en volg het, door op de followknop te drukken.

Hier krijg ik eenzelfde soort tekst in de chat-sectie:

Welcome to Bridgy Fed! Your account will soon be bridged to the fediverse at @mistynotes.bsky.social@bsky.brid.gy. See the docs and your user page for more information. To disable this and delete your bridged profile, block this account.

Nu heb ik dus van beide kanten een bruggetje gemaakt.

Follow me

Nu is het zaak elkaar te gaan volgen Als ik terugga naar het bericht op Mastodon en ik klik op @mistynotes.bsky.social@bsky.brid.gy Dan opent zich een tab in mijn browser in het Bluesky-platform en toont het shockingGreen-profiel. Die kan ik dan volgen, door op de follow-knop te drukken.

Dus nu volgt mijn Bluesky account het Mastodon account.

In Mastodon zoek ik naar het Bluesky account van MistyNotes, en druk op de knop “volgen”.

Ook hier een bericht van een nieuwe volger.

Test geslaagd

Als ik op Mastodon een bericht aanmaak, dan zie ik dat terug in de tijdlijn op het Bluesky account en als ik een bericht aanmaak op mijn Bluesky account dan zie ik dat in mijn Mastodon omgeving terug.

Test geslaagd. Erg leuk, nu kan ik mezelf volgen. Maar het gaat er natuurlijk om, om anderen vanaf Mastodon op Bluesky te kunnen volgen (en andersom). Vooral omdat ik zelf niet zo vaak op Bluesky inlog zou dat wel handig zijn. Helaas is het dan wel nodig dat de personen op Bluesky dat bruggetje actief gemaakt hebben, door bridgy te volgen. En dat is nu juist vaak niet het geval. Persoonlijke kennissen zijn zo gevraagd, maar BN-ers zullen dat niet zo snel doen.

In ieder geval heb ik gezien dat het technisch werkt, en dat ik dit zou kunnen gebruiken. Het is mogelijk dat in de toekomst de communicatieprotocollen op elkaar worden afgestemd, maar dat kan nog wel even op zich laten wachten, als het al gebeurt.

Locked in

Zelf ben ik eerlijk gezegd niet zo'n voorstander van Bluesky, omdat er nog centralistische elementen in zitten, zoals de aparte centraal beheerde schakelpunten (relays) buiten de directe BlyeSky-omgeving. Ook word je vrijwel opgesloten: je kunt niet gemakkelijk van het ene naar het andere alternatief gaan. Maar van de andere kant ziet het er natuurlijk wel mooi uit en lijkt het erg veel op Twitter, of X.

#fediverse #mastodon #bluesky #internet

Phishingmails komen tegenwoordig wel zo ongeveer dagelijks in je mailbox. Sommige van die mails lijken wel heel erg echt. Het is een speciale kunst om die berichten te ontmaskeren. En soms werken de instanties die mailings versturen hierin niet echt mee. Want waarom makkelijk als het moeilijk kan?

Strubbelingen met VinkVink

Vandaag kreeg ik een mail over de inlogmethode van mijn nieuwe zorgverzekering VinkVink over hun app. Daarin stond dat ik op 6 mei ook een mail hierover had gekregen. En dat klopt ook. Die mail had ik ter verificatie naar fraudehelpdesk <valse-email@fraudehelpdesk.nl> gestuurd. Ik kreeg een bericht terug dat dit waarschijnlijk een phishing mail was. Ik had zelf namelijk gezien dat het domein niet vinkvink.nl is, maar mailing-vinkvink.nl. Ik wilde dat toen al melden, maar ik zag geen chat knop op hun website. Via telefoon of mail is dat verder niet mogelijk.

Contact

Vandaag wilde ik het nog eens melden, want ook vandaag oordeelde de fraudehelpdesk dat het een phishing mail is, maar ik vond alweer geen chatknop rechtsonder in het scherm. De app werkte ook niet goed met het inloggen via digid door een storing vandaag. Als dan het inloggen niet werkt, krijg je het advies om contact op te nemen met de servicedesk, die er dus ook niet is. Al met al heel frustrerend, en draagt niet bij aan het vertrouwen in VinkVink.

Lekker moeilijk maken

Ik heb nu ondertussen ontdekt dat de chatknop tevoorschijn komt als je de ad-blocker uitzet. Waarom dat precies is, heb ik nog niet bekeken, maar ik vind het niet doordacht van de websitebeheerder om dit niet goed te testen, of dit feit gewoon te negeren. Via de chat ben ik er daarna achter gekomen dat dit géén phishing mail was. Noa de chatbot zegt namelijk:

Onze commerciële mailingen zijn afkomstig van het volgende e-mailadres: vinkvink@post.mailing-vinkvink.nl.

Hoe kan een gebruiker in godsnaam weten of dit een phishing mail is of niet, wanneer VinkVink zelf andere domeinen gebruikt voor hun mailing? Ligt het niet voor de hand een subdomein voor de mailing te gebruiken, zoals bijvoorbeeld mailing.vinkvink.nl?

Nonchalant

Het komt nogal nonchalant over, geen contactmogelijkheid als je een adblocker gebruikt en een apart mailingdomein, waardoor het niet te herkennen is als authentiek afkomstig van de organisatie. Hopelijk komen hier geen ongelukken door. Je hebt wel zeker meer dan zeven vinkjes nodig om al deze hobbels zonder problemen te kunnen nemen.

#vinkvink #security #phishing

Discuss...

Stel je voor dat je een artikel op internet gelezen hebt dat je met iemand wil delen. Met name van een bepaald gedeelte uit dat lange artikel vermoed je dat je vriend of vriendin dat interessant gaat vinden. De voor de hand liggende manier om je artikel te delen, is de url naar je kennis sturen, en hem vertellen welk hoofdstukje daarin interessant is. Maar soms is het mogelijk om de link zo aan te passen dat die meteen naar dat interessante hoofdstukje wijst.

Gekraakt

In Wikipedia bijvoorbeeld, vind je een artikel dat vermeldt dat pc-active de ov-chipkaart kraakte. Van dat gegeven weet je dat je vriend dat reuze interessant vindt, en je wil dat graag delen. De url van de pagina vind je bovenaan in de url-balk van je browser. De url in dit geval is: https://nl.wikipedia.org/wiki/PC-Active

Inspectie

Als je deze url als link gebruikt en aanklikt kom je dus terecht aan het begin van de pagina op de website. Maar als je naar het hoofdstuk wil verwijzen dat over de Ov-chipkaart gaat, moet je even snel kijken of dat kopje in de browser voorzien is van een “id”. Dat kun je doen door er met de rechtermuisknop op te drukken en “inspecteren” te kiezen.

Hier zie je dan dat er inderdaad een id bestaat voor deze paragraaf.

De naam van het id: “Ov-chipkaart” plak je dan aan de url met een hekje (#) ertussen. https://nl.wikipedia.org/wiki/PC-Active#Ov-chipkaart

Klaar! Deze url kopieer je dan en stuur je in de mail naar je vriend, of in een bericht op social media. Zo wordt de url beschikbaar als link naar precies die paragraaf die je wilt laten zien.

Helaas hebben niet alle paragraafkopjes op internet een id. Maar als er wel een id beschikbaar is (en dat heb je snel gecheckt), dan doe je je vriend een groot plezier door hem minder te laten zoeken en scrollen naar de plek die jij bedoelt.

Dus: “toets een hekje” om direct doorverbonden te worden naar de juiste plek.

#website #internet

Discuss...

Het leven wordt duurder, en we proberen op alle mogelijke manieren dubbeltjes en kwartjes tot aan hele euro's te besparen. Ook in het digitale leven gaan de prijzen omhoog. Over een paar weken is het 1 januari, en misschien wordt 2023 wel een schrikjaar. Met de digitale gereedschappen die er op vandaag zijn, is het maken en publiceren van een website steeds eenvoudiger. Maar is het ook goedkoper? Dat valt te bezien.

Als je een website moet maken die als voornaamste doel heeft jezelf of je bedrijf te presenteren, dan is het niet nodig een uitgebreid Content Management Systeem (CMS) te gebruiken. Wel natuurlijk als je in de toekomst grotere plannen hebt met de website, zoals het presenteren van een winkel met producten en het toelaten van meerdere gebruikers die op je website in kunnen loggen en de inhoud moeten kunnen veranderen. Voor een massagepraktijk bijvoorbeeld, is het vooral van belang om je op het web te presenteren, je contactgegevens bekend te maken en eventueel de tarieven die je voor de diensten in rekening wil brengen. Met deze website als voorbeeld laat ik zien hoe het goedkoop en niet al te moeilijk kan.

Domein registreren.

Allereerst zul je een naam op internet moeten hanteren. Als je al een bedrijf hebt, hoef je hierover niet lang na te denken. Om die naam op internet te kunnen gebruiken moet je een zogenaamd domein registreren. In ons geval is dat “kantamassage”. Je kunt er “kantamassage.com” van maken of “kantamassage.nl”. De meeste mensen in Nederland zijn gewend aan het .nl suffix. Dus daar gaan we voor. Je kunt eventueel ook andere suffixen, of domeinnamen die heel erg op je bedrijfsnaam lijken, registreren. Dit om te voorkomen dat iemand anders zich die domeinen gaat toe-eigenen en zich gaat voordoen als jouw bedrijf. Er zijn veel bedrijven die je hiermee willen helpen, bijvoorbeeld namecheap, godaddy ,mijndomein, strato, hostinger, kies er een die je het meest bevalt, de prijzen zullen elkaar niet zo heel veel ontlopen.

Ping ping

Je hebt het domein gekocht, wat heb je dan? Alleen een domeinnaam? Je domeinprovider heeft ook een uniek nummer op internet voor jou gereserveerd: een ip-adres. Zo'n ip-adres is uiteindelijk het adres van een machine waar een browser gaat zoeken of daar iets te vinden is om je te tonen. Voor kantamassage is dat bijvoorbeeld 34.249.138.199. Maar is daar dan iets te vinden? Helaas niet, want we hebben alleen een domeinnaam gekocht, en geen ruimte op een computer dat te benaderen is op het internet, en waar je bestanden op kunt zetten die een browser dan zal tonen. Die ruimte kun je in de meeste gevallen wel bijkopen bij het bedrijf waar je de naam hebt geregistreerd. Dat betekent echter wel dat je tien keer zoveel te betalen hebt als voor je domeinregistratie. Voor dat geld heb je die websiteruimte met een versleutelde https verbinding (het slotje in de adresbalk). Maar we willen alles toch goedkoop houden? Ondanks dat we ook nog alles simpel willen houden, moeten we toch wat extra doen om gratis ruimte en een gratis https-slotje te scoren.

Github

Er zijn plekken waar je wel gratis je bestanden neer kunt zetten zodat ze via internet te benaderen zijn. Zoek eens op “free hosting” in een zoekmachine. Hostinger of 000webhost bieden bijvoorbeeld een gratis pakket aan. Je hebt daar zelfs uitgebreidere mogelijkheden met website-builders of met Wordpress. Er bestaat echter ook een speciale plek die oorspronkelijk is gebouwd om open-source software op te bewaren en om het mogelijk te maken met meerdere mensen aan hetzelfde programma te kunnen werken: Github. Die historie is voor ons niet zo belangrijk. Wat ik zelf wel belangrijk vind, is dat deze plek meer garantie biedt voor een goede en snelle werking van je website. Bij 000webhost bijvoorbeeld, is je gratis website erg traag, en op sommige tijden van de dag gewoon niet bereikbaar. Op Github zul je dat niet echt meemaken, is mijn verwachting.

Niets installeren

Maar hoe zet je website-bestanden op Github? Je maakt dan gebruik van Github Pages, dat speciaal voor webpagina's bedoeld is. Allereerst maak je een account aan op Github. Daarna maak je een zogenaamde repository aan waarvan de naam de volgende structuur heeft: accountnaam.github.io. Dat is stap 1 op deze instructiepagina. Anders dan op deze pagina wordt voorgesteld, kun je het af zonder nieuwe git-software te installeren. Git is een versiebeheersysteem, en je zult dat een beetje moeten leren voor je er mee kunt werken. Gelukkig is dat niet nodig en hoef je de vervolgstappen op deze instructiepagina niet te volgen. Ik heb deze software niet op mijn computer gezet en toch heb ik de bestanden er neer kunnen zetten. Dat kun je namelijk eenvoudig doen door te navigeren naar je repository die je net hebt aangemaakt, en gewoon op de knop Add file te klikken en daarna op Upload files. Geef een omschrijving bij het uploaden (git is per slot een versiebeheer systeem en houdt alle veranderingen bij), en bevestig je keuze. De bestanden staan nu op je Github-page, en zijn benaderbaar door in de browser accountnaam.github.io te typen! In ons geval is dat kantamassage.github.io.

De website maken

Hoe heb ik die bestanden dan aangemaakt die ik op Github gezet heb? De website heb ik vrij snel gemaakt met behulp van het parallax template op w3schools. Eigenlijk is het al genoeg om de broncode van dit template te kopiëren en op je computer als index.html te bewaren. Daarna kun je zelf de tekst, kleuren en foto's aanpassen. Maar je kunt het natuurlijk ook op de w3schools-manier doen.

Https

We hebben dus een website op Github en we hebben een domeinnaam. Nu moeten we ervoor zorgen dat als je "https://kantamassage.nl" in je browser typt, je ook terecht komt op Github. Dat kan met een ander bedrijf: Cloudflare. Dat is een bedrijf dat veel diensten aanbiedt die te maken hebben met websites en het beheer ervan. De meeste diensten gaan over het sneller en veiliger maken van je website. Ook hier maak je een account aan. Daarna kun je meteen een website toevoegen. Kies dan op de volgende pagina voor het gratis abonnement. Vervolgens worden alle gegevens over je domein ingelezen. Die kun je vergelijken met de gegevens die bij je provider van je domeinnaam (registrar) vindt. Dit gaat over de zogenaamde DNS-instellingen. In wezen is het de inhoud van een databaserecord waarin staat naar welk ip-adres de browser moet kijken als je een domeinnaam intypt. Een soort woordenboek, of beter nog een telefoonboek van namen en nummers. Daarna komt een belangrijke stap. Die gaat dan niet automatisch, want je moet bij je registrar iets veranderen: de computers die deze dns-database bijhouden: de nameservers. Daar moeten in plaats van de nameservers van de registrar die er nu staan, de namen van de nameservers van Cloudflare komen te staan. In ons geval is dat arnold.ns.cloudflare.com en demi.nl.cloudflare.com. Als je dat gedaan hebt kun je bevestigen dat je dat gedaan hebt door op de knop "Done, check nameservers" te klikken. Bij de paar stappen die daarna volgen kun je je gewoon bij de standaard waarden houden. En daarna is het wachten tot Cloudflare vindt dat het goed is.

Ping

Ondertussen kunnen we nog eens kijken naar de Github-pages. Want wat we later gaan doen, is vertellen tegen die nameservers van Cloudflare dat hij voor het domein niet meer naar het oorspronkelijk ip-adres (dat was in ons voorbeeld 34.249.138.199) moet wijzen, maar naar het ip-adres van de Github-pages. Maar wat is dat ip-adres van Github dan? En Github heeft veel pages, hoe weet Github welk van de pages getoond moet worden als Cloudflare de browser volgens onze opdracht naar Githubs ip-adres stuurt? Eerst maar eens het ip-adres opzoeken. In deze documentatie vind je zelfs een viertal nummers.

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

Dan toch maar eens pingen naar kantamassage.github.io. Kennelijk is het ip adres dan 185.199.110.153

Cname

Onze tweede vraag was: hoe weet Github dat de vraag van de browser voor kantamassage.nl naar kantamassage.github.io moet wijzen en niet naar bijvoorbeeld blabla.github.io? Daarvoor is het nodig dat je nog wat informatie toevoegt aan Github Pages, namelijk de naam van het binnenkomende domein: kantamassage.nl. Onder menu-tem Settings->Pages vind je het kopje Custom Domain.

Als je hier de naam invult, wordt een bestandje met de naam CNAME aangemaakt in de root van je repository. De inhoud van het bestandje bevat de naam die je hebt ingevuld: “kantamassage.nl”. Zo wordt kantamassage.nl niet alleen aan het ip adres van github.io (185.199.110.153) gekoppeld, maar ook aan het subdomein kantamassage op github.io (kantamassage.github.io).

Nu weer terug naar Cloudflare. Als de nameservers goed staan, en in Cloudflare krijg je de melding dat het ok is, dan kun je eindelijk de verwijzing naar Github in de dns zetten:

De ipnummers voor de AAAA-records (ipv6) kun je ook met ping vinden, maar dan met ping -6 domeinnaam. Probeer het eens uit en verbaas je erover dat je een https-website hebt voor weinig geld!

“Verwijsbrief”

Je hebt nu voor ongeveer 10 euro per jaar ( de prijs van de domeinregistratie) een https-website online. Als je meer domeinen hebt geregistreerd, bijvoorbeeld kantamassage.com dan kun je die laten doorverwijzen naar kantamassage.nl bij je registrar, door het aanmaken van een 301 redirect. Dat is meestal een kwestie van een paar klikken en de domeinnaam in vullen.

Nieuw

Voor mij was het allemaal betrekkelijk nieuw, deze manier van website-beheer, en ik heb ook wel zitten stoeien met die ip-adressen van Github. Daarom heb ik het ook allemaal nog eens goed opgeschreven en kan ik het hier delen. Maar het kan zijn dat sommige dingen ook wel beter kunnen. Ik zag bijvoorbeeld een soort van “Pages”-mogelijkheid bij Cloudflare. Dat is waarschijnlijk nog makkelijker, ik weet alleen niet of dat ook gratis is. Ik heb er in ieder geval wel van geleerd, en laat het me gerust weten wanneer het nog beter of makkelijker kan.

#website #internet #domein #https #gratis

Discuss...

Een aantal techbedrijven doet samen een belofte, een privacy pledge, door het ondertekenen van een lijst met principes waar men zich aan zal houden. Deze beloften moeten in de toekomst de privacy van internetgebruikers waarborgen. Het gaat om de volgende beloften.

• Bedrijven moeten zodanig werken dat de behoeften van de gebruikers altijd voorop staan;
• Organisatie zouden alleen gegevens moeten verzamelen die nodig zijn voor het leveren van de diensten;
• Deze gegevens moeten tijdens het versturen altijd versleuteld zijn;
• Bedrijven moeten open en transparant zijn over hun organisatie en hun software;
• De aangeboden webdiensten moeten interoperabel zijn.

Het is een mooie opsomming van wat er nodig is. En het klinkt ook heel lovenswaardig. Maar het doet me ook een beetje denken aan de bankierseed die na de bankencrisis door bankmedewerkers afgelegd moet worden, maar waarvan je weet dat die voor de werking van de banken niet zo heel veel uit heeft gemaakt. Deze bankierseed is dan nog gerelateerd aan het tuchtrecht, maar het breken van deze “pledge” door een van deze bedrijven heeft totaal geen materiële gevolgen.

Prikkels

Ik sta erg sceptisch tegenover zulke beloften, omdat de situatie waaronder bedrijven werken gewoon hetzelfde blijft. Perverse prikkels blijven bestaan. Er moet geld verdiend worden, en de verleidingen om dat op een abjecte manier te doen blijven groot. Je kunt dat al zien aan de denkwijze die spreekt uit het volgende citaat.

The action comes as a growing wave of ordinary web users switches away from services controlled by the likes of Google and Meta, and as governments around the world consider adopting tighter online privacy laws. As such, the signatories believe it is important that the private sector takes the initiative to lead toward a private internet.

Het is kennelijk precies het juiste moment voor een goede pr-stunt. Hopelijk lopen er dan ook veel mensen weg van de Big Tech en vluchten in de armen van deze betrouwbare bedrijven. Maar wat gebeurt er als deze bedrijven ook Big worden, afhankelijk worden van het gemoed van aandeelhouders die verslaafd zijn aan geld verdienen? Dat de private sector het initiatief moet nemen voor een veilig internet waag ik daarom heel erg te betwijfelen.

Ik zeg: overheden ga door met stricte regulering rond privacy, knijp Big Tech af met flinke boetes, en tuig eindelijk eens een rechtvaardig globaal belastingregime op. En tegen deze ondertekenaars: doe je best, hou je aan je beloften, dat gaat een hoop boetes schelen.

#privacy #kapitalisme #surveillance

Vandaag kreeg ik een email van mijn verzekeraar Centraal Beheer in mijn postvakje. Centraal Beheer wil mij graag helpen mijn financiën op orde te houden en presenteert een gratis app waarmee ik dat kan doen. Mijn advies aan mezelf is: niet installeren. Waarom niet? Dat leg ik hier uit.

Rode vlag

Natuurlijk moet je tegenwoordig sowieso argwanend zijn bij de presentatie van gratis apps. Het is al een bekend gezegde geworden: “als je niet betaalt voor het product, ben je zelf het product”. Dat is volgens mij hier ook het geval. Want wat voor belang heeft Centraal Beheer erbij om jouw financiën goed op orde te houden? Controleren of je je verzekeringspremie kunt betalen? Of misschien toch nog iets anders? In ieder geval zou dat al een reden kunnen zijn, om de app niet te installeren. Rode vlag hier, wat mij betreft. De app heet Makkie, klaarblijkelijk om aan te geven dat zo'n financieel beheer een makkie is. Om aan je gegevens te komen, moet je de app verbinding laten maken met je bankgegevens. Dat is wettelijk mogelijk geworden door de invoering van PSD2 in 2018. Ik was destijds al niet blij hiermee. Je zou kunnen redeneren dat een app niet meer informatie tot zich mag nemen dan nodig is voor het functioneren van de app. Dus dan verzin je toch een app die alle bankgegevens nodig heeft? Makkie toch? Met name de organisatie Privacy First heeft geprobeerd hier wat tegengas te geven, en heeft zelfs een API ontwikkeld, waardoor de gebruiker meer mogelijkheden tot zijn of haar beschikking heeft om aan te geven welke gegevens wel en welke gegevens niet gedeeld mogen worden. Maar ik ben bang dat dat tot nu toe niet veel heeft uitgehaald, gezien deze nieuwe “service” van Centraal Beheer.

Veelgestelde vragen

Of vragen over privacy veel gesteld worden, waag ik te betwijfelen, maar ze staan in ieder geval genoemd in het document veelgestelde vragen bij deze app. Dit document is gelukkig wat gemakkelijker te lezen dan het privacy-regelement. Wat mij hier meteen al opvalt is dat iets wat in wezen politiek en juridisch is, weer naar de vermeend neutrale technische hoek getrokken wordt door het gebruik van het begrip “PSD2 technologie”. Het gaat bij PSD2 niet zozeer om een technologie, maar om de rechten en plichten van jou en van organisaties die bij je gegevens komen. Deze organisaties moeten een soort van certificaat hebben. Kennelijk heeft Centraal Beheer zo'n certificaat, en het feit dat men met zo'n certificaat in de hand een appje presenteert om van gebruikers gegevens te verzamelen geeft mij niet erg veel vertrouwen in de criteria die gebruikt worden bij uitgifte van zulke certificaten door de DNB. Verder staat hier dat Centraal Beheer jouw gegevens door kan geven aan andere zulke organisaties. Het is al vervelend dat Centraal Beheer je gegevens kan gebruiken om je premie te verhogen, omdat je bijvoorbeeld vaker een betaling hebt gedaan aan een privé-kliniek voor het een of ander. Maar als deze gegevens gedeeld kunnen worden met andere organisaties is het einde zoek. Stel dat je besluit om Centraal Beheer te verlaten en daarmee ook meteen eist dat al je gegevens verwijderd worden... Dat kan dan alleen bij Centraal Beheer, en niet bij al die andere organisaties die je gegevens hebben, en die gegevens misschien ook weer hebben doorgegeven.

Davilex

Waarom moeten die gegevens eigenlijk steeds op een andere computer terecht komen? Het lijkt wel of app-ontwikkelaars alleen maar mooie schermpjes maken, en de ingevoerde gegevens maar snel naar de “back-end” sturen. Dan zijn ze daar vanaf. Die back-end is dan de grote computer van Centraal Beheer in dit geval. Waarom kan dat niet gewoon een app zijn die je installeert, en die alleen verbinding met je bankgegevens maakt, en die gegevens dan op je telefoon neerzet, in plaats van door te sturen naar de computer van een ander? Vroeger, vroeger was niet alles beter. Maar dit in ieder geval wel. Computers van twintig jaar geleden konden dit trucje al zonder internetverbinding. En we weten nu onderhand wel dat een smartphone van nu bepaald niet onderdoet voor een computer van twintig jaar geleden. Integendeel.

#privacy #surveillance