Automatisch deployen met je static site

Als je zoals geensnor.nl een static site hebt, kun je niet zomaar meer dynamische dingen doen. Uitgesteld publiceren of automatisch een berichtje plaatsen op Twitter werken niet meer omdat je site gewoon een beetje static staat te staan de hele tijd. Hoe zorg je er dan voor dat de boel af en toe toch nog een beetje in beweging komt? Een beetje “action” zo je wilt…..

GitHub Actions

Nou, dat kan dus met GitHub Actions. Met GitHub Actions kun je je software workflow automatiseren. Het maakt gebruik van YAML en met behulp van kun je eigenlijk alles in elkaar scripten. Er is zelfs een volwaardig IFTTT alternatief, volledig gebaseerd op GitHub Actions: Actionsflow.

Automatisch naar Netlify

De onvolprezen ontwikkelafdeling van geensnor.nl heeft het onderstaande scriptje in de repository gezet. Hierdoor wordt elke nacht om 12:01 een Webhook van Netlify aangeroepen die de hele handel van GitHub afhaalt en opnieuw op Netlify zet. Op die manier wordt de site opnieuw in elkaar gezet en worden nieuwe berichten gepubliceerd. Je zou hier bijvoorbeeld ook nog wat voor Slack, Telegram, Twitter ofzo aan toe kunnen voegen.

name: Trigger Netlify Build
on:
  schedule:
    - cron: '1 0 * * *' # Elke nacht om 0:01
jobs:
  build:
    name: Request Netlify Webhook
    runs-on: ubuntu-latest
    steps:
      - name: Curl request
        run: curl -X POST -d {} $

Voor nu zorgt dit script er in elk geval voor dat de bezoekers van geensnor.nl verzekerd zijn van de meest actuele content op hun favorite weblog!


Verslavend fabriekspel in je browser

Sommige spelletjes hebben meer grip op mij dan andere. Platform spellen trek ik bijvoorbeeld totaal niet. Simulaties daarintegen enorm. shapez.io is zo’n verslavende simulatie. plaatje shapez

Doel

In Shapez moet je een virtuele fabriek maken. Je gaat in plaats van auto’s of schoudervullingen, vormen maken. Vormen die weer uit allemaal andere vormen en kleuren bestaan. Met behulp van knippers, plakkers, ververs (of is het schilders..?) en heel veel lopende banden breng je die naar je “hub”. Als je genoeg spullen naar je hub hebt gebracht, ga je naar het volgende level. Er is geen geld of tijdsdruk dus je kan kalm aan doen. Uiteindelijk lijkt het een beetje op Transport Tycoon.

Vet!

Zeker vet. Wat ook vet is, is dat je het gratis in je browser kan spelen. Voor een paar euro kun je ook de volledige versie kopen, maar daar is geen mac versie van. In de gratis versie zit geen reclame, dus die is goed te doen. Save en sneltoetsen e.d. werken gewoon.

Het spel zelf schijnt nogal op Factorio te lijken. Factorio is alleen veel complexer en kost ook altijd geld.

Shapez.io op GitHub


Draadloze oordopjes voor de kleine beurs

Draadloze oordopjes zoals Airpods zijn best handig. Ze hebben bijvoorbeeld geen draadje die achter de rits van je jas kan blijven hangen. Ook zijn ze veel makkelijker op te bergen dan een grote hoofdtelefoon. Een nadeel is dat ze vaak tyfus duur zijn en waarschijnlijk geen jaren meegaan omdat de batterij ermee kapt of dat je ze kwijtraakt.

Gelukkig maakt QCY ook kei goedkope oordopjes. Voor 15 tot 20 euro kun je al een aardig setje bemachtigen. Verwacht geen noise cancelling of enorme verrassende features, maar ze vallen ook niet tegen. Geluids- en bouwkwaliteit zijn zeker acceptabel. Ze vallen niet uit m’n oren en de bluetooth verbinding is een van de beste die ik ken. QCY maakt tig verschillende soorten die allemaal net anders zijn. Ik heb ervaring met de T4.

QCY oordopjes


Schwung Screen 1.0

Vandaag presenteert het team van Geensnor: Schwung Screen 1.0. Sommige van onze vaste lezers hebben mee gedaan met de Pilot tijdens een Bruiloft en nu is het zover! Na een intensieve pressure-cooker, vaak tot in de late uurtjes, zijn we trots om vandaag de eerste versie aan het publieke domein te schenken. Onze dank gaat uit naar onze familie en vrienden voor de onvoorwaardelijke steun en liefde. Zonder jullie hadden we het niet voor elkaar kunnen krijgen.

Schwung Screen, whut whut?

Schwung Screen is een manier om tijdens een evenement, bijvoorbeeld een bruiloft, contact met elkaar te kunnen hebben via een groot scherm. Via een simpele webpagina, die gebruikers kunnen openen door een QR code te scannen, kan een bezoeker een kort bericht versturen die vervolgens binnen een oogwenk wordt getoond op het grote scherm. Image of Schwung Screen

Bezoekers kunnen de QR code scannen op het scherm, maar de organisatie van het evenement kan deze natuurlijk ook printen en op iedere tafel leggen.

Schwung Screen is beschikbaar via https://github.com/Zuijdam/Schwung-Screen


