Deploy site from f70b24d

Author: LizardByte-bot

404.html

@@ -176,9 +176,12 @@
               </div>
             </li>
 
+            <li class="nav-item">
+              <a class="nav-link" href="/store">Store</a>
+            </li>
             <li class="nav-item dropdown">
-              <button class="nav-link dropdown-toggle" id="navbarDropdown2" type="button" data-bs-toggle="dropdown" aria-expanded="false">Resources</button>
-              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown2">
+              <button class="nav-link dropdown-toggle" id="navbarDropdown3" type="button" data-bs-toggle="dropdown" aria-expanded="false">Resources</button>
+              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown3">
                     <a class="dropdown-item" href="/blog">Blog</a>
                     <a class="dropdown-item" href="https://github.com/orgs/LizardByte/discussions">Community</a>
                     <a class="dropdown-item" href="/discord">Discord</a>
@@ -191,24 +194,24 @@
             </li>
 
             <li class="nav-item dropdown">
-              <button class="nav-link dropdown-toggle" id="navbarDropdown3" type="button" data-bs-toggle="dropdown" aria-expanded="false">Tools</button>
-              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown3">
+              <button class="nav-link dropdown-toggle" id="navbarDropdown4" type="button" data-bs-toggle="dropdown" aria-expanded="false">Tools</button>
+              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown4">
                     <a class="dropdown-item" href="/gamepad-tester">Gamepad Tester</a>
               </div>
             </li>
 
             <li class="nav-item dropdown">
-              <button class="nav-link dropdown-toggle" id="navbarDropdown4" type="button" data-bs-toggle="dropdown" aria-expanded="false">Downloads</button>
-              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown4">
+              <button class="nav-link dropdown-toggle" id="navbarDropdown5" type="button" data-bs-toggle="dropdown" aria-expanded="false">Downloads</button>
+              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown5">
                     <a class="dropdown-item" href="https://app.lizardbyte.dev/packages">Packages</a>
                     <a class="dropdown-item" href="https://github.com/LizardByte/homebrew-homebrew">Homebrew</a>
                     <a class="dropdown-item" href="https://github.com/LizardByte/pacman-repo">Pacman</a>
               </div>
             </li>
 
             <li class="nav-item dropdown">
-              <button class="nav-link dropdown-toggle" id="navbarDropdown5" type="button" data-bs-toggle="dropdown" aria-expanded="false">Development</button>
-              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown5">
+              <button class="nav-link dropdown-toggle" id="navbarDropdown6" type="button" data-bs-toggle="dropdown" aria-expanded="false">Development</button>
+              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown6">
                     <a class="dropdown-item" href="https://docs.lizardbyte.dev/latest/developers/contributing.html">Contributing</a>
                     <a class="dropdown-item" href="https://app.lizardbyte.dev/dashboard">Dashboard</a>
                     <a class="dropdown-item" href="https://status-dev.LizardByte.dev">Dev Status</a>

assets/css/store.css

@@ -0,0 +1,26 @@
+(() => {
+  'use strict';
+
+  document.querySelectorAll('.store-gallery-modal').forEach((modalElement) => {
+    const carouselElement = modalElement.querySelector('.store-gallery-carousel');
+    if (!carouselElement) {
+      return;
+    }
+
+    modalElement.addEventListener('show.bs.modal', (event) => {
+      const requestedSlide = Number.parseInt(event.relatedTarget?.dataset.storeSlide ?? '0', 10);
+      const carousel = bootstrap.Carousel.getOrCreateInstance(carouselElement, {
+        interval: false,
+        keyboard: true,
+        touch: true,
+        wrap: true,
+      });
+
+      carousel.to(Number.isNaN(requestedSlide) ? 0 : requestedSlide);
+    });
+
+    modalElement.addEventListener('shown.bs.modal', () => {
+      carouselElement.focus();
+    });
+  });
+})();

assets/js/store.js

@@ -283,9 +283,12 @@
               </div>
             </li>
 
+            <li class="nav-item">
+              <a class="nav-link" href="/store">Store</a>
+            </li>
             <li class="nav-item dropdown">
-              <button class="nav-link dropdown-toggle" id="navbarDropdown2" type="button" data-bs-toggle="dropdown" aria-expanded="false">Resources</button>
-              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown2">
+              <button class="nav-link dropdown-toggle" id="navbarDropdown3" type="button" data-bs-toggle="dropdown" aria-expanded="false">Resources</button>
+              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown3">
                     <a class="dropdown-item" href="/blog">Blog</a>
                     <a class="dropdown-item" href="https://github.com/orgs/LizardByte/discussions">Community</a>
                     <a class="dropdown-item" href="/discord">Discord</a>
@@ -298,24 +301,24 @@
             </li>
 
             <li class="nav-item dropdown">
