organized global files

global/loadingScreen.js

@@ -8,7 +8,7 @@ let tipsJson
 
 
 async function loadTips() {
-  let tipsText = await fetch("./loadingScreenTips.json").then(response => response.text())
+  let tipsText = await fetch("./data/loadingScreenTips.json").then(response => response.text())
   tipsJson = JSON.parse(tipsText)
 }
 

index.html

@@ -6,9 +6,9 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Byte Dice</title>
 
-  <link rel="stylesheet" href="./navBar.css">
+  <link rel="stylesheet" href="./global/navBar.css">
-  <link rel="stylesheet" href="./globalStyle.css">
+  <link rel="stylesheet" href="./global/globalStyle.css">
-  <link rel="stylesheet" href="./loadingScreen.css">
+  <link rel="stylesheet" href="./global/loadingScreen.css">
   <link rel="stylesheet" href="style.css">
 
   <link rel="icon" type="image/png" href="./assets/favicon_32x32.png">
@@ -80,10 +80,10 @@
   <script src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/shaders/CopyShader.js"></script>
 
   <!-- global -->
-  <script src="./globalScript.js"></script> <!-- TODO: compact the other global scripts into this global script -->
+  <script src="./global/globalScript.js"></script> <!-- TODO: compact the other global scripts into this global script -->
-  <script src="./pxDensity.js"></script>
+  <script src="./global/pxDensity.js"></script>
-  <script src="./loadingScreen.js"></script>
+  <script src="./global/loadingScreen.js"></script>
-  <script src="./screenTransition.js"></script>
+  <script src="./global/screenTransition.js"></script>
 
   <!-- local -->
   <script src="script.js"></script>