diff --git a/loadingScreenTips.json b/data/loadingScreenTips.json
similarity index 100%
rename from loadingScreenTips.json
rename to data/loadingScreenTips.json
diff --git a/navBarData.json b/data/navBarData.json
similarity index 100%
rename from navBarData.json
rename to data/navBarData.json
diff --git a/globalScript.js b/global/globalScript.js
similarity index 100%
rename from globalScript.js
rename to global/globalScript.js
diff --git a/globalStyle.css b/global/globalStyle.css
similarity index 100%
rename from globalStyle.css
rename to global/globalStyle.css
diff --git a/loadingScreen.css b/global/loadingScreen.css
similarity index 100%
rename from loadingScreen.css
rename to global/loadingScreen.css
diff --git a/loadingScreen.js b/global/loadingScreen.js
similarity index 93%
rename from loadingScreen.js
rename to global/loadingScreen.js
index 622dfc1..38948f6 100644
--- a/loadingScreen.js
+++ b/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)
 }
 
diff --git a/navBar.css b/global/navBar.css
similarity index 100%
rename from navBar.css
rename to global/navBar.css
diff --git a/pxDensity.js b/global/pxDensity.js
similarity index 100%
rename from pxDensity.js
rename to global/pxDensity.js
diff --git a/screenTransition.js b/global/screenTransition.js
similarity index 100%
rename from screenTransition.js
rename to global/screenTransition.js
diff --git a/index.html b/index.html
index 85263d8..0531fe9 100644
--- a/index.html
+++ b/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="./globalStyle.css">
-  <link rel="stylesheet" href="./loadingScreen.css">
+  <link rel="stylesheet" href="./global/navBar.css">
+  <link rel="stylesheet" href="./global/globalStyle.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="./pxDensity.js"></script>
-  <script src="./loadingScreen.js"></script>
-  <script src="./screenTransition.js"></script>
+  <script src="./global/globalScript.js"></script> <!-- TODO: compact the other global scripts into this global script -->
+  <script src="./global/pxDensity.js"></script>
+  <script src="./global/loadingScreen.js"></script>
+  <script src="./global/screenTransition.js"></script>
 
   <!-- local -->
   <script src="script.js"></script>