DanĂ…ke Carlsson has added a photo to the pool:
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.
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.
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.
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.
Read more of this story at Slashdot.
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.
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.
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.