CSS Naked Day changes

src/blog/posts/2024/4/css-naked-day.md

@@ -0,0 +1,31 @@
+---
+title: It's CSS Naked Day
+description: My blog is going naked for CSS naked day
+tags:
+    - css
+date: 2024-04-09T07:11:20.550Z
+---
+
+It's [CSS Naked Day](https://css-naked-day.github.io/)[^1], so to celebrate I've stripped all of the CSS from my blog.
+
+I've added a quick Nunjucks shortcode to make it easier, so the CSS should automagically reappear tomorrow morning:
+
+{% raw %}
+```js
+  eleventyConfig.addGlobalData('isCSSNakedDay', () => {
+    const dateObj = new Date();
+
+    return dateObj.getMonth() === 3 && dateObj.getFullYear() === 2024 && dateObj.getDate() === 9;
+  });
+```
+
+```html
+{% if not isCSSNakedDay %}
+<link rel="stylesheet" type="text/css" href="/assets/css/styles.css">
+{% endif %}
+```
+{% endraw %}
+
+Thankfully I've not spotted any terrible layouts (yet) due to missing CSS, which I'm happy about. The colour scheme changer is a bit redundant though. I've also left the FontAwesome and Prism CSS files in, just because otherwise things'll stop rendering at all there which wouldn't be great for a lot of posts.
+
+[^1]: Please only strip the CSS from your own websites, not your employers'