VK: Voorpagina

Volkskrant.nl biedt het laatste nieuws, opinie en achtergronden

Tientallen explosies tijdens grote Russische raketaanval op Kyiv

VS voeren nieuwe luchtaanvallen uit op Iran na dood Amerikaanse militairen in Jordanië

Himeji Castle, Himeji

DanĂ…ke Carlsson has added a photo to the pool:

Himeji Castle, Himeji

Himeji Castle, Himeji

DanĂ…ke Carlsson posted a photo:

Himeji Castle, Himeji

Hoe het Hantavirus wereldwijd voor twee wilde weken zorgde | Luisterverhaal op zondag

Eerst stierf een Nederlandse passagier, daarna zijn vrouw en vervolgens werden meer opvarenden ziek. Een virusuitbraak op cruise-schip de Hondius veroorzaakte bijna niet in te…

Snook.ca

Life and Times of a Web Developer

I Added Syntax Highlighting Using the 11ty PrismJS Plugin

One thing I like about 11ty is that common tasks for development oriented blogs are easily handled and syntax highlighting is no exception.

I installed the Syntax Highlighting Plugin just like the documentation asked me to. Then, I had to modify my code blocks in my blog post Markdown files to indicate what language they were. Thankfully, I had only written two articles so far that contained code blocks. Nothing so far deviates from what the documentation says.

When I started considering the compile process, however, I had a few considerations.

Only using the CSS when there was code on the page

The first thing to note is that I inline my CSS. My thinking is that most users visiting my site aren’t likely to have my CSS file cached—either because they’re on my site for the first time or because it has been long enough since they visited my site and the file has expired.

Currently, I only have two templates: my universal template and my blog post template. I inline additional CSS in my blog post template that isn’t needed anywhere else on the site. As such, the first thing I did was add the PrismJS theme to my template and see how it looked. No surprise, it looked great.

But what if I have no code on the page? Why am I loading the CSS for every blog post? Easy enough. I added a yaml parameter of hascode: true. And then I check for that parameter in my template.

{% if hascode %}
    <link rel="stylesheet" ... >
{% endif %}

That was nice. But as I mentioned, why am I creating an HTTP request when I usually inline my CSS? No problem. A simple copy/paste and that was done.

Light and Dark Mode

Initially, because the themes are relatively small, I thought about finding a theme that worked for light mode and one for dark mode, wrapping them in prefers-color-scheme. But that still seemed excessive. I found the Duotone Light theme that I thought looked best for my light mode and then realized that much of it still worked in dark mode if I gave it a couple tweaks.

The first tweak was to use the light-dark declaration I had already had on my pre tags when I launched:

