Build: (1d24072) Add code syntax highlighting

about/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.avatar img {
     border-radius: 50%;

accessibility/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.breadcrumbs {
         list-style-type: "";

adoptables/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <link rel="stylesheet" href="/assets/css/tooltips.css">
     

archive/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

articles/anti-harry-potter-jk-rowling-masterlist/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;

articles/designated-lesbian-syndrome-fandom/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

articles/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;

articles/kotor2-modder-interview-ars-technica/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

articles/lgbtq-booklet-interview-misi-bawang/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

articles/my-dislike-of-shipping-culture/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

articles/palestine-masterlist/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

assets/css/a11y-syntax-highlighting-dark.css

@@ -0,0 +1,188 @@
+/**
+ * a11y-dark theme for JavaScript, CSS, and HTML
+ * Based on the okaidia theme: https://github.com/PrismJS/prism/blob/gh-pages/themes/prism-okaidia.css
+ * @author ericwbailey
+ */
+
+/*
+ Theme
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: #f8f8f2;
+  background: none;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+  border-radius: 0.3em;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #2b2b2b;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: #d4d0ab;
+}
+
+.token.punctuation {
+  color: #fefefe;
+}
+
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #ffa07a;
+}
+
+.token.boolean,
+.token.number {
+  color: #00e0e0;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #abe338;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+  color: #00e0e0;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.function {
+  color: #ffd700;
+}
+
+.token.keyword {
+  color: #00e0e0;
+}
+
+.token.regex,
+.token.important {
+  color: #ffd700;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
+
+
+/*
+ Plugin support
+ */
+
+/* Line highlight */
+.line-highlight {
+  background: rgba(255, 217, 0, 0.10);
+  border-top: 1px solid rgba(255, 217, 0, 0.55);
+  border-bottom: 1px solid rgba(255, 217, 0, 0.55);
+}
+
+/* Line numbers */
+.line-numbers .line-numbers-rows {
+  border-right: 1px solid #F8F8F2;
+}
+
+.line-numbers-rows > span:before {
+  color: #D4D0AB;
+}
+
+
+/*
+ High contrast mode support
+*/
+@media screen and (-ms-high-contrast: active) {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    color: windowText;
+    background: window;
+  }
+
+  :not(pre) > code[class*="language-"],
+  pre[class*="language-"] {
+    background: window;
+  }
+
+  .token.important {
+    background: highlight;
+    color: window;
+    font-weight: normal;
+  }
+
+  .token.atrule,
+  .token.attr-value,
+  .token.function,
+  .token.keyword,
+  .token.operator,
+  .token.selector {
+    font-weight: bold;
+  }
+
+  .token.attr-value,
+  .token.comment,
+  .token.doctype,
+  .token.function,
+  .token.keyword,
+  .token.operator,
+  .token.property,
+  .token.string {
+    color: highlight;
+  }
+
+  .token.attr-value,
+  .token.url {
+    font-weight: normal;
+  }
+}

blog/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.pagination__wrapper {
         display: grid;

blog/page/2/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.pagination__wrapper {
         display: grid;

blog/page/3/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.pagination__wrapper {
         display: grid;

blog/page/4/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.pagination__wrapper {
         display: grid;

blog/page/5/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.pagination__wrapper {
         display: grid;

blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;

blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

blog/posts/2024-05-14-james-somerton-my-video-game-footage/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

blog/posts/2024-05-29-new-guestbook-leilukins-hub/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

blog/posts/2024-05-31-domain-name-hosting-change-leilukins-hub/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;

blog/posts/2024-06-12-performance-improvement-leilukins-hub/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

blog/posts/2024-06-21-leilukins-hub-tumbleblog-launched/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

blog/posts/2024-06-24-cassette-beasts-fanlisting-approved/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

blog/posts/2024-07-02-fanlisting-collective-launch/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.content__nav {
         padding: 1.2em clamp(1em, 5%, 1.5em);

blog/posts/2024-07-27-hostinger-migration-leilukins-hub/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;

blog/posts/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.blog__postlist {
         display: grid;

categories/a-bugs-life/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/a-summers-end/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/cassette-beasts/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/code-projects/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/dracula-daily/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/fandom-culture/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/gaming/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/harry-potter/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.breadcrumbs {
         list-style-type: "";

categories/jk-rowling/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/lesbian/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/lgbtq/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/life-updates/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/malaysia/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/my-birthday/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/my-interviews/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/palestine/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/shrines/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/site-anniversary/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/site-updates/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/star-wars-kotor-2/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/star-wars-kotor/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/video-game-mods/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/web-development/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

categories/youtube/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.item-list {
         display: grid;

changelogs/2022/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.changelog__nav,
     .changelog__nav--links {

changelogs/2023/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.changelog__nav,
     .changelog__nav--links {

changelogs/2024/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.changelog__nav,
     .changelog__nav--links {
@@ -448,6 +448,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 
 
 
+    <div class="heading-wrapper h2">
+            <h2 id="2024-08-02">
+        2 August 2024
+    </h2>
+            <a class="heading-anchor" href="#2024-08-02" aria-labelledby="2024-08-02"><span hidden="">#</span></a>
+        </div>
+
+    <ul>
+<li>Added my first publicly released code snippet on this website: <a href="/projects/snippets/disability-pride-flag-background">Responsive Disability Pride Flag CSS Background</a>.</li>
+</ul>
+
     <div class="heading-wrapper h2">
             <h2 id="2024-07-27">
         27 July 2024

changelogs/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.pagination__wrapper {
         display: grid;
@@ -492,6 +492,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 
 <h2>Latest Changelogs</h2>
 
+    <h3 class="date-style">2 August 2024</h3>
+    <ul>
+<li>Added my first publicly released code snippet on this website: <a href="/projects/snippets/disability-pride-flag-background">Responsive Disability Pride Flag CSS Background</a>.</li>
+</ul>
+
     <h3 class="date-style">27 July 2024</h3>
     <ul>
 <li>Leilukin's Hub and all its subsites have been migrated to <a href="https://www.hostinger.my/">Hostinger</a></li>
@@ -630,12 +635,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 </li>
 </ul>
 
-    <h3 class="date-style">7 June 2024</h3>
-    <ul>
-<li>Update Leilukin's Hub's site button. This time, I made my site button myself by using Adobe Photoshop CS5.</li>
-<li>Add a <a href="/colophon">colophon page</a>.</li>
-</ul>
-
 
 
 

changelogs/layouts/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.changelog__nav,
     .changelog__nav--links {

changelogs/page/2/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.pagination__wrapper {
         display: grid;
@@ -492,6 +492,12 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 
 <h2>Latest Changelogs</h2>
 
+    <h3 class="date-style">7 June 2024</h3>
+    <ul>
+<li>Update Leilukin's Hub's site button. This time, I made my site button myself by using Adobe Photoshop CS5.</li>
+<li>Add a <a href="/colophon">colophon page</a>.</li>
+</ul>
+
     <h3 class="date-style">6 June 2024</h3>
     <ul>
 <li>Remove unused Font Awesome assets, including font and CSS files, to improve site performance.</li>
@@ -603,11 +609,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 <li>Add table of contents to my <a href="/projects/videogamemods/kotor1/">Star Wars: Knights of the Old Republic</a> and <a href="/projects/videogamemods/kotor2/">Star Wars: Knights of the Old Republic II: The Sith Lords mods</a>.</li>
 </ul>
 
-    <h3 class="date-style">6 March 2024</h3>
-    <ul>
-<li>New blog post: <a href="/blog/posts/2024-03-06-I-Received-a-Lifetime-Premium-Membership-on-Nexus-Mods-for-Free">I Received a Lifetime Premium Membership on Nexus Mods for Free</a>.</li>
-</ul>
-
 
 
 

changelogs/page/3/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.pagination__wrapper {
         display: grid;
@@ -492,6 +492,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 
 <h2>Latest Changelogs</h2>
 
+    <h3 class="date-style">6 March 2024</h3>
+    <ul>
+<li>New blog post: <a href="/blog/posts/2024-03-06-I-Received-a-Lifetime-Premium-Membership-on-Nexus-Mods-for-Free">I Received a Lifetime Premium Membership on Nexus Mods for Free</a>.</li>
+</ul>
+
     <h3 class="date-style">8 February 2024</h3>
     <ul>
 <li><a href="/shrines/cassettebeasts/">Cassette Beasts shrine</a>: Added <a href="/shrines/cassettebeasts/resources">Resources</a> page.</li>
@@ -593,14 +598,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 <li><a href="/shrines/cassettebeasts/">Cassette Beasts shrine</a>: Updated the Development History section of the <a href="/shrines/cassettebeasts/trivia">Trivia</a> page.</li>
 </ul>
 
-    <h3 class="date-style">30 August 2023</h3>
-    <ul>
-<li><a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic shrine</a>: Added new article: <a href="/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough">Should You Use The Sith Lords Restored Content Mod in Your First Star Wars: KotOR 2 Playthrough?</a>.</li>
-<li>Adjusted spacing between each item in the article index lists.</li>
-<li>Make the date format consistent throughout the entire site by using the Day-Month-Year format.</li>
-<li>Fixed broken links in the <a href="/changelogs/2022">2022 changelog archive</a> due to the affected pages moved to other parts of the site.</li>
-</ul>
-
 
 
 

changelogs/page/4/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.pagination__wrapper {
         display: grid;
@@ -492,6 +492,14 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 
 <h2>Latest Changelogs</h2>
 
+    <h3 class="date-style">30 August 2023</h3>
+    <ul>
+<li><a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic shrine</a>: Added new article: <a href="/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough">Should You Use The Sith Lords Restored Content Mod in Your First Star Wars: KotOR 2 Playthrough?</a>.</li>
+<li>Adjusted spacing between each item in the article index lists.</li>
+<li>Make the date format consistent throughout the entire site by using the Day-Month-Year format.</li>
+<li>Fixed broken links in the <a href="/changelogs/2022">2022 changelog archive</a> due to the affected pages moved to other parts of the site.</li>
+</ul>
+
     <h3 class="date-style">29 August 2023</h3>
     <ul>
 <li>Added link button for the site's RSS feed.</li>
@@ -626,11 +634,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 <li>Replaced incorrect uses of semantic HTML tags throughout the entire website, such as replacing <code>&lt;em&gt;</code> that were used for media titles with <code>&lt;cite&gt;</code>, <code>&lt;strong&gt;</code> that were used for styling with custom CSS class.</li>
 </ul>
 
-    <h3 class="date-style">23 June 2023</h3>
-    <ul>
-<li>The HTML, CSS and JavaScript of entire website has been rewritten to improve the site's layout! See the <a href="/changelogs/updates/2023-june-layout-rewrite">June 2023 Layout Rewrite</a> for more information!</li>
-</ul>
-
 
 
 

changelogs/page/5/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.pagination__wrapper {
         display: grid;
@@ -492,6 +492,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 
 <h2>Latest Changelogs</h2>
 
+    <h3 class="date-style">23 June 2023</h3>
+    <ul>
+<li>The HTML, CSS and JavaScript of entire website has been rewritten to improve the site's layout! See the <a href="/changelogs/updates/2023-june-layout-rewrite">June 2023 Layout Rewrite</a> for more information!</li>
+</ul>
+
     <h3 class="date-style">15 June 2023</h3>
     <ul>
 <li>Removed unnecessary CSS files.</li>
@@ -612,12 +617,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 <li>The entire website has been redesigned! See the <a href="/blog/posts/2023-01-26-new-year-leilukins-hub-redesign">2023 New Year Redesign of Leilukin's Hub</a> for more information!</li>
 </ul>
 
-    <h3 class="date-style">25 January 2023</h3>
-    <ul>
-<li>Added my latest mod, TSL Twi'lek Male NPC Diversity, to <a href="/projects/videogamemods/kotor2">my mods for Star Wars: Knights of the Old Republic II: The Sith Lords</a> page.</li>
-<li>Corrected the mod description of KotOR 1 Twi'lek Male NPC Diversity on <a href="/projects/videogamemods/kotor1">my mods for Star Wars: Knights of the Old Republic</a> page.</li>
-</ul>
-
 
 
 

changelogs/page/6/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.pagination__wrapper {
         display: grid;
@@ -492,6 +492,12 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 
 <h2>Latest Changelogs</h2>
 
+    <h3 class="date-style">25 January 2023</h3>
+    <ul>
+<li>Added my latest mod, TSL Twi'lek Male NPC Diversity, to <a href="/projects/videogamemods/kotor2">my mods for Star Wars: Knights of the Old Republic II: The Sith Lords</a> page.</li>
+<li>Corrected the mod description of KotOR 1 Twi'lek Male NPC Diversity on <a href="/projects/videogamemods/kotor1">my mods for Star Wars: Knights of the Old Republic</a> page.</li>
+</ul>
+
     <h3 class="date-style">29 December 2022</h3>
     <ul>
 <li>Added my latest mod, KotOR 1 Twi'lek Male NPC Diversity, to <a href="/projects/videogamemods/kotor1">my mods for Star Wars: Knights of the Old Republic</a> page.</li>
@@ -591,11 +597,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 <li>Added download links to <a href="https://www.dropbox.com/s/ilntlihyaabthzg/Love%20Between%20Brianna%20And%20The%20Exile%20-%20TSLRCM%20version.zip?dl=0">Love Between Brianna and the Exile - The Sith Lords Restored Content Mod Version</a> and <a href="https://www.dropbox.com/s/af3h6y793f3zjxq/Remote%20Tells%20Influence%20Patch%20for%20TSLRCM.zip?dl=0">Remote Tells Influence Patch for The Sith Lords Restored Content Mod</a> on my <a href="/projects/videogamemods/kotor2">KotOR 2 mods</a> page.</li>
 </ul>
 
-    <h3 class="date-style">3 October 2022</h3>
-    <ul>
-<li>Added banner images for each of my <a href="/projects/videogamemods/kotor1">KotOR 1 mods</a> and <a href="/projects/videogamemods/kotor2">KotOR 2 mods</a>.</li>
-</ul>
-
 
 
 

changelogs/page/7/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.pagination__wrapper {
         display: grid;
@@ -492,6 +492,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 
 <h2>Latest Changelogs</h2>
 
+    <h3 class="date-style">3 October 2022</h3>
+    <ul>
+<li>Added banner images for each of my <a href="/projects/videogamemods/kotor1">KotOR 1 mods</a> and <a href="/projects/videogamemods/kotor2">KotOR 2 mods</a>.</li>
+</ul>
+
     <h3 class="date-style">1 October 2022</h3>
     <ul>
 <li>Added article: <a href="/shrines/swkotor/articles/arren-kae-kreia-theory">Why I Personally Do Not Subscribe to the “Arren Kae is Kreia” Theory</a>.</li>

colophon/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;
@@ -468,6 +468,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 <ul>
 <li>Eleventy's official <a href="https://www.11ty.dev/docs/plugins/rss/">RSS</a> plugin</li>
 <li>Eleventy's official <a href="https://www.11ty.dev/docs/plugins/navigation/">Navigation</a> plugin</li>
+<li>Eleventy's official <a href="https://www.11ty.dev/docs/plugins/syntaxhighlight/">Syntax Highlighting</a> plugin</li>
 <li><a href="https://www.npmjs.com/package/@zachleat/details-utils">@zachleat/details-utils</a></li>
 </ul>
 <div class="heading-wrapper h3">
@@ -497,6 +498,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 <ul>
 <li><a href="https://www.lexend.com/">Lexend</a> font family — used as the default font of this site</li>
 <li><a href="https://www.intel.com/content/www/us/en/company-overview/one-monospace-font.html">Intel One Mono</a> typeface — used as the monospaced font of this site</li>
+<li>Eric Bailey's <a href="https://github.com/ericwbailey/a11y-syntax-highlighting">a11y-syntax-highlighting</a> CSS dark mode stylesheet for Prism.js</li>
 </ul>
 <div class="heading-wrapper h2">
 <h2 id="javascript">JavaScript</h2>
@@ -526,7 +528,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 <p>You can still access most of the content of this site with JavaScript disabled, but the above components will not work as intended.</p>
 
 
-<p>(This colophon page was last updated on 27 July 2024)</p>
+<p>(This colophon page was last updated on 2 August 2024)</p>
 
     
     </article>

feed.xml

@@ -4,13 +4,24 @@
     <subtitle>Leilukin&#39;s personal website.</subtitle>
     <link href="https://leilukin.com/feed.xml" rel="self"/>
     <link href="https://leilukin.com"/>
-    <updated>2024-08-02T04:15:43Z</updated>
+    <updated>2024-08-02T08:18:44Z</updated>
     <id>https://leilukin.com/</id>
     <author>
         <name>Leilukin</name>
         <email>contact@leilukin.com</email>
     </author>
         
+        <entry>
+            <title>Changelog: 2 August 2024</title>
+            <link href="https://leilukin.com/"/>
+            <updated>2024-08-02T00:00:00Z</updated>
+            <id>https://leilukin.com/</id>
+            <content type="html">&lt;ul&gt;
+&lt;li&gt;Added my first publicly released code snippet on this website: &lt;a href=&quot;https://leilukin.com/projects/snippets/disability-pride-flag-background&quot;&gt;Responsive Disability Pride Flag CSS Background&lt;/a&gt;.&lt;/li&gt;
+&lt;/ul&gt;
+</content>
+        </entry>
+        
         <entry>
             <title>Changelog: 27 July 2024</title>
             <link href="https://leilukin.com/"/>
@@ -342,99 +353,6 @@
             <content type="html">&lt;ul&gt;
 &lt;li&gt;Add new article: &lt;a href=&quot;https://leilukin.com/articles/palestine-masterlist&quot;&gt;Palestine Masterlist&lt;/a&gt;.&lt;/li&gt;
 &lt;/ul&gt;
-</content>
-        </entry>
-        
-        <entry>
-            <title>Palestine Masterlist | Articles</title>
-            <link href="https://leilukin.com/articles/palestine-masterlist/"/>
-            <updated>2024-06-19T00:00:00Z</updated>
-            <id>https://leilukin.com/articles/palestine-masterlist/</id>
-            <content type="html">&lt;p&gt;&lt;img src=&quot;https://leilukin.com/assets/buttons/misc/standwithpalestine.png&quot; alt=&quot;Stand with Palestine&quot; /&gt;&lt;/p&gt;
-&lt;p&gt;(Credit to &lt;a href=&quot;https://hillhouse.neocities.org/journal/notes/palestine&quot;&gt;rosemary&lt;/a&gt; for the Stand with Palestine button)&lt;/p&gt;
-&lt;p&gt;From the river to the sea, Palestine will be free.&lt;/p&gt;
-&lt;p&gt;Here, I am compiling a list of resources related to Palestine. This list is not comprehensive by any means, but I still want to do my part in using my platform to support an important cause.&lt;/p&gt;
-&lt;div class=&quot;heading-wrapper h2&quot;&gt;
-&lt;h2 id=&quot;educate-yourself&quot;&gt;Educate Yourself&lt;/h2&gt;
-&lt;a class=&quot;heading-anchor&quot; href=&quot;https://leilukin.com/articles/palestine-masterlist/#educate-yourself&quot; aria-labelledby=&quot;educate-yourself&quot;&gt;&lt;span hidden=&quot;&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
-&lt;ul&gt;
-&lt;li&gt;&lt;a href=&quot;https://decolonizepalestine.com/&quot;&gt;Decolonize Palestine&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;Haymarket&#39;s &lt;a href=&quot;https://www.haymarketbooks.org/blogs/495-free-ebooks-for-a-free-palestine&quot;&gt;Free Ebooks for a Free Palestine&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://today.visualizingpalestine.org/&quot;&gt;Palestine, Today: Explore how Palestine has been transformed since the Nakba&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://palopenmaps.org/&quot;&gt;Palestine Open Maps&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.palestineremembered.com/&quot;&gt;Palestine Remembered&lt;/a&gt;&lt;/li&gt;
-&lt;/ul&gt;
-&lt;div class=&quot;heading-wrapper h2&quot;&gt;
-&lt;h2 id=&quot;articles&quot;&gt;Articles&lt;/h2&gt;
-&lt;a class=&quot;heading-anchor&quot; href=&quot;https://leilukin.com/articles/palestine-masterlist/#articles&quot; aria-labelledby=&quot;articles&quot;&gt;&lt;span hidden=&quot;&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
-&lt;ul&gt;
-&lt;li&gt;&lt;a href=&quot;https://medium.com/@thegriefwitch/what-is-the-ethical-way-to-climb-out-of-hell-8ed51bdc327b&quot;&gt;What is the Ethical Way to Climb Out of Hell?&lt;/a&gt; by The Grief Witch (17 October 2023)&lt;/li&gt;
-&lt;/ul&gt;
-&lt;div class=&quot;heading-wrapper h2&quot;&gt;
-&lt;h2 id=&quot;donations-and-charities&quot;&gt;Donations and Charities&lt;/h2&gt;
-&lt;a class=&quot;heading-anchor&quot; href=&quot;https://leilukin.com/articles/palestine-masterlist/#donations-and-charities&quot; aria-labelledby=&quot;donations-and-charities&quot;&gt;&lt;span hidden=&quot;&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
-&lt;ul&gt;
-&lt;li&gt;&lt;a href=&quot;https://arab.org/click-to-help/palestine/&quot;&gt;Daily click to help Palestine on arab.org&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.pcrf.net/&quot;&gt;Palestine Children&#39;s Relief Fund&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://gazaesims.com/&quot;&gt;eSims for Gaza&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://gazafunds.com/&quot;&gt;Gaza Funds&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://docs.google.com/spreadsheets/d/1yYkNp5U3ANwILl2MknJi9G7ArY4uVTEEQ1CVfzR8Ioo/edit?gid=0#gid=0&quot;&gt;verified Gaza Evacuation Fundraiser List&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://docs.google.com/spreadsheets/d/1vtMLLOzuc6GpkFySyVtKQOY2j-Vvg0UsChMCFst_WLA/htmlview&quot;&gt;Operation Olive Branch&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/helping-the-people-of-gaza-mutual-aid-fund&quot;&gt;Helping the People of Gaza - Mutual Aid Fund&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://x.com/careforgaza&quot;&gt;Care for Gaza&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://x.com/GazaDirectAid&quot;&gt;Direct Aid for Gaza&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://gaza-city.ensany.com/campaign/6737?lang=en&quot;&gt;Life For Gaza&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.taawon.org/en/content/gaza-needs-us-now&quot;&gt;Taawon&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.wfp.org/emergencies/palestine-emergency&quot;&gt;World Food Programme (WFP)&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.map.org.uk/&quot;&gt;Medical Aid for Palestinians&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/urgent-help-dribrahem-to-treat-the-pateints-homeless-people&quot;&gt;Help Dr. Ibrahem to treat the pateints homeless people&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/support-for-marginalized-refugees-in-jordan&quot;&gt;Support for Tents in Gaza&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://gaza-city.ensany.com/campaign/6737?lang=EN&quot;&gt;Gaza Municipality&#39;s water project&lt;/a&gt;&lt;/li&gt;
-&lt;/ul&gt;
-&lt;div class=&quot;heading-wrapper h2&quot;&gt;
-&lt;h2 id=&quot;boycotts&quot;&gt;Boycotts&lt;/h2&gt;
-&lt;a class=&quot;heading-anchor&quot; href=&quot;https://leilukin.com/articles/palestine-masterlist/#boycotts&quot; aria-labelledby=&quot;boycotts&quot;&gt;&lt;span hidden=&quot;&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
-&lt;ul&gt;
-&lt;li&gt;&lt;a href=&quot;https://bdsmovement.net/&quot;&gt;BDS Movement&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;Attention to website owners: &lt;a href=&quot;https://boycottwix.org/&quot;&gt;Boycott Wix&lt;/a&gt; — The BDS movement has &lt;a href=&quot;https://bdsmovement.net/Act-Now-Against-These-Companies-Profiting-From-Genocide&quot;&gt;listed Wix as an organic boycott target&lt;/a&gt;, meaning the BDS movement did not initiate this grassroots boycott campaign, but supports it due to the boycotted brand&#39;s complicity in Israel&#39;s genocide and apartheid against Palestinians.&lt;/li&gt;
-&lt;/ul&gt;
-&lt;div class=&quot;heading-wrapper h2&quot;&gt;
-&lt;h2 id=&quot;spotlight-crowdfunding-campaigns&quot;&gt;Spotlight Crowdfunding Campaigns&lt;/h2&gt;
-&lt;a class=&quot;heading-anchor&quot; href=&quot;https://leilukin.com/articles/palestine-masterlist/#spotlight-crowdfunding-campaigns&quot; aria-labelledby=&quot;spotlight-crowdfunding-campaigns&quot;&gt;&lt;span hidden=&quot;&quot;&gt;#&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
-&lt;p&gt;There have been Palestinians who reached out to me on Tumblr to ask for help with sharing their fundraising campaigns, so I am using my platform to share these campaigns. These campaigns have been verified by other Palestinians on Tumblr, so I encourage you to help to donate and share.&lt;/p&gt;
-&lt;ul&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/ne9gzx-help-them-to-survive&quot;&gt;Help...Save a Pregnant Mother&#39;s Life and Support Her Family&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/nabulsi/751944563232587777&quot;&gt;nabulsi&lt;/a&gt; and &lt;a href=&quot;https://www.tumblr.com/90-ghost/752304563682476032&quot;&gt;90-ghost&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/help-sahar-and-her-family-to-evacuate-gaza&quot;&gt;Help Sahar and Her Family to Evacuate Gaza&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/el-shab-hussein/749777880017502208/another-fundraiser-i-trust&quot;&gt;el-shab-hussein&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/help-us-escape-gaza-a-mothers-plea-for-safety&quot;&gt;Help Us Escape Gaza: A Mother&#39;s Plea for Safety&lt;/a&gt; (#182 in &lt;a href=&quot;https://docs.google.com/spreadsheets/u/0/d/1yYkNp5U3ANwILl2MknJi9G7ArY4uVTEEQ1CVfzR8Ioo/htmlview#gid=0&quot;&gt;el-shab-hussein and nabulsi’s Vetted Gaza Fundraiser List&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/from-war-to-education-abdelrahmans-resilient-journey&quot;&gt;From War to Education: Abdelrahman Resilient Journey&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/nabulsi/753544070688915456&quot;&gt;nabulsi&lt;/a&gt; and &lt;a href=&quot;https://www.tumblr.com/90-ghost/753258782216404992&quot;&gt;90-ghost&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/i-have-nothing-left-my-home-and-workplace-have-be&quot;&gt;Please Help Tahani save her children and husband&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/el-shab-hussein/748756401076207616/list-of-fundraisers-for-direct-contacts-from&quot;&gt;el-shab-hussein&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/please-help-shamaly-family-start-a-new-life&quot;&gt;Please help Shamaly family SURVIVE Gaza &amp;amp; start a new life!&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/nabulsi/753715707609530368&quot;&gt;nabulsi&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/reunite-us-with-our-beloved-4-kids-stuck-in-gaza&quot;&gt;Help us reunite with our kids who are stuck in Gaza&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/90-ghost/754096091530723328/donate-to-help-us-reunite-with-our-kids-who-are&quot;&gt;90-ghost&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/help-alaa-family-to-survive-the-war-in-gaza&quot;&gt;Urgent ! Save kids life .&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/90-ghost/751443466082484224&quot;&gt;90-ghost&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/wyuehr-trapped-family-in-gaza-appeals-for-help-to-survive&quot;&gt;Trapped Family in Gaza Appeals for Help to Survive&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/nabulsi/753363183754952704&quot;&gt;nabulsi&lt;/a&gt;, &lt;a href=&quot;https://www.tumblr.com/fairuzfan/752928036559749120&quot;&gt;fairuzfan&lt;/a&gt; and &lt;a href=&quot;https://www.tumblr.com/90-ghost/752026987709825024&quot;&gt;90-ghost&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/help-ahmed-family-to-travel&quot;&gt;Help Ahmed family to travel to a save place&lt;/a&gt; (veridied by &lt;a href=&quot;https://www.tumblr.com/nabulsi/752576616277868544/hello-how-are-you-my-name-is-ahmed-im-from&quot;&gt;nabulsi&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/byt93-help-my-family-escape-gaza&quot;&gt;Help my family escape Gaza&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/nabulsi/754296720770383872/donate-to-help-my-family-escape-gaza-organized-by&quot;&gt;nabulsi&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/hope-for-gaza-support-ashrafs-family-rebuild-their-lives&quot;&gt;Hope for Gaza: Support Ashraf&#39;s Family Rebuild Their Lives&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/90-ghost/754535164856664064/legit-fundraiser&quot;&gt;90-ghost&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/help-sara-and-her-family-to-evacuate-gaza&quot;&gt;Help Zaen and Yehya to get out of Gaza&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/90-ghost/754093176508268544&quot;&gt;90-ghost&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/btuqqt-save-my-familys-life&quot;&gt;A Father&#39;s Plea: Help Save My Family&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/el-shab-hussein/754087744556449792/vetted-family-fundraiser-masterpost-3&quot;&gt;el-shab-hussein&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/help-moamen-majed-rebuild-his-life-after-the-war&quot;&gt;Help Moamen Majed rebuild his life after the war&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/90-ghost/755355718664830976/moamenmajed-gaza-are-they-a-vetted-fundraiser&quot;&gt;90-ghost&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/save-gaza-a-brighter-future-for-aya-and-her-family&quot;&gt;Save Gaza: A Brighter Future for Aya and Her Family&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/90-ghost/754992024939347968&quot;&gt;90-ghost&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/emergency-help-my-relatives-evacuate-to-safety&quot;&gt;EMERGENCY: help my relatives evacuate to safety&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/90-ghost/756556584649424896&quot;&gt;90-ghost&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/support-safaas-quest-to-get-her-family-to-safety&quot;&gt;Support Safaa&#39;s Quest To Get Her Family To Safety&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/90-ghost/756556669674274816&quot;&gt;90-ghost&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/help-doaa-rebuild-her-sewing-business&quot;&gt;Help Doaa Rebuild Her Sewing Business&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/90-ghost/756556522290626560&quot;&gt;90-ghost&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/help-the-munna-tashmali-family-rebuild-their-home-and-future&quot;&gt;Help the Munna Tashmali Family Rebuild Their Home and Future&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/nabulsi/754393532315353089/donate-to-help-the-munna-tashmali-family-rebuild&quot;&gt;nabulsi&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/helping-gaza-family-to-get-out&quot;&gt;Help Gaza Family Evacuate to Safety&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/90-ghost/756899215473606656&quot;&gt;90-ghost&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/help-us-for-the-sake-of-god&quot;&gt;Help us for the sake of God&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/90-ghost/755446251161632768/faites-un-don-%C3%A0-help-us-for-the-sake-of-god&quot;&gt;90-ghost&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/bfth82-we-need-help&quot;&gt;we need help&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/90-ghost/756901702912868352&quot;&gt;90-ghost&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/help-our-families-evacuate-gaza-before-too-late&quot;&gt;Help little children of Gaza stay safe and alive!&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/nabulsi/751214090403430400/donate-to-help-little-children-stay-safe-and&quot;&gt;nabulsi&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/support-fatimas-family-in-gaza-after-heartbreaking-tragedy&quot;&gt;Support Fatima&#39;s Family in Gaza After Heartbreaking Tragedy&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/90-ghost/756556061504307200&quot;&gt;90-ghost&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/3b6yr-get-my-relatives-out-of-gaza&quot;&gt;Get my relatives out of Gaza&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/90-ghost/757079385198215168/legit-fundraiser&quot;&gt;90-ghost&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/help-shymaas-family-reunite-in-egypt&quot;&gt;Help Shaima&#39;s family reunite in Egypt&lt;/a&gt; (#141 in &lt;a href=&quot;https://docs.google.com/spreadsheets/u/0/d/1yYkNp5U3ANwILl2MknJi9G7ArY4uVTEEQ1CVfzR8Ioo/htmlview#gid=0&quot;&gt;el-shab-hussein and nabulsi’s Vetted Gaza Fundraiser List&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/aid-for-youssefs-family-and-majds-treatment&quot;&gt;Help Yousef&amp;amp;Family Escape From War&amp;amp;Secure Treatment for son&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/90-ghost/755122452856700928&quot;&gt;90-ghost&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/save-ibrahim-and-his-children&quot;&gt;Save Ibrahim and his children&lt;/a&gt; (verified by &lt;a href=&quot;https://www.tumblr.com/90-ghost/757288769795850240/legit-fundraiser&quot;&gt;90-ghost&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/help-shahd-in-gaza&quot;&gt;Help Shahd in Gaza!&lt;/a&gt; (#224 in &lt;a href=&quot;https://docs.google.com/spreadsheets/u/0/d/1yYkNp5U3ANwILl2MknJi9G7ArY4uVTEEQ1CVfzR8Ioo/htmlview#gid=0&quot;&gt;el-shab-hussein and nabulsi’s Vetted Gaza Fundraiser List&lt;/a&gt;)&lt;/li&gt;
-&lt;li&gt;&lt;a href=&quot;https://www.gofundme.com/f/saving-dr-farhats-family-towards-hope&quot;&gt;Save Dr. Farhat&#39;s family from genocide in Gaza&lt;/a&gt; (#248 in &lt;a href=&quot;https://docs.google.com/spreadsheets/u/0/d/1yYkNp5U3ANwILl2MknJi9G7ArY4uVTEEQ1CVfzR8Ioo/htmlview#gid=0&quot;&gt;el-shab-hussein and nabulsi’s Vetted Gaza Fundraiser List&lt;/a&gt;)&lt;/li&gt;
-&lt;/ul&gt;
 </content>
         </entry>
 </feed>

guestbook/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>/**
 * Author: Vera Konigin

index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <link rel="stylesheet" href="/assets/css/tooltips.css">
     
@@ -424,12 +424,9 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     <h2>What is New?</h2>
     <div class="text-box">
         
-            <h3>Changelog: 27 July 2024</h3>
+            <h3>Changelog: 2 August 2024</h3>
             <ul>
-<li>Leilukin's Hub and all its subsites have been migrated to <a href="https://www.hostinger.my/">Hostinger</a></li>
+<li>Added my first publicly released code snippet on this website: <a href="/projects/snippets/disability-pride-flag-background">Responsive Disability Pride Flag CSS Background</a>.</li>
-<li>New blog post: <a href="/blog/posts/2024-07-27-hostinger-migration-leilukins-hub">Leilukin's Hub Has Migrated to Hostinger</a></li>
-<li>Change the theme of <a href="https://tumbleblog.leilukin.com/">Leilukin's Hub Tumbleblog</a> to a custom theme based on the Umbra theme from Chyrp Lite</li>
-<li>Add a link to contact me via email to the website's footer</li>
 </ul>
 
         <p><a href="/changelogs">View all site changelogs</a></p>

links/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <link rel="stylesheet" href="/assets/css/tooltips.css">
     

now/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.breadcrumbs {
         list-style-type: "";

projects/code/bellabuffs-phpmailer/index.html

@@ -3,7 +3,7 @@
     <head>
         
     
-        <meta property="og:title" content="BellaBuffs with PHPMailer Integration">
+        <meta property="og:title" content="BellaBuffs with PHPMailer Integration | Code Projects">
     
         <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.breadcrumbs {
         list-style-type: "";
@@ -270,7 +270,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     
 
         <title>
-            BellaBuffs with PHPMailer Integration | Leilukin's Hub
+            BellaBuffs with PHPMailer Integration | Code Projects | Leilukin's Hub
         </title>
     </head>
     <body>
@@ -376,7 +376,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         </nav>
     
 
-    <h1>BellaBuffs with PHPMailer Integration</h1>
+    <h1>BellaBuffs with PHPMailer Integration | Code Projects</h1>
 
     
         

projects/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;
@@ -429,6 +429,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
             </summary>
             <nav class="toc" aria-labelledby="toc-heading"><ol><li><a href="#my-other-websites">My Other Websites</a></li>
 <li><a href="#my-code-projects">My Code Projects</a></li>
+<li><a href="#my-code-snippets">My Code Snippets</a></li>
 <li><a href="#my-drawings">My Drawings</a></li>
 <li><a href="#my-video-game-mods">My Video Game Mods</a></li>
 <li><a href="#my-playlists">My Playlists</a></li>
@@ -453,7 +454,12 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 <section class="content__section"><div class="heading-wrapper h2">
 <h2 id="my-code-projects">My Code Projects</h2>
 <a class="heading-anchor" href="#my-code-projects" aria-labelledby="my-code-projects"><span hidden>#</span></a></div>
-<ul><li><a href="/projects/code/bellabuffs-phpmailer/">BellaBuffs with PHPMailer Integration</a> — My fork of BellaBuffs, with PHPMailer powering the email sending features.</li></ul>
+<ul><li><a href="/projects/code/bellabuffs-phpmailer/">BellaBuffs with PHPMailer Integration | Code Projects</a> — My fork of BellaBuffs, with PHPMailer powering the email sending features.</li></ul>
+</section>
+<section class="content__section"><div class="heading-wrapper h2">
+<h2 id="my-code-snippets">My Code Snippets</h2>
+<a class="heading-anchor" href="#my-code-snippets" aria-labelledby="my-code-snippets"><span hidden>#</span></a></div>
+<ul><li><a href="/projects/snippets/disability-pride-flag-background/">Responsive Disability Pride Flag CSS Background | Code Snippets</a> — CSS code snippet of Disability Pride Flag background that can adapt to different widths and screen sizes.</li></ul>
 </section>
 <section class="content__section"><div class="heading-wrapper h2">
 <h2 id="my-drawings">My Drawings</h2>

projects/playlists/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;

projects/snippets/disability-pride-flag-background/index.html

@@ -0,0 +1,473 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr" id="top">
+    <head>
+        
+    
+        <meta property="og:title" content="Responsive Disability Pride Flag CSS Background | Code Snippets">
+    
+        <meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="author" content="Leilukin">
+<meta name="description" content="CSS code snippet of Disability Pride Flag background that can adapt to different widths and screen sizes.">
+<meta name="generator" content="Eleventy v3.0.0">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://leilukin.com/projects/snippets/disability-pride-flag-background/">
+<meta property="og:site_name" content="Leilukin's Hub">
+<meta property="og:locale" content="en_MY">
+<meta property="og:description" content="CSS code snippet of Disability Pride Flag background that can adapt to different widths and screen sizes.">
+<meta name="twitter:card" content="summary">
+<meta name="twitter:url" content="https://leilukin.com/projects/snippets/disability-pride-flag-background/">
+<meta name="twitter:description" content="CSS code snippet of Disability Pride Flag background that can adapt to different widths and screen sizes.">
+<link rel="canonical" href="https://leilukin.com/projects/snippets/disability-pride-flag-background/">
+
+
+        
+        <link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-regular.woff2" as="font" type="font/woff2" crossorigin>
+<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-700.woff2" as="font" type="font/woff2" crossorigin>
+<style>
+    @font-face {
+        font-display: swap;
+        font-family: 'Lexend';
+        font-style: normal;
+        font-weight: 400;
+        src: url('/assets/fonts/lexend/lexend-v19-latin-regular.woff2') format('woff2');
+    }
+    @font-face {
+        font-display: swap;
+        font-family: 'Lexend';
+        font-style: normal;
+        font-weight: 600;
+        src: url('/assets/fonts/lexend/lexend-v19-latin-600.woff2') format('woff2');
+    }
+    @font-face {
+        font-display: swap;
+        font-family: 'Lexend';
+        font-style: normal;
+        font-weight: 700;
+        src: url('/assets/fonts/lexend/lexend-v19-latin-700.woff2') format('woff2');
+    }
+</style>
+        <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
+
+        
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+    
+        <style>.disability-pride-flag {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='651.83' height='300' viewBox='-90.33 0 651.83 300'%3E%3Cpath fill='%233BB07D' stroke='%233BB07D' stroke-miterlimit='10' stroke-width='.351' d='M561.5 300 162.902.664h-50.634L510.867 300z'/%3E%3Cpath fill='%237BC2E0' stroke='%237BC2E0' stroke-miterlimit='10' stroke-width='.351' d='M510.711 300 112.113.664H61.478L460.078 300z'/%3E%3Cpath fill='%23E8E8E8' stroke='%23E8E8E8' stroke-miterlimit='10' stroke-width='.351' d='M460.077 300 61.478.664H8.094L406.693 300z'/%3E%3Cpath fill='%23EEDE77' stroke='%23EEDE77' stroke-miterlimit='10' stroke-width='.351' d='M406.692 300 8.095.664h-49.111L357.584 300z'/%3E%3Cpath fill='%23CF7280' stroke='%23CF7280' stroke-miterlimit='10' stroke-width='.351' d='M357.378 300-41.22.664h-49.11L308.27 300z'/%3E%3C/svg%3E");
+    background-color: #595959;
+    background-repeat: no-repeat;
+    background-size: auto 100%;
+    background-position: center;
+}
+
+.disability-pride-flag.demo {
+    width: 100%;
+    height: 20rem;
+}
+.breadcrumbs {
+        list-style-type: "";
+        padding: 0;
+        margin: 0 0 0.7em 0;
+        display: flex;
+        gap: 0.5em;
+        flex-wrap: wrap;
+        justify-content: center;
+    }
+
+    .breadcrumbs li::after {
+        content: '➔';
+        padding-left: 0.3em;
+    }
+
+    .blog__post--pagination {
+        padding-top: 1em;
+        margin-top: 2.5em;
+        border-top: 0.1em solid var(--clr-title-border);
+    }
+
+    .blog__post--nextprev {
+        list-style-type: "";
+        padding: 0;
+        margin: 0;
+        display: grid;
+        gap: 0.7em;
+        grid-template-columns: repeat(2, 1fr);
+        grid-template-areas: 'prev next';
+    }
+
+    .blog__post--prev { grid-area: prev; }
+    .blog__post--next { grid-area: next; }
+.hero img { filter: 
+drop-shadow(0.1rem 0.1rem 0.2rem black)
+drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
+; }
+.hero {
+        width: 100%;
+        background-color: var(--clr-hero-bg);
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        text-align: center;
+    }
+
+    .hero__top-bar {
+        background-color: var(--clr-navbar-bg);
+        width: 100%;
+        padding: 0.5em 0.7em;
+    }
+
+    .hero__img {
+        display: grid;
+        place-content: center;
+    }
+
+    .hero img {
+        object-fit: contain;
+        overflow: hidden;
+        max-height: 16rem;
+    }
+.navbar {
+        background: var(--clr-navbar-bg);
+        width: 100%;
+        z-index: 998;
+        position: sticky;
+        top: 0;
+        padding: 0.6em;
+    }
+
+    .navbar__menu {
+        list-style-type: "";
+        margin: 0;
+        padding: 0;
+        display: flex;
+        gap: 1em;
+        flex-wrap: wrap;
+        text-align: center;
+    }
+
+    .navbar__menu a {
+        color: var(--clr-navbar-link);
+        text-decoration: none;
+        cursor: pointer;
+        display: inline-block;
+    }
+
+    .navbar__menu a:hover { color: var(--clr-link-hover); }
+    .navbar__menu a:focus { outline-offset: 0.2em; }
+
+    .navbar__links {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-evenly;
+        gap: 0.5em;
+    }
+
+    .navbar__toggle {
+        background-color: inherit;
+        color: var(--clr-navbar-link);
+        border: none;
+        padding: 0;
+        font-size: 1.25rem;
+        font-weight: 700;
+        display: none;
+        align-items: center;
+        gap: 0.3em;
+    }
+
+    .navbar__toggle svg { fill: currentColor; }
+
+    .navbar__toggle:focus,
+    .navbar__menu a:focus { outline-offset: 0.1em; }
+    .navbar__toggle:focus,
+    .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
+
+    .navbar__popover {
+        background-color: var(--clr-navbar-bg);
+        border: 0.15em solid var(--clr-navbar-link);
+        padding: 1.5em;
+        max-width: 85%;
+    }
+
+    .navbar__popover::backdrop {
+        background-color: black;
+        opacity: 0.5;
+    }
+
+    @supports selector([popover]) {
+        .navbar__toggle { display: flex; }
+        .navbar__links { display: none; }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .navbar { padding: 1em 0.6em; }
+        .navbar__toggle, .navbar__popover { display: none; }
+        .navbar__links { display: flex; }
+    }
+.top-btn,
+    .top-btn:hover {
+        color: var(--clr-top-btn-txt);
+        text-decoration: none;
+    }
+
+    .top-btn {
+        position: fixed;
+        bottom: 0.5rem;
+        right: 0.5rem;
+        z-index: 999;
+
+        background-color: var(--clr-top-btn-bg);
+        display: flex;
+        align-items: center;
+        border-radius: 50em;
+        padding: 0.3em 0.5em;
+        gap: 0.2em;
+    }
+
+    .top-btn:focus {
+        outline: 0.25em solid var(--clr-top-btn-bg);
+        outline-offset: 0.15em;
+    }
+
+    .top-btn__arrow {
+        display: inline-block;
+        width: 1em;
+        aspect-ratio: 1 / 1;
+        stroke-width: 0;
+        stroke: currentColor;
+        fill: currentColor;
+    }
+:root { --footer-gap: 0.5em; }
+
+    .footer {
+        margin-top: auto;
+        width: 100%;
+        background: var(--clr-main-footer-bg);
+        padding: 1.5rem 1rem clamp(1.5rem, calc(100% - 1.5rem), 3.5rem);
+        text-align: center;
+        display: grid;
+        gap: var(--footer-gap);
+    }
+
+    .footer__links,
+    .footer__shrines {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        column-gap: var(--footer-gap);
+    }
+
+    .footer__links { justify-self: center; }
+    .footer__shrines { align-self: center; }</style>
+
+        
+        <link rel="icon" sizes="32x32" href="/assets/favicon/favicon.ico">
+<link rel="icon" type="image/svg+xml" href="/assets/favicon/leilukin-bee-favicon.svg">
+<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
+<link rel="manifest" href="/assets/favicon/site.webmanifest">
+
+        
+        <link rel="me" href="mailto:contact@leilukin.com">
+        <link rel="me" href="https://dragonscave.space/@Leilukin">
+        <link rel="me" href="https://twitter.com/Leilukin">
+        <link rel="me" href="https://github.com/Leilukin">
+        <link rel="authorization_endpoint" href="https://indieauth.com/auth">
+
+        
+        <link rel="webmention" href="https://webmention.io/leilukin.com/webmention">
+
+        
+        <script src="/assets/js/MnPoD-suxd.js" defer></script>
+    
+
+        <title>
+            Responsive Disability Pride Flag CSS Background | Code Snippets | Leilukin's Hub
+        </title>
+    </head>
+    <body>
+        <div class="skip-btn"><a href="#content">Skip to content</a></div>
+        <header class="hero">
+    <div class="hero__top-bar hidden"></div>
+    <div class="hero__img">
+        
+    <img fetchpriority="high" src="/assets/leilukin/Leilukins-Hub-website-banner.avif" alt="Banner of Leilukin's Hub" width="900" height="300">
+
+    </div>
+</header>
+        
+
+<nav class="navbar" aria-labelledby="top-level-nav-title">
+    <h2 class="visually-hidden" id="top-level-nav-title">Top Level</h2>
+    <ul class="navbar__menu navbar__links">
+    
+    
+        <li>
+            <a  href="/">Home</a>
+        </li>
+        <li>
+            <a  href="/about/">About</a>
+        </li>
+        <li>
+            <a  href="/now/">Now</a>
+        </li>
+        <li>
+            <a  href="/blog/">Blog</a>
+        </li>
+        <li>
+            <a  href="/articles/">Articles</a>
+        </li>
+        <li>
+            <a  href="/projects/">Projects</a>
+        </li>
+        <li>
+            <a  href="/shrines/">Shrines</a>
+        </li>
+        <li>
+            <a  href="/adoptables/">Adoptables</a>
+        </li>
+        <li>
+            <a  href="/links/">Links</a>
+        </li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
+</ul>
+    <button class="navbar__toggle" popovertarget="nav-menu" aria-label="Toggle navigation menu">
+        <svg aria-hidden="true" focusable="false" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"/></svg>
+        Navigation
+    </button>
+</nav>
+<div popover id="nav-menu" class="navbar__popover">
+    <ul class="navbar__menu">
+    
+    
+        <li>
+            <a  href="/">Home</a>
+        </li>
+        <li>
+            <a  href="/about/">About</a>
+        </li>
+        <li>
+            <a  href="/now/">Now</a>
+        </li>
+        <li>
+            <a  href="/blog/">Blog</a>
+        </li>
+        <li>
+            <a  href="/articles/">Articles</a>
+        </li>
+        <li>
+            <a  href="/projects/">Projects</a>
+        </li>
+        <li>
+            <a  href="/shrines/">Shrines</a>
+        </li>
+        <li>
+            <a  href="/adoptables/">Adoptables</a>
+        </li>
+        <li>
+            <a  href="/links/">Links</a>
+        </li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
+</ul>
+</div>
+        <main id="content">
+            <header class="main__header">
+    
+        <nav aria-labelledby="breadcrumbs-title">
+            <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
+            <ol class="breadcrumbs">
+                
+                <li>
+                    <a href="/projects/">Projects</a>
+                </li>
+            </ol>
+        </nav>
+    
+
+    <h1>Responsive Disability Pride Flag CSS Background | Code Snippets</h1>
+
+    
+        
+            <p>CSS code snippet of Disability Pride Flag background that can adapt to different widths and screen sizes.</p>
+        
+    
+</header>
+
+<content-wrapper>
+    
+
+    
+
+    <div class="content">
+        <p>There have been CSS code snippets of LGBTQ+ pride flag backgrounds out there, but I could not find one for the <a href="https://www.womansday.com/life/a43964487/disability-pride-flag/">Disability Pride Flag</a>, which was created by <a href="https://capri0mni.dreamwidth.org/837596.html">Ann Magill</a> and released in 2021.</p>
+<p>Therefore, at the start of <a href="https://www.weareincludability.co.uk/resources/what-is-disability-pride-month">Disability Pride Month</a> in July 2024, I decided to code a Disability Pride Flag background in CSS, and now I am releasing my code snippet for public use.</p>
+<p>My Disability Pride Flag CSS background is done with a combination of CSS background properties and inline SVG URL, and designed to be responsive, so it can adapt to different screen sizes and devices.</p>
+<p>I have used JavaScript to set up the header of the main part of this website, so it will display the Disability Pride Flag as its background during July.</p>
+<p>To code the Disability Pride Flag in CSS and make it responsive, I first downloaded an <a href="https://commons.wikimedia.org/wiki/File:Visually_Safe_Disability_Pride_Flag.svg">SVG file of the Disability Pride Flag</a> from Wikimedia Commons, then modified the stripes in Adobe Illustrator CS5 (the only version of Adobe Illustrator I actually own) to allow the entire stripes to be shown in wide backgrounds, instead of appearing to be cut off mid-way. After finishing the edit in Illustrator, I saved the SVG file, opened it in Visual Studio Code to obtain the SVG code, used Jake Archibald's <a href="https://jakearchibald.github.io/svgomg/">SVGOMG</a> to optimise the SVG code, then encode it into CSS-ready code by using <a href="https://yoksel.github.io/url-encoder/">Yoksel's URL-encoder for SVG</a>.</p>
+<p>Since Ann Magill released the Disability Pride Flag to the public domain under <a href="https://creativecommons.org/publicdomain/zero/1.0/">CC0 1.0 Universal</a>, I am doing the same to my responsive Disability Pride Flag CSS background. Therefore, you are free to use my code and do what you want with it without asking for permission or crediting me.</p>
+<div class="heading-wrapper h2">
+<h2 id="demo">Demo</h2>
+<a class="heading-anchor" href="#demo" aria-labelledby="demo"><span hidden>#</span></a></div>
+<div class="disability-pride-flag demo" role="img" aria-label="Demo of the Disability Pride flag coded in CSS"></div>
+<div class="heading-wrapper h2">
+<h2 id="code">Code</h2>
+<a class="heading-anchor" href="#code" aria-labelledby="code"><span hidden>#</span></a></div>
+<p>CSS:</p>
+<pre class="language-css" tabindex="0"><code class="language-css"><span class="token selector">.disability-pride-flag</span> <span class="token punctuation">{</span>
+    <span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='651.83' height='300' viewBox='-90.33 0 651.83 300'%3E%3Cpath fill='%233BB07D' stroke='%233BB07D' stroke-miterlimit='10' stroke-width='.351' d='M561.5 300 162.902.664h-50.634L510.867 300z'/%3E%3Cpath fill='%237BC2E0' stroke='%237BC2E0' stroke-miterlimit='10' stroke-width='.351' d='M510.711 300 112.113.664H61.478L460.078 300z'/%3E%3Cpath fill='%23E8E8E8' stroke='%23E8E8E8' stroke-miterlimit='10' stroke-width='.351' d='M460.077 300 61.478.664H8.094L406.693 300z'/%3E%3Cpath fill='%23EEDE77' stroke='%23EEDE77' stroke-miterlimit='10' stroke-width='.351' d='M406.692 300 8.095.664h-49.111L357.584 300z'/%3E%3Cpath fill='%23CF7280' stroke='%23CF7280' stroke-miterlimit='10' stroke-width='.351' d='M357.378 300-41.22.664h-49.11L308.27 300z'/%3E%3C/svg%3E"</span><span class="token punctuation">)</span></span><span class="token punctuation">;</span>
+    <span class="token property">background-color</span><span class="token punctuation">:</span> #595959<span class="token punctuation">;</span>
+    <span class="token property">background-repeat</span><span class="token punctuation">:</span> no-repeat<span class="token punctuation">;</span>
+    <span class="token property">background-size</span><span class="token punctuation">:</span> auto 100%<span class="token punctuation">;</span>
+    <span class="token property">background-position</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
+<span class="token punctuation">}</span></code></pre>
+<p>After copying the above snippet in a CSS stylesheet or the HTML <code>&lt;style&gt;</code> tags, to apply the background to an HTML element, simply add the CSS class name <code>disability-pride-flag</code> (you can rename the class name if you want) to the HTML element's <code>class</code> attribute.</p>
+
+
+    
+    </div>
+
+    
+
+    
+</content-wrapper>
+        </main>
+        <footer class="footer">
+    <p>Made with ♥ by Leilukin since 11 September 2022</p>
+
+    
+    <ul class="inline-nav footer__links">
+        <li><a href="/feed.xml">RSS</a></li>
+        <li><a
+            
+            href="/sitemap/
+        ">Site Map</a></li>
+        <li><a
+            
+            href="/changelogs/"
+        >Changelogs</a></li><li><a
+                
+                href="/accessibility/"
+            >Accessibility</a></li><li><a
+                
+                href="/colophon/"
+            >Colophon</a></li></ul>
+<p><a href="mailto:contact@leilukin.com">Contact me by email</a></p><div class="h-card hidden">
+    <span class="p-name p-nickname">Leilukin</span>
+    <a href="/" class="u-url">Home page</a>
+    <img src="https://i.postimg.cc/RZJgS6tY/leilukin-bee.avif" alt="Leilukin" class="u-photo" loading="lazy">
+    <span class="p-country-name">Malaysia</span>
+    <span class="p-note">They/she. A proudly queer and autistic <span class="p-gender-identity">non-binary</span> lesbian from Malaysia.</span>
+</div><a href="#top" class="top-btn">
+    <svg class="top-btn__arrow" focusable="false" aria-hidden="true" viewBox="0 0 26 28">
+        <path d="M25.172 15.172c0 0.531-0.219 1.031-0.578 1.406l-1.172 1.172c-0.375 0.375-0.891 0.594-1.422 0.594s-1.047-0.219-1.406-0.594l-4.594-4.578v11c0 1.125-0.938 1.828-2 1.828h-2c-1.062 0-2-0.703-2-1.828v-11l-4.594 4.578c-0.359 0.375-0.875 0.594-1.406 0.594s-1.047-0.219-1.406-0.594l-1.172-1.172c-0.375-0.375-0.594-0.875-0.594-1.406s0.219-1.047 0.594-1.422l10.172-10.172c0.359-0.375 0.875-0.578 1.406-0.578s1.047 0.203 1.422 0.578l10.172 10.172c0.359 0.375 0.578 0.891 0.578 1.422z"></path>
+    </svg>
+    Back to Top
+</a>
+</footer>
+        
+    </body>
+</html>

projects/videogamemods/kotor1/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;

projects/videogamemods/kotor2/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;

shrines/asummersend/gallery/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;

shrines/asummersend/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;

shrines/asummersend/playlists/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;

shrines/asummersend/trivia/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;

shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;

shrines/cassettebeasts/articles/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;

shrines/cassettebeasts/facts/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;

shrines/cassettebeasts/featured/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;

shrines/cassettebeasts/gamelog/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;

shrines/cassettebeasts/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;

shrines/cassettebeasts/resources/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.toc__wrapper {
         max-height: 89vh;

shrines/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.shrine-index {
         display: grid;

shrines/starwarskotor/articles/arren-kae-kreia-theory/index.html

@@ -51,7 +51,7 @@
         <link rel="stylesheet" href="/assets/fonts/intel-one-mono/intel-one-mono.css">
 
         
-        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
+        <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
     
         <style>.right-sidebar {
         background-color: var(--clr-content-bg);