Add Whiona's Eleventy guide

src/assets/css/cassettebeasts.css

@@ -31,6 +31,26 @@
     --clr-main-footer-bg: #9b59b6;
 }
 
+@media (prefers-color-scheme: dark) {
+    :root {
+        --clr-body-bg: #141414;
+        --clr-body-txt: #fff;
+        --clr-content-bg: #242424;
+
+        --clr-top-btn-bg: #552190;
+
+        --clr-main-heading: #daaced;
+        --clr-sub-heading: #fff;
+        --clr-title-border: #9964de;
+        --clr-bold-txt: #ff9869;
+        --clr-link: #ce97ff;
+        --clr-link-hover: #b366f7;
+
+        --clr-navbar-bg: #3a0873;
+        --clr-main-footer-bg: #3a0873;
+    }
+}
+
 .hero__top-bar,
 .footer,
 .footer a { color: var(--clr-navbar-link); }

src/changelogs/logs/2024/2024-07-13.md

@@ -3,4 +3,5 @@ date: 2024-07-13
 ---
 
 * Add an inline SVG icon to external links
-* Use inline SVG for Font Awesome icons to remove the need of hosting Font Awesome assets
+* Use inline SVG for Font Awesome icons to remove the need of hosting Font Awesome assets
+* Add dark mode support for [{% cite "Cassette Beasts" %} shrine](/shrines/cassettebeasts) based on user preference in system setting

src/links/webmastery.md

@@ -13,6 +13,7 @@ updated: 2024-07-13
 
 * [Reducing HTML Redundancy](https://owlsroost.xyz/articles/2023-12-23-reducing-html-redundancy.html) by Owl
 * [How to Make Your Site Mobile-Friendly](https://owlsroost.xyz/articles/2024-06-24-how-to-make-your-site-mobile-friendly.html) by Owl
+* [My Neocities workflow: using Eleventy and the CLI to speed up development](https://whiona.weblog.lol/2023/10/my-neocities-workflow:-using-eleventy-and-the-cli-to-speed-up-development) by Whiona — A guide for using the static site generator Eleventy, written for Neocities users
 
 ### Web Accessibility