From c0500e6497662c67d4697fb8db7a1d29361d1f73 Mon Sep 17 00:00:00 2001
From: Arman-AIi <164107980+Arman-AIi@users.noreply.github.com>
Date: Wed, 16 Oct 2024 08:11:00 -0500
Subject: [PATCH] fix: pathing issues sometimes resulting in missing textures

---
 client/index.html | 36 ++++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/client/index.html b/client/index.html
index 83efd8098..d2676dcd9 100644
--- a/client/index.html
+++ b/client/index.html
@@ -36,26 +36,26 @@
       rel="icon"
       type="image/svg+xml"
       sizes="any"
-      href="./img/logos/suroi_small.svg"
+      href="public/img/logos/suroi_small.svg"
     />
 
     <link
       rel="icon"
       type="image/x-icon"
       sizes="16x16"
-      href="./img/logos/suroi_favicon_16x16.png"
+      href="public/img/logos/suroi_favicon_16x16.png"
     />
     <link
       rel="icon"
       type="image/x-icon"
       sizes="32x32"
-      href="./img/logos/suroi_favicon_32x32.png"
+      href="public/img/logos/suroi_favicon_32x32.png"
     />
     <link
       rel="icon"
       type="image/x-icon"
       sizes="96x96"
-      href="./img/logos/suroi_favicon_96x96.png"
+      href="public/img/logos/suroi_favicon_96x96.png"
     />
 
     <link rel="manifest" href="./manifest.json" />
@@ -125,7 +125,7 @@
     <div id="splash-ui">
       <div id="splash-logo">
         <img
-          src="./img/logos/suroi_beta.svg"
+          src="public/img/logos/suroi_beta.svg"
           alt="Suroi logo"
           draggable="false"
         />
@@ -165,7 +165,7 @@ <h2>
                   <span id="server-name">-</span>
                   <span style="margin-left: auto">
                     <img
-                      src="./img/misc/player_icon.svg"
+                      src="public/img/misc/player_icon.svg"
                       width="16"
                       height="16"
                       alt="Player count"
@@ -173,7 +173,7 @@ <h2>
                     <span id="server-player-count">-</span>
                   </span>
                   <!--<span style="margin-left: 5px">
-                    <img src="./img/misc/ping_icon.svg" width="16" height="16" alt="Ping">
+                    <img src="public/img/misc/ping_icon.svg" width="16" height="16" alt="Ping">
                     <span id="server-ping">-</span>
                   </span>-->
                   <i class="fa-solid fa-caret-down"></i>
@@ -282,7 +282,7 @@ <h2>
             >
               <img
                 class="featured-logo"
-                src="./img/misc/youtube-icon.svg"
+                src="public/img/misc/youtube-icon.svg"
                 alt="YouTube icon"
               />
               <span class="featured-name" id="youtube-featured-name"></span>
@@ -298,7 +298,7 @@ <h2>
             >
               <img
                 class="featured-logo"
-                src="./img/misc/twitch-icon.svg"
+                src="public/img/misc/twitch-icon.svg"
                 alt="Twitch icon"
               />
               <span class="featured-name" id="twitch-featured-name"></span>
@@ -374,13 +374,13 @@ <h2>
             <div id="mobile-options" style="display: none">
               <button id="btn-game-menu" class="btn btn-lg btn-primary fa-solid fa-bars"></button>
               <button id="btn-emotes" class="btn btn-lg btn-primary">
-                <img src="./img/misc/emotes_icon.svg" style="margin-bottom: -3px" />
+                <img src="public/img/misc/emotes_icon.svg" style="margin-bottom: -3px" />
               </button>
               <button id="btn-toggle-ping" class="btn btn-lg btn-primary fa-solid fa-tower-broadcast"></button>
             </div>
           <div id="gas-and-debug" style="margin-left: 5px;">
             <div id="gas-timer">
-              <img id="gas-timer-image" src="./img/misc/gas-waiting-icon.svg" />
+              <img id="gas-timer-image" src="public/img/misc/gas-waiting-icon.svg" />
               <span id="gas-timer-text">0:00</span>
             </div>
             <div id="debug-hud">
@@ -423,11 +423,11 @@ <h2>
           </div>
           <div id="counter-holder">
             <div class="counter" id="kill-counter">
-              <img src="./img/misc/skull_icon.svg" />
+              <img src="public/img/misc/skull_icon.svg" />
               <div class="counter-text" id="ui-kills">0</div>
             </div>
             <div class="counter">
-              <img src="./img/misc/player_icon.svg" />
+              <img src="public/img/misc/player_icon.svg" />
               <div class="counter-text" id="ui-players-alive">1</div>
             </div>
           </div>
@@ -509,7 +509,7 @@ <h2 id="action-time">0.0</h2>
         </div>
 
         <div id="c4-detonate-btn">
-          <img class="item-image" src="./img/game/explosions/c4-explode.svg" draggable="false">
+          <img class="item-image" src="public/img/game/explosions/c4-explode.svg" draggable="false">
           <div id="detonate-key"></div>
         </div>
 
@@ -541,7 +541,7 @@ <h2 id="action-time">0.0</h2>
         </div>
         <div id="game-over-overlay" style="display: none">
           <div id="game-over-top-screen">
-            <img id="chicken-dinner" src="./img/game/emotes/chicken_dinner.svg" />
+            <img id="chicken-dinner" src="public/img/game/emotes/chicken_dinner.svg" />
             <h1 id="game-over-text" class="modal-item" translation="msg_you_died"></h1>
             <div id="game-over-rank-container">
               <span translation="msg_your_rank"></span>
@@ -937,8 +937,8 @@ <h3 translation="loadout"></h3>
     <div id="customize-tabs-container">
       <div class="tab-bar" id="customize-tab-bar">
         <button class="tab active" id="tab-skins"><i class="fa-solid fa-shirt"></i><span translation="loadout_skins"></span></button>
-        <button class="tab" id="tab-emotes"><img src="./img/misc/emotes_icon.svg"><span translation="loadout_emotes"></span></button>
-        <button class="tab" id="tab-crosshairs"><img src="./img/misc/crosshair_icon.svg"><span translation="loadout_crosshairs"></span></button>
+        <button class="tab" id="tab-emotes"><img src="public/img/misc/emotes_icon.svg"><span translation="loadout_emotes"></span></button>
+        <button class="tab" id="tab-crosshairs"><img src="public/img/misc/crosshair_icon.svg"><span translation="loadout_crosshairs"></span></button>
         <button class="tab" id="tab-badges" style="display: none"><i class="fa-solid fa-certificate"></i><span translation="loadout_badges"></span></button>
         <button class="tab" id="tab-special" style="display: none"><i class="fa-solid fa-code"></i><span translation="loadout_special"></span></button>
       </div>
@@ -960,7 +960,7 @@ <h3 translation="loadout"></h3>
                 <i class="remove-emote-btn fa-solid fa-trash" title="Remove emote"></i>
               </div>
               <div class="emote-death">
-                <img src="./img/misc/skull_icon.svg" />
+                <img src="public/img/misc/skull_icon.svg" />
                 <i class="remove-emote-btn fa-solid fa-trash" title="Remove emote"></i>
               </div>
             </div>