Thuiswerkplaylist van 3voor12

Persoonlijk vind ik thuiswerken met een muziekje op de achtergrond meestal best prettig. Die muziek moet alleen af en toe wel ververst worden. 3voor12 heeft voor de arme corona kantoorslaven twee Spotify playlists gemaakt die het leed enigsinds moet verzachten.

Playlist 1

Playlist 2

Geensnor liederen

Als je opzoek bent naar iets meer kwaliteit kun je natuurlijk ook nog altijd de Geensnor liederen aanzetten:


Geensnor gaat static

Geensnor gaat met de tijd mee. Sinds 3 maart 2014 maakt geensnor.nl gebruik van Wordpress. Maar omdat Wordpress een beetje crappy is en static sites helemaal het ding zijn tegenwoordig, kon geensnor natuurlijk niet achterblijven. Vanaf vandaag is geensnor ook static!

Static

Een static site houdt in dat de hele site uit platte HTML pagina’s bestaat. Beetje back to the nineties dus. De HTML pagina’s worden tijdens “build time” gegenereerd. De site wordt gebuild als we bijvoorbeeld een nieuw bericht toevoegen of de layout aanpassen. Niet-static sites (wordpress) worden gebuild tijdens “runtime” als de gebruiker de pagina bezoekt. Doordat er erg weinig op de server gebeurt en het “maar” HTML pagina’s zijn, laadt de boel veel sneller. Ook kun je een static site makkelijker overal neerzetten omdat je alleen een webserver nodig hebt.

Hoe werkt het

Het builden gebeurt met Jekyll. Jekyll voegt de content en templates samen tot een platte HTML website. De templates zijn speciaal voor geensnor.nl gemaakt door de ontwikkelafdeling. Jekyll kun je lokaal draaien om te kijken of de wijzigingen er een beetje goed uitzien. Als alles bon is, wordt de hele handel naar een GitHub repository gepushed. GitHub geeft vervolgens een seintje aan Netlify. Netlify vist de code van GitHub af, build de site en toont hem op geensnor.netlify. Er is verder geen CMS om op in te loggen of iets dergelijks.

Ene Mike Dane heeft een aardige playlist op YouTube over Jekyll. Interessant als je er meer van wil weten.


Geensnor Tourpoul winnaars Hall of Fame

De Tour is afgelopen en de winnaar van 2020 is:

MARIJN!

Marijn sluit aan in een lange rij van fameuze tourvoorspellers die geensnor.nl door de jaren heeft voortgebracht. Deze geschiedenis is niet altijd goed gedocumenteerd, dus we gaan hieronder een poging wagen om de geschiedenis toch boven water te krijgen:

jaar winnaar
2020 Marijn
2019 Jos
2018 geen idee
2017 Marijn
2016 Klaas
2015 Klaas
2014 Joris
2013 Klaas
2012 Rik
2011 geen idee

De singel is rond! Maar niet overal

De singel is rond. Je hebt het misschien al gehoord. In Utrecht hebben ze een weg veranderd in water en nu kun je een rondje rond het centrum varen. Als je je centrum flink omgooit, wil je natuurlijk ook dat de kaarten van dat centrum worden aangepast. Ze zijn er al heel wat jaren mee bezig, dus de kaartenmakers van Apple, Google en OpenStreetMap hebben even de tijd gehad. Eens kijken wat ze ervan gebakken hebben. Op het moment dat de onderstaande screenshots zijn gemaakt, was de singel 3 dagen rond.

Apple

apple

Bij Apple denken ze dat het nog 2001 is ofzoiets. Dit is geen ronde singel. Meeste waardevolle bedrijf ter wereld kan blijkbaar geen kaart fatsoenlijk bijhouden. Troep.

Google

google

Bij Google zijn ze bovenin al iets verder. Onderin is het ongeveer gelijk. Matig.

OpenStreetMap

osm

Kijk, zo kan het ook. Volgens mij is dit wel zo’n beetje een ronde singel. Waar je geen water ziet op de kaart, gaat die singel volgens mij onder een gebouw/plein door. De beste dus!


Tooltje: WebDrop

Soms moet je even snel een bestandje of een stukje tekst tussen twee apparaten uitwisselen. Iets tussen PC, telefoon, tablet, werk laptop etc. Hier zijn maar weinig eenvoudige, snelle oplossingen voor gemaakt. Met twee recente Apple apparaten schijn je een heel eind te komen, maar zodra er andere OS-en aan te pas komen, wordt het ingewikkeld.

Maar er is een oplossing: webdrop.space

Als je naar webdrop.space gaat, kun je direct bestanden of berichten gaan delen. Zonder account of iets ingewikkelds. Het handige is dat apparaten op hetzelfde netwerk direct in dezelfde “space” komen en elkaar kunnen zien. Je kan met andere apparaten op het internet dingen delen door een URL met een code te delen. Webdrop.space werkt met tekst en bestanden.


Tour de France schema

Niets is zo irritant als gebrek aan overzicht. Vooral als om het op één na belangrijkste wielrenevenement van het jaar gaat: de Tour de France. Doe je voordeel daarom met de onderstaande tabel die de redactie van geensnor.nl eigenhandig, met de blote knuisten van het internet heeft geschraapt. schema