707283da51
All checks were successful
Build and copy to prod / build-and-copy (push) Successful in 1m57s
31 lines
1.1 KiB
Markdown
31 lines
1.1 KiB
Markdown
---
|
|
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' |