background: light-dark(#FFFFFF50, #00000050);

I double-checked and noticed that the selector colour didn’t work in dark mode. So, instead of just trying to find a colour that would work, I decided to use a CSS colour function to solve the problem.

color: light-dark(#2d2006, hsl(from #2d2006 h s calc(l + 80)));

This uses the hsl function to shift the luminosity of the colour from the light mode version.

This is a bit of overkill as I could just take the rendered colour and put that in place of the function but sometimes it’s just fun to try new things.

Pretty

I really like how the code blocks look now, although I don’t love that there’s no indication that the code has overflowed the container if you have scrollbars turned off by default—which most people do these days. Once we get scroll-state container queries supported across all major browsers, maybe I’ll deal with it then.


Have something to say? Tell me about it.

Slashdot

News for nerds, stuff that matters

France Orders ISPs to Block Access to Polymarket

France's regulatory authority for licensed gambling/betting games "announced this week that it ordered ISPs to block access to Polymarket," reports Engadget. Anyone caught advertising an unauthorized betting site "could be fined up to 100,000 euros, or around $114,000." (The article notes this follows a previous regulatory action from November placing a geoblock on financial transactions from French residents on Polymarket's site.)


In May Spain blocked access to Polymarket and Kalshi while it launched a gambling license investigation.

Read more of this story at Slashdot.

Wel.nl

Minder lezen, Meer weten.

Elf doden, waaronder kinderen, bij Israëlische luchtaanvallen

GAZA-STAD (ANP/AFP) - Volgens de civiele beschermingsdienst en ziekenhuizen in Gaza zijn zaterdag elf mensen om het leven gekomen bij Israëlische aanvallen in het gebied. Onder de slachtoffers bevinden zich drie kinderen en hun ouders.

Een gezin van vijf - drie kinderen en hun ouders - kwam om het leven toen een Israëlische luchtaanval een appartement in het noordwesten van Gaza-Stad trof. Het Al-Shifa-ziekenhuis in Gaza bevestigde dat de vijf lichamen daar zijn binnengebracht.

Een woordvoerster van het Israëlische leger heeft laten weten dat er zaterdag in Gaza-Stad een aanval is uitgevoerd "gericht op een Hamas-terrorist". Ze voegde eraan toe dat het leger de resultaten van de aanval nog aan het onderzoeken is.

Hoewel er een staakt-het-vuren van kracht is tussen Israël en de Palestijnse militante groepering Hamas, heeft dit het geweld in Gaza niet gestopt. Pogingen om tot een definitief akkoord te komen dat een einde maakt aan de oorlog, zijn vooralsnog vastgelopen.


Broers Andrew en Tristan Tate opgepakt in Miami

MIAMI (ANP) - De broers Andrew (39) en Tristan Tate (38) zijn in Miami gearresteerd door de Amerikaanse opsporingsdienst, zo meldt het Britse Openbaar Ministerie in een verklaring. Het OM heeft besloten de twee broers te vervolgen voor nieuwe strafbare feiten met betrekking tot vier extra slachtoffers.

Na hun arrestatie in de VS zal een verzoek om uitlevering plaatsvinden "in verband met de oorspronkelijk 21 aanklachten en de aanvullende aanklachten die we hebben besloten te vervolgen", aldus het OM.

Het OM laat weten Andrew onder meer te vervolgen voor zeven aanklachten wegens verkrachting, drie aanklachten wegens het regelen of faciliteren van mensenhandel voor seksuele uitbuiting, drie aanklachten wegens mishandeling met lichamelijk letsel tot gevolg, en 19 aanvullende aanklachten voor delicten rondom kinderporno en extreme pornografie.

Tristan wordt door het OM vervolgd voor één aanklacht wegens aanranding, twee aanklachten wegens verkrachting en drie aanklachten wegens het regelen of faciliteren van mensenhandel voor seksuele uitbuiting. De feiten zouden hebben plaatsgevonden tussen juli 2010 en augustus 2017.

De broers, die bekendstaan om hun extreem masculiene standpunten en miljoenen volgers op sociale media hebben, werden al gezocht in het Verenigd Koninkrijk. Daar wachten hen aanklachten voor verkrachting en mensenhandel.

De broers hebben zowel de Amerikaanse als de Britse nationaliteit en verhuisden in 2016 naar Roemenië. Daar werden ze in 2022 al eens opgepakt op verdenking van het opzetten van netwerken om vrouwen uit te buiten voor seksuele doeleinden. Zij ontkenden die aantijgingen en de zaak liep destijds op niets uit vanwege juridische en procedurele onregelmatigheden.


Twee gewonden bij steekpartij in woning Helmond

HELMOND (ANP) - Bij een steekincident in een woning in Helmond zijn een man en een vrouw gewond geraakt, zo meldt de politie-eenheid Oost-Brabant op X. De man en de vrouw zijn naar het ziekenhuis gebracht voor verdere medische behandeling.

De steekpartij zou rond kwart voor drie 's nachts in een woning aan het Ameidepark hebben plaatsgevonden. Hoe ernstig de verwondingen van de slachtoffers zijn, is niet bekend.

De politie doet momenteel onderzoek naar wat zich precies in de woning heeft afgespeeld. "Sporenonderzoek zal daar onderdeel van zijn en ook spreken zij met mogelijke getuigen", aldus de politie.