Change use cases graphics to consistently lowercase

assets/js/modal.js

@@ -1,9 +1,12 @@
 $(document).ready(() => {
+  // Note: Use lowercase filenames here to avoid case inconsistency between
+  // dev environments like macOS and Windows which are not case-sensitive,
+  // and production Linux servers which use case-sensitive file systems.
   const logos = {
     infrastructure: [
-      "XRP-Ledger",
+      "xrp-ledger",
-      "Gatehub",
+      "gatehub",
-      "towoLabs",
+      "towolabs",
       "xrpscan",
       "xrp-toolkit",
       "bithomp",
@@ -11,17 +14,17 @@ $(document).ready(() => {
     ],
     developer_tooling: [
       "cryptum",
-      "Evernode",
+      "evernode",
       "threezy",
       "tokenize",
     ],
     interoperability: ["multichain"],
     wallet: [
-      "Bitfrost",
+      "bitfrost",
-      "Crossmark",
+      "crossmark",
-      "Edge",
+      "edge",
       "gem-wallet",
-      "Xumm",
+      "xumm",
     ],
     nfts: [
       "aesthetes",
@@ -32,16 +35,16 @@ $(document).ready(() => {
       "xrp-cafe",
       "xrp-oval",
     ],
-    exchanges: ["sologenic_dex", "XPMarket"],
+    exchanges: ["sologenic_dex", "xpmarket"],
     gaming: [
-      "Forte",
+      "forte",
       "ledger-city",
     ],
-    security: ["Anchain"],
+    security: ["anchain"],
-    payments: ["ripple", "SuperMojo"],
+    payments: ["ripple", "supermojo"],
     cbdc: ["ripple"],
     sustainability: ["carbonland-trust"],
-    custody: ["Gatehub", "Bitgo"],
+    custody: ["gatehub", "bitgo"],
   };
   // Helper function to create a logo element
   function createLogoElement(logoSrc, title, id) {

styles/_use-cases.scss

@@ -1,24 +1,24 @@
 /* Use Cases ---------------------------------------------------------------- */
 
 // Define each category's logos
-$infrastructure-logos:  "XRP-Ledger", "Gatehub", "towoLabs", "xrpscan", "xrp-toolkit", "bithomp", "onthedex";
+$infrastructure-logos:  "xrp-ledger", "gatehub", "towolabs", "xrpscan", "xrp-toolkit", "bithomp", "onthedex";
-$developer-tooling-logos: "cryptum", "Evernode", "threezy", "tokenize";
+$developer-tooling-logos: "cryptum", "evernode", "threezy", "tokenize";
 $interoperability-logos: "multichain";
-$wallet-logos:  "Crossmark", "Edge", "gem-wallet", "Xumm";
+$wallet-logos:  "crossmark", "edge", "gem-wallet", "xumm";
 $nfts-logos: "aesthetes", "audiotarky", "nftmaster", "peerkat", "sologenic_dex", "xrp-cafe", "xrp-oval";
-$exchanges-logos: "sologenic_dex", "XPMarket";
+$exchanges-logos: "sologenic_dex", "xpmarket";
-$gaming-logos: "Forte", "ledger-city";
+$gaming-logos: "forte", "ledger-city";
-$security-logos: "Anchain";
+$security-logos: "anchain";
-$payments-logos: "ripple", "SuperMojo";
+$payments-logos: "ripple", "supermojo";
 $cbdc-logos: "ripple";
 $carbon-markets-logos: "carbonland-trust";
-$custody-logos: "Gatehub", "Bitgo";
+$custody-logos: "gatehub", "bitgo";
 
 // Create a mixin to handle the common logic
 @mixin create-logo-classes($logo-list) {
   @each $logo in $logo-list {
     .#{$logo} {
-      content: url(../img/uses/modalLogos/#{$logo}.png);
+      content: url(../img/uses/modallogos/#{$logo}.png);
     }
 
     html.light {
@@ -32,7 +32,7 @@ $custody-logos: "Gatehub", "Bitgo";
   #threezy {
     .biz-logo {
       max-height: 40px;
-      content: url("../img/uses/modalLogos/threezy.png");
+      content: url("../img/uses/modallogos/threezy.png");
     }
   }
 }