diff --git a/index.html b/index.html
index 617c3a0a..3b4bf97a 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,7 @@
 
   gtag('config', 'G-XVTVBR1D5V');
 </script>
+<!-- <a href="/dir/index.html"><div class="game"><img src="/dir/image" alt="Game Name Logo"><h1>Game Name</h1></div></a> -->
 
 		<style>@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');</style>
     <link rel="stylesheet" href="/style.css">
@@ -25,6 +26,7 @@
 	<meta name="viewport" content="width=device-width,initial-scale=1">
 	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
 	<script src="/js/cookie.js"></script>
+	<script src="/js/games.js"></script>
   </head>
   <body>
 <div class="content">
@@ -38,87 +40,6 @@
 		<p>Welcome to the new and updated e-gamepass!</p>
 		<p class="uploadResult" style="font-size:20px"></p>
 		<br>
-		<a href="/adofai/index.html"><div class="game"><img src="/adofai/icon.png" alt="ADOFAI Logo"><h1>ADOFAI</h1></div></a>
-		<a href="/resent-client/index.html"><div class="game"><img src="/resent-client/logo.png" alt="Resent Client Logo"><h1>Online Minecraft</h1></div></a>
-		<a href="/offline-mc/index.html"><div class="game"><img src="/offline-mc/logo.png" alt="Minecraft Logo"><h1>Offline Minecraft</h1></div></a>
-		<a href="/fridaynightfunkin/index.html"><div class="game"><img src="/fridaynightfunkin/fnf-icon.jpg" alt="Friday Night FUnkin Logo"><h1>Friday Night Funkin</h1></div></a>
-		<a href="/hardestgame/index.html"><div class="game"><img src="/hardestgame/icon.png" alt="Hardest Game Logo"><h1>Worlds Hardest Game</h1></div></a>
-		<a href="/gba/index.html"><div class="game"><img src="/gba/icon.png" alt="GBA Logo"><h1>Gameboy Emulator</h1></div></a>
-		<a href="/celeste/index.html"><div class="game"><img src="/celeste/icon.png" alt="Celeste Logo"><h1>Celeste</h1></div></a>
-		<a href="/mario/index.html"><div class="game"><img src="/mario/icon.png" alt="Mario Logo"><h1>Mario</h1></div></a>
-		<a href="/60sburgerrun/index.html"><div class="game"><img src="/60sburgerrun/icon.png" alt="60sburgerurn Logo"><h1>60s Burger Run</h1></div></a>
-		<a href="/cluster-rush/index.html"><div class="game"><img src="/cluster-rush/icon.jpg" alt="Cluster Rush Logo"><h1>Cluster Rush</h1></div></a>
-		<a href="/vex3/index.html"><div class="game"><img src="/vex3/icon.png" alt="Vex 3 Logo"><h1>Vex 3</h1></div></a>
-		<a href="/adventure-capitalist/index.html"><div class="game"><img src="/adventure-capitalist/icon.png" alt="adcap Logo"><h1>Adventure Capitalist</h1></div></a>
-		<a href="/btd3/index.html"><div class="game"><img src="/btd3/icon.png" alt="BTD3 Logo"><h1>Bloons TD 3</h1></div></a>
-		<a href="/avalanche/index.html"><div class="game"><img src="/avalanche/icon.png" alt="avalanche Logo"><h1>Avalanche</h1></div></a>
-		<a href="/slope/index.html"><div class="game"><img src="/slope/slope4.jpeg" alt="Slope Logo"><h1>Slope</h1></div></a>
-		<a href="/cell-machine/index.html"><div class="game"><img src="/cell-machine/img/icon.png" alt="Cell Machine Logo"><h1>Cell Machine</h1></div></a>
-		<a href="/run2/index.html"><div class="game"><img src="/run2/icon.jpg" alt="Run 2 Logo"><h1>Run 2</h1></div></a>
-		<a href="/vex5/index.html"><div class="game"><img src="/vex5/icon.png" alt="Vex5 Logo"><h1>Vex 5</h1></div></a>
-		<a href="/vex4/index.html"><div class="game"><img src="/vex4/vex4.png" alt="Vex4 Logo"><h1>Vex 4</h1></div></a>
-		<a href="/vex2/index.html"><div class="game"><img src="/vex2/icon.png" alt="Vex2 Logo"><h1>Vex 2</h1></div></a>
-		<a href="/crossyroad/index.html"><div class="game"><img src="/crossyroad/chicken.png" alt="corssyroad Logo"><h1>Crossy Road</h1></div></a>
-		<a href="/wallsmash/index.html"><div class="game"><img src="/wallsmash/icon.png" alt="Wall Smash Logo"><h1>Wall Smash</h1></div></a>
-		<a href="/death-run-3d/index.html"><div class="game"><img src="/death-run-3d/img/death.png" alt="Death Run 3d Logo"><h1>Death Run 3D</h1></div></a>
-		<a href="/gunmayhem2/index.html"><div class="game"><img src="/gunmayhem2/icon.png" alt="Gun Mayhem 2 Logo"><h1>Gun Mayhem 2</h1></div></a>
-		
-		<a href="/circloo/index.html"><div class="game"><img src="/circloo/icon.png" alt="circloO Logo"><h1>CircloO</h1></div></a>
-		<a href="/vex/index.html"><div class="game"><img src="/vex/icon.png" alt="Vex Logo"><h1>Vex</h1></div></a>
-		<a href="/stack/index.html"><div class="game"><img src="/stack/icon.png" alt="Stack Logo"><h1>Stack</h1></div></a>
-		<a href="/xx142-b2.exe/index.html"><div class="game"><img src="/xx142-b2.exe/icon.png" alt="xx142-b2.exe Logo"><h1>xx142-b2.exe</h1></div></a>
-		<a href="/paperio/index.html"><div class="game"><img src="/paperio/icon.png" alt="Paper.IO Logo"><h1>Paper.io</h1></div></a>
-		<a href="/chibiknight/index.html"><div class="game"><img src="/chibiknight/icon.png" alt="Chibi Knight Logo"><h1>Chibi Knight</h1></div></a>
-		<a href="/1v1lol/index.html"><div class="game"><img src="/1v1lol/splash.png" alt="1v1.lol Logo"><h1>1v1.lol</h1></div></a>
-		<a href="/dino/index.html"><div class="game"><img src="/dino/icon.png" alt="Dino Logo"><h1>Chrome Dino</h1></div></a>
-		<a href="/turbowarp/index.html"><div class="game"><img src="/turbowarp/icon.png" alt="Turbowarp Packager Logo"><h1>Turbowarp Packager</h1></div></a>
-		
-		<a href="/tetris/index.html"><div class="game"><img src="/tetris/icon.png" alt="Tetris Logo"><h1>Tetris</h1></div></a>
-		<a href="/gd/index.html"><div class="game"><img src="/gd/icon.png" alt="GD Logo"><h1>Geometry Dash</h1></div></a>
-		<a href="/sand/index.html"><div class="game"><img src="/sand/icon.png" alt="Sand Game Logo"><h1>Sand Game</h1></div></a>
-		<a href="/dante/index.html"><div class="game"><img src="/dante/icon.png" alt="Dante Logo"><h1>Dante</h1></div></a>
-		<a href="/wordle/index.html"><div class="game"><img src="/wordle/icon.png" alt="Wordle Logo"><h1>Wordle</h1></div></a>
-		<a href="/offlineparadise/index.html"><div class="game"><img src="/offlineparadise/icon.png" alt="Offline Paradise Logo"><h1>Offline Paradise</h1></div></a>
-		
-		<a href="/2048/index.html"><div class="game"><img src="/2048/icon.png" alt="2048 Logo"><h1>2048</h1></div></a>
-		<a href="/doodlejump/index.html"><div class="game"><img src="/doodlejump/icon.png" alt="Doodle Jump Logo"><h1>Doodle Jump</h1></div></a>
-		
-		  <a href="/weavesilk/index.html"><div class="game"><img src="/weavesilk/icon.png" alt="Weave Silk Logo"><h1>Weave Silk</h1></div></a>
-		<a href="/supermeatboy/index.html"><div class="game"><img src="/supermeatboy/icon.png" alt="Super Meat Boy Logo"><h1>Super Meat Boy</h1></div></a>
-		<a href="/vex6/index.html"><div class="game"><img src="/vex6/icon.png" alt="Vex 6 Logo"><h1>Vex 6</h1></div></a>
-		
-		
-		<a href="/fluidsim/index.html"><div class="game"><img src="/fluidsim/icon.png" alt="WEBGL Fluid Sim Logo"><h1>WebGL Fluid Sim</h1></div></a>
-		<a href="/basketball-stars/index.html"><div class="game"><img src="/basketball-stars/icon.png" alt="Basketball Stars Logo"><h1>Basketball Stars</h1></div></a>
-		
-		
-		<a href="/osu/index.html"><div class="game"><img src="/osu/icon.png" alt="osu! Logo"><h1>osu!</h1></div></a>
-		<a href="/cookieclicker/index.html"><div class="game"><img src="/cookieclicker/icon.png" alt="Cookie Clicker Logo"><h1>Cookie Clicker</h1></div></a>
-		<a href="/superhot/index.html"><div class="game"><img src="/superhot/icon.png" alt="Superhot Logo"><h1>Superhot</h1></div></a>
-		<a href="/sm64/index.html"><div class="game"><img src="/sm64/icon.png" alt="SM64 Logo"><h1>Super Mario 64</h1></div></a>
-		<a href="/gunmayhemredux/index.html"><div class="game"><img src="/gunmayhemredux/icon.png" alt="Gun Mayhem Redux Logo"><h1>Gun Mayhem Redux</h1></div></a>
-		<a href="/iwbtc/index.html"><div class="game"><img src="/iwbtc/icon.png" alt="IWBTC Logo"><h1>I Wanna Be Thy Copy</h1></div></a>
-		
-		<a href="/hexgl/index.html"><div class="game"><img src="/hexgl/icon_128.png" alt="HexGL Logo"><h1>HexGL</h1></div></a>
-		<a href="/championisland/index.html"><div class="game"><img src="/championisland/icon.png" alt="Champion Island Logo"><h1>Champion Islands</h1></div></a>
-		<a href="/ltf/index.html"><div class="game"><img src="/ltf/icon.png" alt="Learn To Fly Logo"><h1>Learn to Fly</h1></div></a>
-		<a href="/turbowarp-editor/index.html"><div class="game"><img src="/turbowarp-editor/icon.png" alt="Turbowarp Editor Logo"><h1>Turbowarp Editor</h1></div></a>
-		<a href="/wordlebot/index.html"><div class="game"><img src="/wordlebot/icon.png" alt="Wordle Bot Logo"><h1>Wordle Bot</h1></div></a>
-		<a href="/ctr/index.html"><div class="game"><img src="/ctr/icon.png" alt="CTR Logo"><h1>Cut the Rope</h1></div></a>
-		
-		<a href="/chess/index.html"><div class="game"><img src="/chess/icon.png" alt="Chess Logo"><h1>Chess</h1></div></a>
-		<a href="/flappybird/index.html"><div class="game"><img src="/flappybird/icon.png" alt="Flappy Bird Logo"><h1>Flappy Bird</h1></div></a>
-
-		<a href="/lowsadventures2/index.html"><div class="game"><img src="/lowsadventures2/icon.png" alt="Lows Adventurs 2 Logo"><h1>Lows Adventures 2</h1></div></a>
-		<a href="/drift-boss/index.html"><div class="game"><img src="/drift-boss/icon.png" alt="Drift Boss Logo"><h1>Drift Boss</h1></div></a>
-		<a href="/fireboywatergirl/index.html"><div class="game"><img src="/fireboywatergirl/icon.png" alt="Fireboy Watergirl Logo"><h1>Fireboy Watergirl</h1></div></a>
-		<a href="/gunmayhem/index.html"><div class="game"><img src="/gunmayhem/icon.png" alt="Gun Mayhem Logo"><h1>Gun Mayhem</h1></div></a>
-		<a href="/ducklife4/index.html"><div class="game"><img src="/ducklife4/icon.png" alt="Duck Life 4 Logo"><h1>Duck Life 4</h1></div></a>
-		<a href="/achieveunlocked/index.html"><div class="game"><img src="/achieveunlocked/icon.png" alt="achieveunlocked Logo"><h1>Achievement Unlocked</h1></div></a>
-		<a href="/achieveunlocked2/index.html"><div class="game"><img src="/achieveunlocked2/icon.png" alt="achieveunlocked2 Logo"><h1>Achievement Unlocked 2</h1></div></a>
-		<a href="/thisistheonlylevel/index.html"><div class="game"><img src="/thisistheonlylevel/logo.png" alt="this is the only level Logo"><h1>This Is The Only Level</h1></div></a>
-		<a href="/thisistheonlylevel2/index.html"><div class="game"><img src="/thisistheonlylevel2/icon.png" alt="this is the only level 2 Logo"><h1>This Is The Only Level 2</h1></div></a>
-		<p><a href="/changelog.html">v. 2023.05.24</a></p>
   </div>
   </body>
 </html>
diff --git a/js/games.js b/js/games.js
new file mode 100644
index 00000000..870eda80
--- /dev/null
+++ b/js/games.js
@@ -0,0 +1,7 @@
+window.addEventListener("load", loadJson());
+
+function loadJson() {
+    fetch('./games.json')
+    .then((response) => response.json())
+    .then((json) => console.log(json));
+}
\ No newline at end of file
