Build: (9f717b9) Exclude Pokémon ORAS shrine from collection temporarily

about/index.html

@@ -113,7 +113,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -184,7 +184,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

accessibility/index.html

@@ -97,7 +97,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -168,7 +168,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

adoptables/index.html

@@ -140,7 +140,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -211,7 +211,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

archive/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;
@@ -397,7 +397,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Nov 12 2024 13:41:26 GMT+0000 (Coordinated Universal Time)">12 November 2024</time>
+            <time datetime="Fri Nov 15 2024 13:24:35 GMT+0000 (Coordinated Universal Time)">15 November 2024</time>
         </li>
     
         <li>
@@ -407,7 +407,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Nov 12 2024 13:41:26 GMT+0000 (Coordinated Universal Time)">12 November 2024</time>
+            <time datetime="Fri Nov 15 2024 13:24:35 GMT+0000 (Coordinated Universal Time)">15 November 2024</time>
         </li>
     
         <li>
@@ -417,7 +417,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Nov 12 2024 13:41:26 GMT+0000 (Coordinated Universal Time)">12 November 2024</time>
+            <time datetime="Fri Nov 15 2024 13:24:35 GMT+0000 (Coordinated Universal Time)">15 November 2024</time>
         </li>
     
         <li>

articles/accessible-footnotes/index.html

@@ -146,7 +146,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -217,7 +217,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -146,7 +146,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -217,7 +217,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

articles/index.html

@@ -146,7 +146,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -217,7 +217,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

articles/palestine-masterlist/index.html

@@ -146,7 +146,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -217,7 +217,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

assets/css/general.css

