diff --git a/index.html b/index.html
index 3d8ed4d..6927eaa 100644
--- a/index.html
+++ b/index.html
@@ -48,9 +48,9 @@
     </noscript>
     <!-- Snow -->
     <div id="particles-js"></div>
-    <script src="/assets/particles.js"></script>
+    <script src="/web-assets/particles.js"></script>
 
-    <script src="/assets/snow.js"></script>
+    <script src="/web-assets/snow.js"></script>
     <div id="app"></div>
     <script type="module" src="/src/main.js"></script>
 
@@ -58,13 +58,13 @@
 
     <!-- Bats! -->
     <!-- <script src="https://code.jquery.com/jquery.js"></script>
-    <script src="/assets/halloween-bats.js"></script>
+    <script src="/web-assets/halloween-bats.js"></script>
     <script type="text/javascript">
       window.halloweenBats = $.halloweenBats({
-        image: "/assets/bats.png",
+        image: "/web-assets/bats.png",
       });
     </script> -->
 
-    <audio id="audio" src="/assets/sounds/konami.mp3" class="hidden">
+    <audio id="audio" src="/web-assets/sounds/konami.mp3" class="hidden">
   </body>
 </html>
diff --git a/src/components/ArcadeCard.vue b/src/components/ArcadeCard.vue
index 1abe7e2..33562c7 100644
--- a/src/components/ArcadeCard.vue
+++ b/src/components/ArcadeCard.vue
@@ -41,7 +41,7 @@ function getCardStyle(path) {
 
 <template>
   <div
-    :style="getCardStyle('/assets/card/carpet.webp')"
+    :style="getCardStyle('/web-assets/card/carpet.webp')"
     class="rounded-2xl mb-6 w-full"
   >
     <BaseLevel
diff --git a/src/components/UserAvatar.vue b/src/components/UserAvatar.vue
index 34ad1ab..17efe2c 100644
--- a/src/components/UserAvatar.vue
+++ b/src/components/UserAvatar.vue
@@ -30,7 +30,7 @@ const username = computed(() => props.username);
         class="w-full h-auto bg-gray-100 dark:bg-slate-800 rounded-full overflow-hidden drop-shadow-lg"
       />
       <!-- <img
-        src="/assets/border/pride.webp"
+        src="/web-assets/border/pride.webp"
         alt="border"
         class="absolute inset-0 w-full h-full overflow-hidden scale-[1.02]"
         style="object-fit: fill"
diff --git a/src/components/UserCard.vue b/src/components/UserCard.vue
index c20dae1..a01bc64 100644
--- a/src/components/UserCard.vue
+++ b/src/components/UserCard.vue
@@ -41,7 +41,7 @@ const greeting = GetRandomMessage();
 function getCardStyle(game) {
   if (game !== null) {
     return `
-      background-image: url('/assets/card/${game}.webp');
+      background-image: url('/web-assets/card/${game}.webp');
       background-size: cover;
       background-repeat: no-repeat;
     `;
diff --git a/src/constants/index.js b/src/constants/index.js
index 5158ec0..f7a0fd4 100644
--- a/src/constants/index.js
+++ b/src/constants/index.js
@@ -598,8 +598,8 @@ export const gameData = [
   {
     id: GameConstants.DDRCLASS,
     name: "Classic DDR",
-    icon: "/assets/icon/ddr.webp",
-    cardBG: "/assets/card/ddr.webp",
+    icon: "/web-assets/icon/ddr.webp",
+    cardBG: "/web-assets/card/ddr.webp",
     noRivals: true,
     noScores: true,
     noRecords: true,
@@ -650,8 +650,8 @@ export const gameData = [
   {
     id: GameConstants.DDROMNI,
     name: "DDR OmniMIX",
-    icon: "/assets/icon/ddr.webp",
-    cardBG: "/assets/card/ddr.webp",
+    icon: "/web-assets/icon/ddr.webp",
+    cardBG: "/web-assets/card/ddr.webp",
     videoTable: [VersionConstants.DDR_A20_PLUS],
     scoreHeaders: [
       { text: "Combos", value: "data.combo" },
@@ -1161,8 +1161,8 @@ export const gameData = [
     id: GameConstants.IIDX,
     name: "beatmaniaIIDX",
     shortName: "IIDX",
-    icon: "/assets/icon/iidx.webp",
-    cardBG: "/assets/card/iidx.webp",
+    icon: "/web-assets/icon/iidx.webp",
+    cardBG: "/web-assets/card/iidx.webp",
     gameOptions: IIDXOptions,
     videoTable: [
       VersionConstants.IIDX_TRICORO,
@@ -1360,8 +1360,8 @@ export const gameData = [
   {
     id: GameConstants.IIDXCLASS,
     name: "Classic IIDX",
-    icon: "/assets/icon/iidx.webp",
-    cardBG: "/assets/card/iidx.webp",
+    icon: "/web-assets/icon/iidx.webp",
+    cardBG: "/web-assets/card/iidx.webp",
     noRivals: true,
     noScores: true,
     noRecords: true,
@@ -1664,8 +1664,8 @@ export const gameData = [
   {
     id: GameConstants.PASELI_CHARGE_MACHINE,
     name: "PASELI Charge Machine",
-    icon: "/assets/icon/paseli.webp",
-    cardBG: "/assets/card/paseli.webp",
+    icon: "/web-assets/icon/paseli.webp",
+    cardBG: "/web-assets/card/paseli.webp",
     skip: true,
     noRivals: true,
     noScores: true,
@@ -1675,8 +1675,8 @@ export const gameData = [
   {
     id: GameConstants.POPN_HELLO,
     name: "Hello! Pop'n Music",
-    icon: "/assets/icon/popn.webp",
-    cardBG: "/assets/card/popn.webp",
+    icon: "/web-assets/icon/popn.webp",
+    cardBG: "/web-assets/card/popn.webp",
     skip: true,
     noRivals: true,
     noScores: true,
@@ -1686,8 +1686,8 @@ export const gameData = [
     id: GameConstants.POPN_MUSIC,
     name: "pop'n music",
     shortName: "pop'n",
-    icon: "/assets/icon/popn.webp",
-    cardBG: "/assets/card/popn.webp",
+    icon: "/web-assets/icon/popn.webp",
+    cardBG: "/web-assets/card/popn.webp",
     useUnicode: true,
     maxLength: 6,
     gameOptions: PopnMusicOptions,
@@ -1858,8 +1858,8 @@ export const gameData = [
   {
     id: GameConstants.ROAD_FIGHTERS,
     name: "Road Fighters 3D",
-    icon: "/assets/icon/rf.webp",
-    cardBG: "/assets/card/rf.webp",
+    icon: "/web-assets/icon/rf.webp",
+    cardBG: "/web-assets/card/rf.webp",
     skip: true,
     noRivals: true,
     noScores: true,
@@ -1911,8 +1911,8 @@ export const gameData = [
   {
     id: GameConstants.TSUMTSUM,
     name: "Tsum Tsum",
-    icon: "/assets/icon/tsum.webp",
-    cardBG: "/assets/card/tsum.webp",
+    icon: "/web-assets/icon/tsum.webp",
+    cardBG: "/web-assets/card/tsum.webp",
     skip: false,
     noRivals: true,
     noScores: false,
@@ -1922,8 +1922,8 @@ export const gameData = [
   {
     id: GameConstants.WINNING_ELEVEN,
     name: "World Soccer",
-    icon: "/assets/icon/we.webp",
-    cardBG: "/assets/card/we.webp",
+    icon: "/web-assets/icon/we.webp",
+    cardBG: "/web-assets/card/we.webp",
     skip: false,
     noRivals: true,
     noScores: true,
@@ -1963,10 +1963,10 @@ export function getGameInfo(game) {
   }
 
   if (!requestedData.icon) {
-    requestedData.icon = `/assets/icon/${game}.webp`;
+    requestedData.icon = `/web-assets/icon/${game}.webp`;
   }
   if (!requestedData.cardBG) {
-    requestedData.cardBG = `/assets/card/${game}.webp`;
+    requestedData.cardBG = `/web-assets/card/${game}.webp`;
   }
   return requestedData;
 }
diff --git a/src/constants/sources.js b/src/constants/sources.js
index 8580162..69b7d6f 100644
--- a/src/constants/sources.js
+++ b/src/constants/sources.js
@@ -2,7 +2,7 @@ export function getSources(game, version) {
   if (!version) {
     return game?.cardBG;
   } else {
-    return `/assets/games/${game.id}/card/${version}.webp`;
+    return `/web-assets/games/${game.id}/card/${version}.webp`;
   }
 }
 
diff --git a/src/views/Game/PlayerView.vue b/src/views/Game/PlayerView.vue
index 720492c..7194708 100644
--- a/src/views/Game/PlayerView.vue
+++ b/src/views/Game/PlayerView.vue
@@ -159,7 +159,7 @@ function getSources() {
   if (!versionForm.currentVersion) {
     return thisGame.cardBG;
   } else {
-    return `/assets/games/${thisGame.id}/card/${versionForm.currentVersion}.webp`;
+    return `/web-assets/games/${thisGame.id}/card/${versionForm.currentVersion}.webp`;
   }
 }
 
diff --git a/src/views/Game/RivalsView.vue b/src/views/Game/RivalsView.vue
index 26864dc..77dabd3 100644
--- a/src/views/Game/RivalsView.vue
+++ b/src/views/Game/RivalsView.vue
@@ -86,7 +86,7 @@ function getSources() {
   if (!versionForm.currentVersion) {
     sources = thisGame.cardBG;
   } else {
-    sources = `/assets/games/${thisGame.id}/card/${versionForm.currentVersion}.webp`;
+    sources = `/web-assets/games/${thisGame.id}/card/${versionForm.currentVersion}.webp`;
   }
   return sources;
 }
diff --git a/src/views/Profile/CardsView.vue b/src/views/Profile/CardsView.vue
index fa6cc75..eb151b8 100644
--- a/src/views/Profile/CardsView.vue
+++ b/src/views/Profile/CardsView.vue
@@ -140,7 +140,7 @@ const copyToClipboard = (text) => {
           class="grid dark:bg-slate-900/70 rounded-2xl p-5"
         >
           <div class="flex justify-between md:grid md:gap-2 mb-4 items-center">
-            <img src="/assets/passes/generic.webp" class="w-24 md:w-auto" />
+            <img src="/web-assets/passes/generic.webp" class="w-24 md:w-auto" />
             <h1 class="text-xl text-center font-mono">
               {{ dashCode(card.encoded) }}
             </h1>