-              <button class="nav-link dropdown-toggle" id="navbarDropdown3" type="button" data-bs-toggle="dropdown" aria-expanded="false">Tools</button>
-              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown3">
+              <button class="nav-link dropdown-toggle" id="navbarDropdown4" type="button" data-bs-toggle="dropdown" aria-expanded="false">Tools</button>
+              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown4">
                     <a class="dropdown-item" href="/gamepad-tester">Gamepad Tester</a>
               </div>
             </li>
 
             <li class="nav-item dropdown">
-              <button class="nav-link dropdown-toggle" id="navbarDropdown4" type="button" data-bs-toggle="dropdown" aria-expanded="false">Downloads</button>
-              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown4">
+              <button class="nav-link dropdown-toggle" id="navbarDropdown5" type="button" data-bs-toggle="dropdown" aria-expanded="false">Downloads</button>
+              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown5">
                     <a class="dropdown-item" href="https://app.lizardbyte.dev/packages">Packages</a>
                     <a class="dropdown-item" href="https://github.com/LizardByte/homebrew-homebrew">Homebrew</a>
                     <a class="dropdown-item" href="https://github.com/LizardByte/pacman-repo">Pacman</a>
               </div>
             </li>
 
             <li class="nav-item dropdown">
-              <button class="nav-link dropdown-toggle" id="navbarDropdown5" type="button" data-bs-toggle="dropdown" aria-expanded="false">Development</button>
-              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown5">
+              <button class="nav-link dropdown-toggle" id="navbarDropdown6" type="button" data-bs-toggle="dropdown" aria-expanded="false">Development</button>
+              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown6">
                     <a class="dropdown-item" href="https://docs.lizardbyte.dev/latest/developers/contributing.html">Contributing</a>
                     <a class="dropdown-item" href="https://app.lizardbyte.dev/dashboard">Dashboard</a>
                     <a class="dropdown-item" href="https://status-dev.LizardByte.dev">Dev Status</a>

browse/characters/index.html

@@ -256,9 +256,12 @@
               </div>
             </li>
 
+            <li class="nav-item">
+              <a class="nav-link" href="/store">Store</a>
+            </li>
             <li class="nav-item dropdown">
-              <button class="nav-link dropdown-toggle" id="navbarDropdown2" type="button" data-bs-toggle="dropdown" aria-expanded="false">Resources</button>
-              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown2">
+              <button class="nav-link dropdown-toggle" id="navbarDropdown3" type="button" data-bs-toggle="dropdown" aria-expanded="false">Resources</button>
+              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown3">
                     <a class="dropdown-item" href="/blog">Blog</a>
                     <a class="dropdown-item" href="https://github.com/orgs/LizardByte/discussions">Community</a>
                     <a class="dropdown-item" href="/discord">Discord</a>
@@ -271,24 +274,24 @@
             </li>
 
             <li class="nav-item dropdown">
-              <button class="nav-link dropdown-toggle" id="navbarDropdown3" type="button" data-bs-toggle="dropdown" aria-expanded="false">Tools</button>
-              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown3">
+              <button class="nav-link dropdown-toggle" id="navbarDropdown4" type="button" data-bs-toggle="dropdown" aria-expanded="false">Tools</button>
+              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown4">
                     <a class="dropdown-item" href="/gamepad-tester">Gamepad Tester</a>
               </div>
             </li>
 
             <li class="nav-item dropdown">
-              <button class="nav-link dropdown-toggle" id="navbarDropdown4" type="button" data-bs-toggle="dropdown" aria-expanded="false">Downloads</button>
-              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown4">
+              <button class="nav-link dropdown-toggle" id="navbarDropdown5" type="button" data-bs-toggle="dropdown" aria-expanded="false">Downloads</button>
+              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown5">
                     <a class="dropdown-item" href="https://app.lizardbyte.dev/packages">Packages</a>
                     <a class="dropdown-item" href="https://github.com/LizardByte/homebrew-homebrew">Homebrew</a>
                     <a class="dropdown-item" href="https://github.com/LizardByte/pacman-repo">Pacman</a>
               </div>
             </li>
 
             <li class="nav-item dropdown">
-              <button class="nav-link dropdown-toggle" id="navbarDropdown5" type="button" data-bs-toggle="dropdown" aria-expanded="false">Development</button>
-              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown5">
+              <button class="nav-link dropdown-toggle" id="navbarDropdown6" type="button" data-bs-toggle="dropdown" aria-expanded="false">Development</button>
+              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown6">
                     <a class="dropdown-item" href="https://docs.lizardbyte.dev/latest/developers/contributing.html">Contributing</a>
                     <a class="dropdown-item" href="https://app.lizardbyte.dev/dashboard">Dashboard</a>
                     <a class="dropdown-item" href="https://status-dev.LizardByte.dev">Dev Status</a>