@@ -5,7 +5,7 @@ body {
     flex-direction: column;
     font-family: var(--ff-default);
     color: var(--clr-body-txt);
-    background-color: var(--clr-body-bg);
+    background: var(--clr-body-bg);
 }
 
 main {

assets/css/pokemonoras.css

@@ -0,0 +1,41 @@
+:root {
+    color-scheme: light dark;
+
+    --clr-body-bg: linear-gradient(90deg, rgba(255,137,137,1) 0%, rgba(130,176,255,1) 100%);
+    --clr-body-txt: light-dark(#141414, #fff);
+    --clr-content-bg: light-dark(#ffffff, #242424);
+
+    --clr-top-btn-bg: #000885;
+    --clr-top-btn-txt: #ffffff;
+
+    --clr-main-heading: #171717;
+    --clr-sub-heading: light-dark(#111111, #fff);
+    --clr-title-border: #6e0000;
+    --clr-bold-txt: light-dark(#ff0000, #ff4444);
+    --clr-link: light-dark(#302aff, #7bb4ff);
+    --clr-link-hover: light-dark(rgb(1, 48, 110), #1c7dfd);
+    --clr-quote-bg: light-dark(#f3f2f2, #141414);
+    --clr-quote-border: light-dark(#c60000, #ff0000);
+    --clr-cw-hover: #fae5e5;
+
+    --clr-code-bg: #f3f2f2;
+    --clr-code-border: #414141;
+    --clr-dates: #3a96ff;
+
+    --clr-link-btn-bg: #873eb5;
+    --clr-link-btn-txt: white;
+    --clr-link-btn-hover: #241445;
+
+    --clr-hero-bg: #7944B6;
+    --clr-navbar-bg: linear-gradient(90deg, rgba(193,0,0,1) 0%, rgba(0,70,189,1) 100%);
+    --clr-navbar-link: white;
+
+    --clr-main-footer-bg: var(--clr-navbar-bg);
+}
+
+.main__header p { color: var(--clr-main-heading); }
+.hero__top-bar,
+.footer,
+.footer a { color: var(--clr-navbar-link); }
+
+.footer a:focus { outline-color: var(--clr-navbar-link); }

assets/js/sSFp7GAv6s.js

@@ -0,0 +1,28 @@
+const hero = document.querySelector(".hero");
+    const heroTopBarEl = document.querySelector(".hero__top-bar");
+    const headerImgEl = document.querySelector(".hero__img");
+
+    
+    const todayEvent = getTodayEvent();
+
+    if (todayEvent) {
+        heroTopBarEl.classList.remove('hidden');
+        heroTopBarEl.innerHTML = todayEvent;
+    }
+
+    function getTodayEvent() {
+        const date = new Date();
+        const month = date.getMonth() + 1;
+        const day = date.getDate();
+        const year = date.getFullYear();
+
+        const orasReleaseDate = new Date("2014-11-21").getFullYear();
+        const orasAnniversary = year - orasReleaseDate;
+
+        if (month === 11 && day === 21)
+            return `
+                Today is the ${orasAnniversary}-year anniversary of the release of <cite>Pokémon Omega Ruby"</cite> and <cite>Alpha Sapphire</cite>!
+            `;
+        else
+            return null;
+    }

blog/index.html

@@ -175,7 +175,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -246,7 +246,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

blog/page/2/index.html

@@ -175,7 +175,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -246,7 +246,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

blog/page/3/index.html

@@ -175,7 +175,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -246,7 +246,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

blog/page/4/index.html

@@ -175,7 +175,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -246,7 +246,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

blog/page/5/index.html

@@ -175,7 +175,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -246,7 +246,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -146,7 +146,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -217,7 +217,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -146,7 +146,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -217,7 +217,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -146,7 +146,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -217,7 +217,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

blog/posts/2024-08-18-from-hobbyist-to-professional-web-developer/index.html

@@ -146,7 +146,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -217,7 +217,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

blog/posts/2024-10-28-re-social-media-personal-blog/index.html

@@ -105,7 +105,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -176,7 +176,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

blog/posts/index.html

@@ -116,7 +116,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -187,7 +187,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/32-bit-cafe/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/a-bugs-life/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/a-summers-end/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/accessibility/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/blogging/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/cassette-beasts/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/code-projects/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/css/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/dracula-daily/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/eleventy/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/fandom-culture/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/gaming/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/harry-potter/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/html/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/index.html

@@ -97,7 +97,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -168,7 +168,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/jk-rowling/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/lesbian/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/lgbtq/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/life-updates/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/malaysia/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/markdown-it/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/my-birthday/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/my-interviews/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/palestine/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/shrines/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/site-anniversary/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/site-updates/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/social-media/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

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

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;
@@ -400,7 +400,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Nov 12 2024 13:41:26 GMT+0000 (Coordinated Universal Time)">12 November 2024</time>
+            <time datetime="Fri Nov 15 2024 13:24:35 GMT+0000 (Coordinated Universal Time)">15 November 2024</time>
         </li>
     
         <li>
@@ -410,7 +410,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Nov 12 2024 13:41:26 GMT+0000 (Coordinated Universal Time)">12 November 2024</time>
+            <time datetime="Fri Nov 15 2024 13:24:35 GMT+0000 (Coordinated Universal Time)">15 November 2024</time>
         </li>
     
         <li>
@@ -420,7 +420,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Nov 12 2024 13:41:26 GMT+0000 (Coordinated Universal Time)">12 November 2024</time>
+            <time datetime="Fri Nov 15 2024 13:24:35 GMT+0000 (Coordinated Universal Time)">15 November 2024</time>
         </li>
     
         <li>

categories/star-wars-kotor/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;
@@ -400,7 +400,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Nov 12 2024 13:41:26 GMT+0000 (Coordinated Universal Time)">12 November 2024</time>
+            <time datetime="Fri Nov 15 2024 13:24:35 GMT+0000 (Coordinated Universal Time)">15 November 2024</time>
         </li>
     
         <li>

categories/video-game-mods/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;
@@ -400,7 +400,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Nov 12 2024 13:41:26 GMT+0000 (Coordinated Universal Time)">12 November 2024</time>
+            <time datetime="Fri Nov 15 2024 13:24:35 GMT+0000 (Coordinated Universal Time)">15 November 2024</time>
         </li>
     
         <li>
@@ -410,7 +410,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Nov 12 2024 13:41:26 GMT+0000 (Coordinated Universal Time)">12 November 2024</time>
+            <time datetime="Fri Nov 15 2024 13:24:35 GMT+0000 (Coordinated Universal Time)">15 November 2024</time>
         </li>
     
         <li>

categories/web-development/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

categories/youtube/index.html

@@ -108,7 +108,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -179,7 +179,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

changelogs/2022/index.html

@@ -129,7 +129,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -200,7 +200,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

changelogs/2023/index.html

@@ -129,7 +129,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -200,7 +200,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

changelogs/2024/index.html

@@ -129,7 +129,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -200,7 +200,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

changelogs/index.html

@@ -173,7 +173,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -244,7 +244,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

changelogs/layouts/index.html

@@ -170,7 +170,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -241,7 +241,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

changelogs/page/2/index.html

@@ -173,7 +173,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -244,7 +244,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

changelogs/page/3/index.html

@@ -173,7 +173,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -244,7 +244,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

changelogs/page/4/index.html

@@ -173,7 +173,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -244,7 +244,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

changelogs/page/5/index.html

@@ -173,7 +173,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -244,7 +244,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

changelogs/page/6/index.html

@@ -173,7 +173,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -244,7 +244,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

changelogs/page/7/index.html

@@ -173,7 +173,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -244,7 +244,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

colophon/index.html

@@ -138,7 +138,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -209,7 +209,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;
@@ -508,6 +508,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 <li><a href="/shrines/starwarskotor"><cite>Star Wars: Knights of the Old Republic</cite></a></li>
 <li><a href="/shrines/cassettebeasts"><cite>Cassette Beasts</cite></a></li>
 </ul>
+  <!-- * [<cite>Pokémon Omega Ruby</cite> and <cite>Alpha Sapphire</cite>](/shrines/pokemonoras) -->
 </li>
 <li>Birthdays of characters from <cite>A Summer’s End — Hong Kong 1986</cite> on its shrine.</li>
 </ul>

feed.xml

@@ -4,7 +4,7 @@
     <subtitle>Leilukin&#39;s personal website.</subtitle>
     <link href="https://leilukin.com/feed.xml" rel="self"/>
     <link href="https://leilukin.com"/>
-    <updated>2024-11-12T13:41:30Z</updated>
+    <updated>2024-11-15T13:24:39Z</updated>
     <id>https://leilukin.com/</id>
     <author>
         <name>Leilukin</name>

guestbook/index.html

@@ -241,7 +241,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -312,7 +312,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

index.html

@@ -112,7 +112,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -183,7 +183,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

links/index.html

@@ -103,7 +103,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -174,7 +174,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;

now/index.html

@@ -97,7 +97,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     }
 
     .hero__top-bar {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         width: 100%;
         padding: 0.5em 0.7em;
     }
@@ -168,7 +168,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
     .navbar__popover {
-        background-color: var(--clr-navbar-bg);
+        background: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
         padding: 1.5em;
         max-width: 85%;