Update README.md

Remove click playing
Update Intro Movie
2025-10-07 16:48:34 +02:00 · 2025-09-21 19:12:59 -05:00 · 2025-09-21 19:01:19 -05:00 · 2025-09-21 11:51:48 -05:00 · 2025-09-21 10:03:29 -05:00 · 2025-09-21 09:55:06 -05:00
171 changed files with 3557 additions and 1831 deletions
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@ -1,3 +1,3 @@
 {
-    "liveServer.settings.port": 5501
+    "liveServer.settings.port": 5502
 }
--- a/1.3.html
+++ b/1.3.html
@ -1,38 +1,78 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="home.css" />
+    <link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
    <title>1.3 Clients</title>
-    <link rel="shortcut icon" href="assets/mc-logo.png" type="image/x-icon">
-    <link rel="stylesheet" href="home.css">
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
-</head>
-<!-- Google tag (gtag.js) -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
+    <link
+      href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
+      rel="stylesheet"
+    />
+    <script src="loader.js" defer></script>
+    <script src="sounds.js" defer></script>
+  </head>
+  <body>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"
+    ></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());

-  gtag('config', 'G-B23XL7G2NK');
-</script>
-<body>
-    
-<ul>
-    <li><a style="margin-left: 5px;" href="index.html">Home</a></li>
-    <li><a class="active" href="clients.html">Clients</a></li>
-    <li><a href="worlds.html">Worlds</a></li>
-    <li><a href="packs.html">Resource Packs</a></li>
-    <li><a href="servers.html">Servers</a></li>
-    <li><a href="skins.html">Skins</a></li>
-    <li><a href="mc quick guide/index.html" target="_blank">Quick Guide</a></li>
-    <li style="float: right;"><a href="https://github.com/cobblesteve01/Eaglercraft-Extras" target="_blank"><img src="assets/github.png" style="height: 25px; color: white;" alt=""></a></li>
-</ul>
+      gtag("config", "G-B23XL7G2NK");
+    </script>
+    <style>
+      body,
+      html {
+        background: url("assets/pano.png");
+        background-attachment: fixed;
+        background-size: cover;
+        background-repeat: repeat-x;
+        margin: 0;
+        animation: panorama 75s linear infinite;
+      }

-<h1 align="center" style="font-size: 54px; margin-bottom: -10px; text-decoration: none">1.3 Clients</h1>
-<p align="center" style='font-family: inter-medium;'>There is only one 💀</p>
+      @keyframes panorama {
+        0% {
+          background-position: 0;
+        }

-<div class="container">
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Eagler 1.3<p style="font-size: 14px; padding-bottom: 15px; font-family: inter-medium">Version: Eaglercraft 1.3</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px; font-family: inter-bold" href="eagler1.3.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-</div>
+        100% {
+          background-position: calc(100vh / 144 * -820);
+        }
+      }
+    </style>
+    <center>
+      <h1
+        style="
+          font-size: xxx-large;
+          text-shadow: 2px 2px 2px black;
+          margin-bottom: 0;
+        "
+      >
+        1.3 Clients
+      </h1>
+      <p class="splash-text">
+        <a
+          href="/"
+          class="github-link"
+          style="color: yellow; font-size: 17px; margin-top: -10px"
+          >Back home</a
+        >
+      </p>
+      <div class="vflex" id="container" style="justify-content: center">
+        <!--load clients into here-->
+        <div id="cclients">
+          <ul id="clients"></ul>
+        </div>
+      </div>
+    </center>
+    <div class="backdrop-blur"></div>
+  </body>
+</html>
--- a/1.5.html
+++ b/1.5.html
@ -1,49 +1,72 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="home.css" />
+    <link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
    <title>1.5 Clients</title>
-    <link rel="shortcut icon" href="assets/mc-logo.png" type="image/x-icon">
-    <link rel="stylesheet" href="home.css">
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
-</head>
-<!-- Google tag (gtag.js) -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
+    <link
+      href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
+      rel="stylesheet"
+    />
+    <script src="sounds.js" defer></script>
+    <script src="loader.js" defer></script>
+  </head>
+  <body>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"
+    ></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());

-  gtag('config', 'G-B23XL7G2NK');
-</script>
-<body>
-    
-<ul>
-    <li><a style="margin-left: 5px;" href="index.html">Home</a></li>
-    <li><a class="active" href="clients.html">Clients</a></li>
-    <li><a href="worlds.html">Worlds</a></li>
-    <li><a href="packs.html">Resource Packs</a></li>
-    <li><a href="servers.html">Servers</a></li>
-    <li><a href="skins.html">Skins</a></li>
-    <li><a href="mc quick guide/index.html" target="_blank">Quick Guide</a></li>
-    <li style="float: right;"><a href="https://github.com/cobblesteve01/Eaglercraft-Extras" target="_blank"><img src="assets/github.png" style="height: 25px; color: white;" alt=""></a></li>
-</ul>
+      gtag("config", "G-B23XL7G2NK");
+    </script>
+    <style>
+      body,
+      html {
+        background: url("assets/pano.png");
+        background-attachment: fixed;
+        background-size: cover;
+        background-repeat: repeat-x;
+        margin: 0;
+        animation: panorama 95s linear infinite;
+      }

-<h1 align="center" style="font-size: 54px; margin-bottom: -10px; text-decoration: none">1.5 Clients</h1>
-<p align="center" style='font-family: inter-medium;'>Take your pick.</p>
+      @keyframes panorama {
+        0% {
+          background-position: 0;
+        }

-<div class="container">
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Eagler 1.5<p style="font-size: 14px; padding-bottom: 15px;">Version: Service Pack #1</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.5/eagler1.5.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Precision Client<p style="font-size: 14px; padding-bottom: 15px;">Version: Unknown</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.5/PrecisionClient.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">NitClient<p style="font-size: 14px; padding-bottom: 15px;">Version: NitClient 2.0</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.5/nitclient.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Nebula<p style="font-size: 14px; padding-bottom: 15px;">Updated: 11/21/23</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.5/nebula.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Kerosene<p style="font-size: 14px; padding-bottom: 15px;">Updated: 11/21/23</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.5/kerosene.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-</div>
-
-<div class="container">
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">CoderCraft<p style="font-size: 14px; padding-bottom: 15px;">Updated: 11/21/23</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.5/codercraft.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Odd Future Client<p style="font-size: 14px; padding-bottom: 15px;">Updated: 6/1/22</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.5/oddfutureclient.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">FuchsiaX<p style="font-size: 14px; padding-bottom: 15px;">FuchsiaX Web</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.5/fuchsiax.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Nova Client<p style="font-size: 14px; padding-bottom: 15px;">Version: 1.0 (First Release)</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="warning.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-</div>
+        100% {
+          background-position: calc(100vh / 144 * -820);
+        }
+      }
+    </style>
+    <center>
+      <h1 style="font-size: xxx-large; text-shadow: 2px 2px 2px black; margin-bottom: 0;">1.5 Clients</h1>
+      <p class="splash-text">
+        <a
+          href="/"
+          class="github-link"
+          style="color: yellow; font-size: 17px; margin-top: -10px;"
+          >Back home</a
+        >
+      </p>
+      <div class="vflex" id="container" style="justify-content: center;">
+      <!--load clients into here-->
+      <div id="cclients">
+        <ul id="clients">
+          
+        </ul>
+      </div>
+    </div>
+    </center>
+    <div class="backdrop-blur"></div>
+  </body>
+</html>
--- a/1.8.html
+++ b/1.8.html
@ -1,55 +1,72 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="home.css" />
+    <link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
    <title>1.8 Clients</title>
-    <link rel="shortcut icon" href="assets/mc-logo.png" type="image/x-icon">
-    <link rel="stylesheet" href="home.css">
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
-      rel="stylesheet">
-</head>
-<!-- Google tag (gtag.js) -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
+    <link
+      href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
+      rel="stylesheet"
+    />
+    <script src="sounds.js" defer></script>
+    <script src="loader.js" defer></script>
+  </head>
+  <body>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"
+    ></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());

-  gtag('config', 'G-B23XL7G2NK');
-</script>
-<body>
-    
-<ul>
-    <li><a style="margin-left: 5px;" href="index.html">Home</a></li>
-    <li><a class="active" href="clients.html">Clients</a></li>
-    <li><a href="worlds.html">Worlds</a></li>
-    <li><a href="packs.html">Resource Packs</a></li>
-    <li><a href="servers.html">Servers</a></li>
-    <li><a href="skins.html">Skins</a></li>
-    <li><a href="mc quick guide/index.html" target="_blank">Quick Guide</a></li>
-    <li style="float: right;"><a href="https://github.com/cobblesteve01/Eaglercraft-Extras" target="_blank"><img src="assets/github.png" style="height: 25px; color: white;" alt=""></a></li>
-</ul>
+      gtag("config", "G-B23XL7G2NK");
+    </script>
+    <style>
+      body,
+      html {
+        background: url("assets/pano.png");
+        background-attachment: fixed;
+        background-size: cover;
+        background-repeat: repeat-x;
+        margin: 0;
+        animation: panorama 95s linear infinite;
+      }

-<h1 align="center" style="font-size: 54px; margin-bottom: -10px; text-decoration: none">1.8 Clients</h1>
-<p align="center" style='font-family: inter-medium;'>Take your pick.</p>
+      @keyframes panorama {
+        0% {
+          background-position: 0;
+        }

-<br><br>
-
-<div class="container">
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">EaglercraftX<p style="font-size: 14px; padding-bottom: 15px; font-family: inter-medium">Version: u34</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 40px; font-family: inter-bold" href="clients/1.8/eaglercraftx.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Shadow Client<p style="font-size: 14px; padding-bottom: 15px; font-family: inter-medium">Version: 3.0 (Beta)</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px; font-family: inter-bold" href="clients/1.8/shadowclient30beta.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Starlike Client<p style="font-size: 14px; padding-bottom: 15px; font-family: inter-medium">Version: Unknown</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px; font-family: inter-bold" href="clients/1.8/Starlike_Client.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-    
-</div>
-
-<div class="container">
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Pi Client<p style="font-size: 14px; padding-bottom: 15px; font-family: inter-medium">Version: 1.0 (First Release)</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px; font-family: inter-bold" href="clients/1.8/pi-client.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">DragonX Lite<p style="font-size: 14px; padding-bottom: 15px; font-family: inter-medium">Version: DragonX Lite</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px; font-family: inter-bold" href="clients/1.8/DragonXLite.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">DragonX<p style="font-size: 14px; padding-bottom: 15px; font-family: inter-medium">Version: DragonX V4</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px; font-family: inter-bold" href="clients/1.8/DragonX_V4.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-</div>
-
-
-
-</body>
+        100% {
+          background-position: calc(100vh / 144 * -820);
+        }
+      }
+    </style>
+    <center>
+      <h1 style="font-size: xxx-large; text-shadow: 2px 2px 2px black; margin-bottom: 0;">1.8 Clients</h1>
+      <p class="splash-text">
+        <a
+          href="/"
+          class="github-link"
+          style="color: yellow; font-size: 17px; margin-top: -10px;"
+          >Back home</a
+        >
+      </p>
+      <div class="vflex" id="container" style="justify-content: center;">
+      <!--load clients into here-->
+      <div id="cclients">
+        <ul id="clients">
+          
+        </ul>
+      </div>
+    </div>
+    </center>
+    <div class="backdrop-blur"></div>
+  </body>
 </html>
--- a/README.md
+++ b/README.md
@ -1,8 +1,5 @@
-# Welcome to Eaglercraft Extras!
-This is a website similar to Eaglercrack (if you know it) where you can find all things related to Eaglercraft!
-There are currently 3 developers, and I am trying to update this as much as possible for it to be the best it can be.
-I recommend looking through some of the features below!
-
+# Welcome to Eaglercraft Extras!!!!
+The best addons website for Eaglercraft. Constantly updated to bring you the latest versions of Eagler, and providing you with other clients, texture packs, and more!
 ## Features
 - Find pre-built worlds to download and play!
 - Search for servers to play with other people!
@ -15,17 +12,14 @@ I recommend looking through some of the features below!

 ## Meet the Developers

-### Hey there! I'm cobblesteve.
-I started this project in April, and I wanted it to become the alternative for Eaglercrack.
+### Hey there! I'm x8r.
+I started this project in April 2024, and I wanted it to become the alternative for Eaglercrack.
 I'm making it for a website I have right now, which currently uses Eaglercrack as a source.

 About Me:
- Knows HTML and CSS
- Learning JavaScript and Python
- Barely knows Python
- Has a YouTube channel --> https://youtube.com/@cobblesteve.official
+- Knows HTML, CSS, Javascript, Typescript, and Svelte
+- Learning Astro and Node
 - Likes to play Minecraft, Geometry Dash, A Dance of Fire and Ice (ADOFAI), and more!
- yea :D

 ### Hey there! I'm SyntaxError52.

@ -34,12 +28,10 @@ Here are some things about me:
 - Learning JavaScript
 - Barely knows JavaScript

+### Hey there! I'm SprintingSnail69.
+- Knows HTML, CSS, and a little JavaScript
+- Learning more JavaScript
+- Has a YouTube channel --> https://youtube.com/@SprintingSnailBS
+- Insane at Brawl Stars, Clash Royale, and Clash of Clans

-### Hey there! I'm Bahabryra.
-
-Here are some things about me:
- Knows HTML, CSS, and Scratch
- Learning Python and JavaScript
- Barely knows Python and Javascript
-
-### Thanks to Thundiverter for making the MC Quick Guide!
+### Thanks to Thundiverter for making the quickguide!
--- a/SECURITY.md
+++ b/SECURITY.md
@ -1,5 +0,0 @@
-## Some clients might not be safe!
-
-Use these at your own risk. Some problems are glitching screens, keybinds changing, etc.
-These clients can be malicious, and that's why we need **you!**
-You can help us identify these clients by telling us which ones in the discussions section.
--- a/assets/Inter-Black.ttf
+++ b/assets/Inter-Black.ttf
--- a/assets/Inter-Bold.ttf
+++ b/assets/Inter-Bold.ttf
--- a/assets/Inter-ExtraBold.ttf
+++ b/assets/Inter-ExtraBold.ttf
--- a/assets/Inter-ExtraLight.ttf
+++ b/assets/Inter-ExtraLight.ttf
--- a/assets/Inter-Light.ttf
+++ b/assets/Inter-Light.ttf
--- a/assets/Inter-Medium.ttf
+++ b/assets/Inter-Medium.ttf
--- a/assets/Inter-Regular.ttf
+++ b/assets/Inter-Regular.ttf
--- a/assets/Inter-SemiBold.ttf
+++ b/assets/Inter-SemiBold.ttf
--- a/assets/Inter-Thin.ttf
+++ b/assets/Inter-Thin.ttf
--- a/assets/Minecraft.woff2
+++ b/assets/Minecraft.woff2
--- a/assets/bg.jpg
+++ b/assets/bg.jpg
--- a/assets/btn-minecraft-hover.png
+++ b/assets/btn-minecraft-hover.png
--- a/assets/btn-minecraft.png
+++ b/assets/btn-minecraft.png
--- a/assets/click.ogg
+++ b/assets/click.ogg
--- a/assets/dirt.webp
+++ b/assets/dirt.webp
--- a/assets/font.ttf
+++ b/assets/font.ttf
--- a/assets/home.png
+++ b/assets/home.png
--- a/assets/hover.ogg
+++ b/assets/hover.ogg
--- a/assets/icon.png
+++ b/assets/icon.png
--- a/assets/intro.mp4
+++ b/assets/intro.mp4
--- a/assets/json/1.11.json
+++ b/assets/json/1.11.json
--- a/assets/json/1.14.json
+++ b/assets/json/1.14.json
--- a/assets/json/1.3.json
+++ b/assets/json/1.3.json
@ -0,0 +1,9 @@
+[
+    {
+      "name": "EaglercraftX 1.3",
+      "version": "Unknown",
+      "url": "/clients/1.3/eagler1.3.html",
+      "icon": "/assets/eaglercraftx.jpg",
+      "author": "lax1dude"
+    }
+]
--- a/assets/json/1.5.json
+++ b/assets/json/1.5.json
@ -0,0 +1,65 @@
+[
+  {
+    "name": "EaglercraftX 1.5",
+    "version": "Service Pack #1",
+    "url": "/clients/1.5/eagler1.5.html",
+    "icon": "/assets/eaglercraftx.jpg",
+    "author": "lax1dude and ayunami2000"
+  },
+  {
+    "name": "Precision Client",
+    "version": "Unknown",
+    "url": "/clients/1.5/PrecisionClient.html",
+    "icon": "/assets/precision.png",
+    "author": "LazerXTeam"
+  },
+  {
+    "name": "NitClient",
+    "version": "2.0",
+    "url": "/clients/1.5/nitclient.html",
+    "icon": "/assets/eaglercraftx.jpg",
+    "author": "Unknown"
+  },
+  {
+    "name": "Nebula",
+    "version": "Service Pack #1",
+    "url": "/clients/1.5/nebula.html",
+    "icon": "/assets/eaglercraftx.jpg",
+    "author": "eviuhu9fvhfudiaefuieavnui"
+  },
+  {
+    "name": "Kerosene",
+    "version": "Unknown",
+    "url": "/clients/1.5/kerosene.html",
+    "icon": "/assets/eaglercraftx.jpg",
+    "author": "Anonymous"
+  },
+  {
+    "name": "CoderCraft",
+    "version": "November 21st 2023",
+    "url": "/clients/1.5/codercraft.html",
+    "icon": "/assets/eaglercraftx.jpg",
+    "author": "AriesTropixDev"
+  },
+  {
+    "name": "Odd Future Client",
+    "version": "June 1st 2022",
+    "url": "/clients/1.5/oddfutureclient.html",
+    "icon": "/assets/eaglercraftx.jpg",
+    "author": "AriesTropixDev"
+  },
+  {
+    "name": "FuchsiaX",
+    "version": "FuchsiaX Web",
+    "url": "/clients/1.5/fuchsiax.html",
+    "icon": "/assets/eaglercraftx.jpg",
+    "author": "ayunami2000"
+  },
+  {
+    "name": "Nova Client",
+    "version": "1.0",
+    "url": "/clients/1.5/N0VA CLIENT.html",
+    "icon": "/assets/eaglercraftx.jpg",
+    "author": "A3R10"
+  }
+]
--- a/assets/json/1.8.json
+++ b/assets/json/1.8.json
@ -0,0 +1,44 @@
+[
+  {
+    "name": "EaglercraftX",
+    "version": "u53",
+    "url": "/clients/1.8/eaglercraftx.html",
+    "icon": "/assets/eaglercraftx.jpg",
+    "author": "lax1dude, ayunami2000"
+  },
+  {
+    "name": "Shadow Client",
+    "version": "3.0 Beta",
+    "url": "/clients/1.8/shadowclient30beta.html",
+    "icon": "/assets/eaglercraftx.jpg",
+    "author": "PeytonPlayz595"
+  },
+  {
+    "name": "Starlike Client",
+    "version": "Unknown",
+    "url": "/clients/1.8/Starlike_Client.html",
+    "icon": "/assets/eaglercraftx.jpg",
+    "author": "zumbiepig"
+  },
+  {
+    "name": "Pi Client",
+    "version": "1.0",
+    "url": "/clients/1.8/pi-client.html",
+    "icon": "/assets/eaglercraftx.jpg",
+    "author": "SnesLover22"
+  },
+  {
+    "name": "DragonX Lite",
+    "version": "4.0",
+    "url": "/clients/1.8/DragonXLite.html",
+    "icon": "/assets/eaglercraftx.jpg",
+    "author": "averycoolusername"
+  },
+  {
+    "name": "DragonX",
+    "version": "4.0",
+    "url": "/clients/1.8/DragonX_V4.html",
+    "icon": "/assets/eaglercraftx.jpg",
+    "author": "3TERN4LF1R3"
+  }
+]
--- a/assets/json/1.9.json
+++ b/assets/json/1.9.json
--- a/assets/json/mobile.json
+++ b/assets/json/mobile.json
--- a/assets/json/packs.json
+++ b/assets/json/packs.json
@ -0,0 +1,62 @@
+[
+    {
+        "name": "Blue 128x",
+        "icon": "/assets/packs/blue128.png",
+        "author": "Latenci",
+        "url": "/packs/!%20%C2%A79Blue%20%C2%A77Revamp%20%C2%A78%C2%A7f128x%C2%A78.zip"
+    },
+    {
+      "name": "Nebula 16x",
+      "icon": "https://i.ytimg.com/vi/57zOso31fdw/maxresdefault.jpg",
+      "author": "Akooa, ItzStef",
+      "url": "/packs/!%20%20%20%20%20%20%C2%A7bnebu%C2%A73l%C2%A7ba%20%C2%A78[%C2%A7f16%C2%A75x%C2%A78].zip"
+    },
+    {
+      "name": "Nicofruit 16x",
+      "icon": "https://i.ytimg.com/vi/hf_c4-a1SYs/maxresdefault.jpg",
+      "author": "kenopacks, NotNico",
+      "url": "/packs/!%20%20%20%20%C2%A7bNico%C2%A73Fruit%20%C2%A7f[16x]%20.zip"
+    },
+    {
+      "name": "Bombie's 180k 16x",
+      "icon": "https://i.ytimg.com/vi/-XopXelFSHM/maxresdefault.jpg",
+      "author": "Tori, Bombie",
+      "url": "/packs/!%20%20%20%20%20%20%20%20%20%C2%A7b%C2%A7lBombies%20%C2%A78[%C2%A7f180k%C2%A78].zip"
+    },
+    {
+      "name": "Lunar 16x",
+      "icon": "https://i.ytimg.com/vi/p24vp0JNTgw/maxresdefault.jpg",
+      "author": "lunox",
+      "url": "/packs/!%20%20%20%20%20%20%20Lunar%20[%C2%A7816x%C2%A7f].zip"
+    },
+    {
+      "name": "Fatcat 16x",
+      "icon": "https://i.ytimg.com/vi/pzA8x768f7w/maxresdefault.jpg",
+      "author": "looshy",
+      "url": "/packs/!%20%20%20%20%20%C2%A7bfat%20cat%20%C2%A7f[%C2%A7b16%C2%A77x%C2%A7f].zip"
+    },
+    {
+      "name": "Toxica 16x",
+      "icon": "https://i.ytimg.com/vi/k7j32FTGzQY/maxresdefault.jpg",
+      "author": "Rh56",
+      "url": "/packs/!%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%C2%A75t%C3%B3xica%20%C2%A7816x.zip"
+    },
+    {
+      "name": "XLEXXD v3 16x",
+      "icon": "https://pvprp.com/assets/packs/xlexxdd/14767/banner.png?v=2025-09-17%2004:46:38",
+      "author": "xlexxdd",
+      "url": "/packs/!%20%20%C2%A7bxlexxd%20v3%20%C2%A78[%C2%A7f16x%C2%A78].zip"
+    },
+    {
+      "name": "Dynamic Duo 32x",
+      "icon": "https://i.ytimg.com/vi/2EZ4d4UX_Gs/maxresdefault.jpg",
+      "author": "iSparkton",
+      "url": "/packs/!%20%C2%A7bDynamic%20%C2%A77Duo%20%C2%A78Revamp%20%C2%A78[%C2%A7732x%C2%A78].zip"
+    },
+    {
+      "name": "Nebula 32x",
+      "icon": "https://i.ytimg.com/vi/mCxuobFmvQ0/maxresdefault.jpg",
+      "author": "Akooa, ItzStef",
+      "url": "/packs/!%20%20%20%20%20%20%C2%A7bnebu%C2%A73l%C2%A7ba%20%C2%A78[%C2%A7f32%C2%A75x%C2%A78].zip"
+    }
+]
--- a/assets/json/worlds.json
+++ b/assets/json/worlds.json
@ -0,0 +1,8 @@
+[
+  {
+    "name": "Skyblock",
+    "icon": "/worlds/images/skyblock.png",
+    "author": "x8r",
+    "url": "/worlds/Skyblock.epk"
+  }
+]
--- a/assets/mcbold.otf
+++ b/assets/mcbold.otf
--- a/assets/menu2.ogg
+++ b/assets/menu2.ogg
--- a/assets/minecraft-regular.ttf
+++ b/assets/minecraft-regular.ttf
--- a/assets/minecraft_font.ttf
+++ b/assets/minecraft_font.ttf
--- a/assets/packs/blue128.png
+++ b/assets/packs/blue128.png
--- a/assets/pano.png
+++ b/assets/pano.png
--- a/assets/panorama.png
+++ b/assets/panorama.png
--- a/assets/play.png
+++ b/assets/play.png
--- a/assets/precision.png
+++ b/assets/precision.png
--- a/assets/servers/aeon.jpg
+++ b/assets/servers/aeon.jpg
--- a/assets/servers/ap.png
+++ b/assets/servers/ap.png
--- a/assets/servers/arch.png
+++ b/assets/servers/arch.png
--- a/assets/servers/cc.png
+++ b/assets/servers/cc.png
--- a/assets/servers/clever.png
+++ b/assets/servers/clever.png
--- a/assets/servers/gg.png
+++ b/assets/servers/gg.png
--- a/assets/servers/mc.png
+++ b/assets/servers/mc.png
--- a/assets/servers/ricenetwork.png
+++ b/assets/servers/ricenetwork.png
--- a/assets/servers/tl.png
+++ b/assets/servers/tl.png
--- a/assets/servers/zentic.png
+++ b/assets/servers/zentic.png
--- a/assets/servers/zyth.png
+++ b/assets/servers/zyth.png
--- a/assets/title.png
+++ b/assets/title.png
--- a/clients.html
+++ b/clients.html
@ -1,51 +1,66 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="home.css" />
+    <link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
    <title>Clients</title>
-    <link rel="shortcut icon" href="assets/mc-logo.png" type="image/x-icon">
-    <link rel="stylesheet" href="home.css">
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
-      rel="stylesheet">
-</head>
-<!-- Google tag (gtag.js) -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
+    <link
+      href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
+      rel="stylesheet"
+    />
+    <script src="sounds.js" defer></script>
+  </head>
+  <body>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"
+    ></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());

-  gtag('config', 'G-B23XL7G2NK');
-</script>
-<body>
-    
-<ul>
-    <li><a style="margin-left: 5px;" href="index.html">Home</a></li>
-    <li><a class="active" href="clients.html">Clients</a></li>
-    <li><a href="worlds.html">Worlds</a></li>
-    <li><a href="packs.html">Resource Packs</a></li>
-    <li><a href="servers.html">Servers</a></li>
-    <li><a href="skins.html">Skins</a></li>
-    <li><a href="mc quick guide/index.html" target="_blank">Quick Guide</a></li>
-    <li style="float: right;"><a href="https://github.com/cobblesteve01/Eaglercraft-Extras" target="_blank"><img src="assets/github.png" style="height: 25px; color: white;" alt=""></a></li>
-</ul>
+      gtag("config", "G-B23XL7G2NK");
+    </script>
+    <style>
+      body,
+      html {
+        background: url("assets/pano.png");
+        background-attachment: fixed;
+        background-size: cover;
+        background-repeat: repeat-x;
+        margin: 0;
+        animation: panorama 95s linear infinite;
+      }

-<br>
+      @keyframes panorama {
+        0% {
+          background-position: 0;
+        }

-<h1 align="center" style="font-size: 40px;">Choose your Version</h1>
-
-<br><br><br><br>
-
-<div class="container">
-    <button class="button" style="height: 250px; cursor: unset; margin: 15px;"><h1 style="font-size: 32px;">1.8</h1><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 40px;" href="1.8.html"><span class="material-icons-round">input</span>&nbsp;Select</a></button><br>
-    <button class="button" style="height: 250px; cursor: unset; margin: 15px;"><h1 style="font-size: 32px;">1.5</h1><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 40px;" href="1.5.html"><span class="material-icons-round">input</span>&nbsp;Select</a></button><br>
-    <button class="button" style="height: 250px; cursor: unset; margin: 15px;"><h1 style="font-size: 32px;">1.3</h1><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 40px;" href="1.3.html"><span class="material-icons-round">input</span>&nbsp;Select</a></button><br>
-    <button class="button" style="height: 250px; cursor: unset; margin: 15px;"><h1 style="font-size: 32px;">Mobile</h1><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 40px;" href="mobile.html"><span class="material-icons-round">input</span>&nbsp;Select</a></button><br>
-</div>
-
-<div class="container">
-  <button class="button" style="height: 250px; cursor: unset; margin: 15px;"><h1 style="font-size: 32px;">1.9</h1><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.9/eag1_9_4.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-  <button class="button" style="height: 250px; cursor: unset; margin: 15px;"><h1 style="font-size: 32px;">1.11</h1><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.11/eag1_11_2.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-  <button class="button" style="height: 250px; cursor: unset; margin: 15px;"><h1 style="font-size: 32px;">1.14</h1><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.14/index.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-</div>
+        100% {
+          background-position: calc(100vh / 144 * -820);
+        }
+      }
+    </style>
+    <center>
+      <h1 style="font-size: xxx-large; text-shadow: 2px 2px 2px black;">Clients</h1>
+      <div class="vflex">
+        <a href="1.3.html">
+          <button class="button">1.3</button>
+        </a>
+        <a href="1.5.html">
+          <button class="button">1.5</button>
+        </a>
+        <a href="1.8.html">
+          <button class="button">1.8</button>
+        </a>
+      </div>
+    </center>
+    <div class="backdrop-blur"></div>
+  </body>
+</html>
--- a/clients/1.8/DragonXLite.html
+++ b/clients/1.8/DragonXLite.html
--- a/clients/1.8/DragonX_V4.html
+++ b/clients/1.8/DragonX_V4.html
--- a/clients/1.8/eaglercraftx.html
+++ b/clients/1.8/eaglercraftx.html
--- a/credits.html
+++ b/credits.html
@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="home.css" />
+    <link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
+    <title>Credits</title>
+    <link
+      href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
+      rel="stylesheet"
+    />
+    <script src="sounds.js" defer></script>
+    <script src="index.js" defer></script>
+  </head>
+  <body>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"
+    ></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
+
+      gtag("config", "G-B23XL7G2NK");
+    </script>
+    <style>
+      body,
+      html {
+        background: url("assets/pano.png");
+        background-attachment: fixed;
+        background-size: cover;
+        background-repeat: repeat-x;
+        margin: 0;
+        animation: panorama 95s linear infinite;
+      }
+
+      @keyframes panorama {
+        0% {
+          background-position: 0;
+        }
+
+        100% {
+          background-position: calc(100vh / 144 * -820);
+        }
+      }
+    </style><br>
+    <center>
+      <img
+        src="assets/title.png"
+        style="margin: -50px; margin-bottom: -100px; scale: auto"
+        alt="the-gay-ass-dev-who-made-us-use-a-fucking-image-made-me-do-this-shit-please-help-im-stuck-in-his-fucking-liveshare-and-in-his-basement-HELP.png"
+      />
+      <p class="splash-text">Credits</p>
+      <div class="vflex">
+        <h1>Developers</h1>
+        <p>x8r (xor)</p>
+        <p>SyntaxError52</p>
+
+        <h1>Design</h1>
+        <p>x8r</p>
+
+        <h1>Design Inspiration</h1>
+        <p>Mojang</p>
+        <p>Legacy Edition Minigames</p>
+
+        <h1>Website Inspiration</h1>
+        <p>EaglercrackX</p>
+        <p>Eaglercraft</p>
+      </div><br>
+    </center>
+        <center>
+      <a href="/">
+        <button class="button">Return Home</button>
+      </a>
+    </center><br>
+    <div class="backdrop-blur"></div>
+  </body>
+</html>
--- a/credits.txt
+++ b/credits.txt
@ -0,0 +1,24 @@
+Eaglercraft Extras Credits
+------------------------------------------------
+All clients, pack, skins, and server credits go to their respective authors
+------------------------------------------------
+
+>> x8r (xor)
+~ head developer
+~ author of loader.js (genius)
+~ wrote css, html, and js
+~ does most things on the website
+
+>> SyntaxError52
+~ Co-Dev of EaglercraftExtras
+~ Bug fixes
+~ Skins Page and Skins
+~ Created help form
+~ QoL changes
+
+------------------------------------------------
+To contact please go to https://forms.gle/Aj2pX9dXKSRJMzRT8 for any user requests
+or contact _x8rr on discord.
+------------------------------------------------
+Eaglercraft Extras: v2.1.0 - 9/21/2025
+BuildID: Kpz1VR
--- a/home.css
+++ b/home.css
@ -1,232 +1,406 @@
@font-face {
-    font-family: inter-bold;
-    src: url(assets/Inter-Bold.ttf);
+  font-family: mc;
+  src: url('/assets/Minecraft.woff2');
 }

@font-face {
-    font-family: inter-semibold;
-    src: url(assets/Inter-SemiBold.ttf);
-}
-
-@font-face {
-    font-family: inter-medium;
-    src: url(assets/Inter-Medium.ttf);
+  font-family: mc bold;
+  src: url('/assets/mcbold.otf');
 }

 h1 {
-    font-family: inter-bold;
+  font-family: mc;
+}
+
+a {
+  cursor: pointer;
+}
+
+body,
+html {
+  background: url("/assets/dirt.webp");
+  background-size: cover;
+  background-attachment: fixed;
+  color: white;
+  overflow-x: hidden;
+}
+
+* {
+  font-family: mc;
+  font-weight: normal;
 }

 body {
-    background: rgb(29, 29, 29);
-    color: white;
+  margin: 0;
+}
+
+h1, h2, p {
+  text-shadow: 2px 2px 2px black;
+}
+
+h2, h1 {
+  font-family: mc bold;
 }

 .button {
-   text-align: center;
-   border-radius: 20px;
-   height: 100px;
-   width: 250px;
-   font-size: 25px;
-   font-family: inter-semibold;
-   color: white;
-   background-color: rgb(29, 29, 29);
-   border-color: white;
-   border-width: 0.5px;
-   box-shadow: none;
-   outline: none;
-   border-style: solid;
-   cursor: pointer;
-   transition: 0.3s;
-   margin: 5px;
+  background: url('/assets/btn-minecraft.png');
+  background-size: cover;
+  background-repeat: no-repeat;
+  border: none;
+  width: 400px;
+	  height: 40px;
+    margin: 7px;
+  padding: 10px 0;
+  scale: 120%;
+  cursor: pointer;
+  color: white;
+  font-size: 17px;
+  text-align: center;
+  text-shadow: 1px 1px black;
 }

-button:hover {
-    background-color: rgba(116, 116, 116, 0.671);
-    scale: 105%;
+.button:hover {
+  background: url('/assets/btn-minecraft-hover.png');
+  color: yellow;
+  background-size: cover;
+  background-repeat: no-repeat;
+  border: none;
+  filter: grayscale(0%);
+}
+
+a.play-hover {
+  transition: 0.2s;
+}
+
+a.play-hover:hover {
+  filter: brightness(0.8);
+}
+
+.vflex {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
 }

 .container {
-    display: flex;
-    justify-content: center;
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
 }

 .big-button {
-   text-align: center;
-   border-radius: 30px;
-   height: 300px;
-   width: 455px;
-   font-size: 25px;
-   font-family: inter-semibold;
-   color: white;
-   background-color: rgb(29, 29, 29);
-   border-color: white;
-   border-width: 0.5px;
-   box-shadow: none;
-   outline: none;
-   border-style: solid;
-   cursor: pointer;
-   transition: 0.3s;
-   margin: 10px;
+  text-align: center;
+  border-radius: 00px;
+  height: 300px;
+  width: 455px;
+  font-size: 25px;
+  font-family: mc;
+  color: white;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-color: rgba(255, 255, 255, 0);
+  border-width: 0.5px;
+  box-shadow: none;
+  none: none;
+  border-style: solid;
+  cursor: pointer;
+  transition: 0.2s;
+  margin: 10px;
+}
+
+.big-button:hover {
+  transform: translateY(-5px);
 }

 .center-logo {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
 }

 .top-bar {
-    scale: 50%;
-    padding: 0%;
+  scale: 50%;
+  padding: 0%;
 }

 li {
-    display: inline;
-    float: left;
-    font-family: inter-medium;
+  display: inline;
+  float: left;
+  font-family: mc;
+  vertical-align: 20px;
 }

 li a {
-    display: block;
-    padding: 8px;
-    text-decoration: none;
-    color: white;
-    text-align: center;
-    font-size: 20px;
-    transition: 0.5s;
-    margin-left: 2px;
-    margin-right: 2px;
-    font-family: inter-medium;
+  display: block;
+  padding: 9px;
+  text-decoration: none;
+  color: white;
+  text-align: center;
+  font-size: 20px;
+  transition: 0.2s;
+  margin-left: 5px;
+  margin-right: 5px;
+  font-family: mc;
+  cursor: pointer;
 }

 li a:hover {
-    background-color: rgb(56, 56, 56);
-    border-radius: 10px;
-
+  background-color: rgba(255, 255, 255, 0.233);
+  border-radius: 0px;
+  z-index: 9999999;
 }

 ul {
-    background-color: black;
-    margin: 0;
-    padding: 0;
-    overflow: hidden;
-    border-radius: 10px;
-    padding-top: 5px;
-    font-family: inter-medium;
-    position: sticky;
-    top: 1rem;
-    z-index: 9999;
+  background-color: rgba(0, 0, 0, 0.7);
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  border-radius: 0px;
+  padding: 8px;
+  font-family: mc;
+  position: sticky;
+  top: 1rem;
+  z-index: 99999;
 }

 .active {
-    background-color: dodgerblue;
-    border-radius: 10px;
+  background-color: #008000;
+  border-radius: 0px;
 }

 .right {
-    float: right;
+  float: right;
 }

 .innerbutton {
-    text-align: center;
-    border-radius: 20px;
-    height: 75px;
-    width: 200px;
-    font-size: 14px;
-    font-family: inter-semibold;
-    color: white;
-    background-color: rgb(26, 26, 26);
-    border-color: white;
-    border-width: 0.5px;
-    box-shadow: none;
-    outline: none;
-    border-style: solid;
-    cursor: pointer;
-    transition: 0.3s;
-    margin: 5px;
-    display: flex;
-    flex-wrap: wrap;
+  text-align: center;
+  border-radius: 0px;
+  height: 75px;
+  width: 200px;
+  font-size: 14px;
+  font-family: mc;
+  color: white;
+  background-color: rgb(26, 26, 26);
+  border-color: rgba(255, 255, 255, 0);
+  border-width: 0.5px;
+  box-shadow: none;
+  none: none;
+  border-style: solid;
+  cursor: pointer;
+  transition: 0.2s;
+  margin: 5px;
+  display: flex;
+  flex-wrap: wrap;
 }

 .material-icons-round {
-    font-family: 'Material Icons';
-    font-weight: normal;
-    font-style: normal;
-    font-size: 24px;  /* Preferred icon size */
-    display: inline-block;
-    line-height: 2;
-    text-transform: none;
-    letter-spacing: normal;
-    word-wrap: normal;
-    white-space: nowrap;
-    direction: ltr;
-    vertical-align: -2.5px;
-  
-    /* Support for all WebKit browsers. */
-    -webkit-font-smoothing: antialiased;
-    /* Support for Safari and Chrome. */
-    text-rendering: optimizeLegibility;
-  
-    /* Support for Firefox. */
-    -moz-osx-font-smoothing: grayscale;
-  
-    /* Support for IE. */
-    font-feature-settings: 'liga';
+  font-family: "Material Icons";
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px; /* Preferred icon size */
+  display: inline-block;
+  line-height: 2;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+  vertical-align: -2.5px;
+
+  /* Support for all WebKit browsers. */
+  -webkit-font-smoothing: antialiased;
+  /* Support for Safari and Chrome. */
+  text-rendering: optimizeLegibility;
+
+  /* Support for Firefox. */
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Support for IE. */
+  font-feature-settings: "liga";
 }

 .status {
-    padding-top: 5px;
-    padding-bottom: 5px;
-    padding-left: 30px;
-    padding-right: 30px;
-    background-color: rgb(58, 58, 58);
-    border-radius: 10px;
-    font-size: 18px;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  border-radius: 0px;
+  font-size: 18px;
+  text-align: left;
 }

 .online {
-    color: lime
+  color: lime;
 }

 .offline {
-    color: red;
+  color: red;
 }

 .unknown {
-    color: goldenrod;
+  color: goldenrod;
 }

 .ip {
-    padding-top: 10px;
-    padding-bottom: 10px;
-    padding-left: 30px;
-    padding-right: 30px;
-    background-color: dodgerblue;
-    border-radius: 10px;
-    font-size: 20px;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  padding-left: 30px;
+  padding-right: 30px;
+  background-color: #008000;
+  border-radius: 0px;
+  font-size: 20px;
 }

 .copyLink {
-    text-decoration: none;
-    color: white;
-    background-color: dodgerblue;
-    padding: 10px;
-    padding-left: 20px;
-    padding-right: 20px;
-    border-radius: 5px;
-    cursor: pointer;
-    text-align: center;
-    transition: background-color 0.3s ease;
-    border-radius: 10px;
+  text-decoration: none;
+  color: white;
+  background-color: #008000;
+  padding: 10px;
+  padding-left: 20px;
+  padding-right: 20px;
+  border-radius: 0px;
+  text-align: center;
+  border-radius: 0px;
 }

 .status.online span {
-    color: green;
+  color: green;
 }
 .status.offline span {
-    color: red;
+  color: red;
 }
 .status.unknown span {
-    color: orange;
+  color: orange;
+}
+
+#clients {
+  align-items: center;
+  z-index: 0;
+  background: none;
+}
+
+#client {
+  background: rgba(0, 0, 0, 0.0);
+  width: 70vw;
+  height: 15vh;
+  padding: 10px;
+  margin: 5px;
+  z-index: 1;
+  align-self: center;
+  justify-content: center;
+  position: relative;
+  left: 50%;
+  cursor: pointer;
+  font-family: mc;
+  transform: translateX(-50%);
+  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.568);
+}
+
+#client img {
+  position: relative;
+  height: 99%;
+  left: -42.5%;
+  aspect-ratio: 1/1;
+}
+
+#client h1 {
+  position: relative;
+  top: -100%;
+  left: 17%;
+  font-size: 22px;
+  font-weight: normal;
+  text-align: left;
+  font-family: mc;
+}
+
+#client p {
+  position: relative;
+  top: -110%;
+  left: 17%;
+  font-size: 20px;
+  font-weight: normal;
+  color: lightgray;
+  text-align: left;
+}
+
+.github-link {
+  color: white;
+}
+
+#playbtn {
+  position: relative;
+  left: .2%;
+  scale: 30%;
+  bottom: 500%;
+  background: rgba(0, 0, 0, 0.444);
+  display: none;
+  cursor: pointer;
+}
+
+#client a {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  z-index: 2;
+  background: none;
+}
+
+#client:hover {
+  outline: #f0f0f0 solid 3px;
+  background: rgba(0, 0, 0, 0.6);
+}
+
+.splash-text {
+  color: yellow;
+  text-shadow: 2px 2px 4px black;
+  font-size: 1.4em;
+  font: 600;
+}
+
+#toast {
+  background: rgba(0, 0, 0, 0.616);
+  color: white;
+  height: 20px;
+  width: 200px;
+  position: fixed;
+  right: -40%;
+  top: 2%;
+  padding: 20px 30px;
+  outline: 3px white solid;
+  text-align: center;
+  align-items: center;
+  vertical-align: middle;
+  transition: 0.5s cubic-bezier(0.215, 0.610, 0.610, 1);
+}
+
+li > * {
+  pointer-events: none;
+}
+
+button:disabled {
+  filter: brightness(0.77);
+}
+
+button:disabled:hover {
+  filter: brightness(0.77);
+  background: url("assets/btn-minecraft.png");
+  color: white;
+}
+
+#introVid {
+  height: 100vh;
+  width: 100vw;
+  position: fixed;
+  top: 0;
+  left: 50%;
+  transition: 0.3s;
+  background: white;
+  transform: translateX(-50%);
+  border: none;
+  outline: none;
+}
+
+#opening {
+  text-shadow: 2px 2px 2px transparent;
 }
--- a/index.html
+++ b/index.html
@ -1,50 +1,93 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="home.css">
-    <link rel="shortcut icon" href="assets/mc-logo.png" type="image/x-icon">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="home.css" />
+    <link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
    <title>Eaglercraft Extras</title>
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
-    rel="stylesheet">
-</head>
-<!-- Google tag (gtag.js) -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
+    <link
+      href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
+      rel="stylesheet"
+    />
+    <script src="sounds.js" defer></script>
+    <script src="index.js" defer></script>
+  </head>
+  <body>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"
+    ></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());

-  gtag('config', 'G-B23XL7G2NK');
-</script>
-<body>
+      gtag("config", "G-B23XL7G2NK");
+    </script>
+    <style>
+      body,
+      html {
+        background: url("assets/pano.png");
+        background-attachment: fixed;
+        background-size: cover;
+        background-repeat: repeat-x;
+        margin: 0;
+        animation: panorama 95s linear infinite;
+      }

-<ul>
-    <li><a style="margin-left: 5px;" class="active" href="index.html">Home</a></li>
-    <li><a href="clients.html">Clients</a></li>
-    <li><a href="worlds.html">Worlds</a></li>
-    <li><a href="packs.html">Resource Packs</a></li>
-    <li><a href="servers.html">Servers</a></li>
-    <li><a href="skins.html">Skins</a></li>
-    <li><a href="mc quick guide/index.html" target="_blank">Quick Guide</a></li>
-    <li style="float: right;"><a href="https://github.com/cobblesteve01/Eaglercraft-Extras" target="_blank"><img src="assets/github.png" style="height: 25px; color: white;" alt=""></a></li>
-</ul>
+      @keyframes panorama {
+        0% {
+          background-position: 0;
+        }

-<br><br><br><br>
-
-<div style="display: flex; justify-content: center;">
-    <img src="assets/mc-logo.png" style="height: 175px; margin-right: 25px;" alt="logo">
-    <h1 style="font-size: 42px; font-family: inter-bold; margin-top: 60px;">Eaglercraft Extras</h1>
-</div>
-
-<br><br>
-
-<div class="container">
-    <button class="big-button"><u>Announcements</u> <br><br>Eaglercraft 1.9, 1.11, 1.14, <br> Starlike, and 1.8-u39 are out now! <br> IP 2 for Time Legacy added</button>
-    <button class="big-button">Need Help?<br><br>Fill out an issue or a discussion! We'll be sure to get back to it.</button>
-</div>
-
-
-</body>
+        100% {
+          background-position: calc(100vh / 144 * -820);
+        }
+      }
+    </style>
+    <center>
+      <img
+        src="assets/title.png"
+        style="margin: -50px; margin-bottom: -100px; scale: auto"
+        alt="the-gay-ass-dev-who-made-us-use-a-fucking-image-made-me-do-this-shit-please-help-im-stuck-in-his-fucking-liveshare-and-in-his-basement-HELP.png"
+      />
+      <p class="splash-text">
+        Contact us on our anonymous form
+        <a
+          href="https://forms.gle/Aj2pX9dXKSRJMzRT8"
+          target="_blank"
+          class="github-link"
+          style="color: yellow;"
+          >here</a
+        >.
+      </p>
+      <div class="vflex">
+        <a href="clients.html" class="a">
+          <button class="button">Clients</button>
+        </a>
+        <a href="servers.html" class="a">
+          <button class="button">Servers</button>
+        </a>
+        <a href="packs.html" class="a">
+          <button class="button">Resource Packs</button>
+        </a>
+        <a href="worlds.html" class="a">
+          <button class="button" onmouseover="document.getElementById('hoversound').play()">Worlds</button>
+        </a>
+        <a href="skins.html" class="a">
+          <button disabled class="button">Skins (In Development)</button>
+        </a>
+        <a href="credits.html" target="blank" class="a">
+          <button class="button">Credits</button>
+        </a>
+      </div>
+    </center>
+    <div class="backdrop-blur"></div>
+    <video src="assets/intro.mp4" id="introVid">
+    </video>
+    <p id="opening" style="color: black; z-index: 100; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; text-shadow: transparent;">Please Click.</p>
+  </body>
 </html>
--- a/index.js
+++ b/index.js
@ -0,0 +1,26 @@
+const vid = document.getElementById("introVid");
+const p = document.getElementById("opening")
+console.debug(vid)
+p.style.display = "block";
+const menuMusic = new Audio("/assets/menu2.ogg")
+
+const seen = sessionStorage.getItem("seenVid")
+
+if (seen !== "true") {
+    document.addEventListener("click", () => {
+      vid.play();
+      p.style.display = "none";
+    });
+
+    vid.addEventListener("ended", () => {
+      vid.style.opacity = "0";
+      console.log("opacity set");
+      setTimeout(() => {
+          vid.style.display = "none";
+          sessionStorage.setItem("seenVid", "true")
+      }, 300); // small delay so opacity fade is visible
+    });
+} else {
+  vid.style.display = "none"
+  p.style.display = "none"
+}
--- a/installguide.md
+++ b/installguide.md
@ -0,0 +1,15 @@
+# How to install Worlds
+
+To start, simply download the file
+
+### If the file ends in .epk
+1. Go to your Eaglercraft client of choice
+2. Click **Singleplayer**
+3. Then click **Create New World**
+4. Now click **Load EPK File** and select the downloaded file
+
+### If the file ends in .zip
+1. Go to your Eaglercraft client of choice
+2. Click **Singleplayer**
+3. Then click **Create New World**
+4. Now click **Import Vanilla World** and select the downloaded file
--- a/loader.js
+++ b/loader.js
@ -0,0 +1,76 @@
+/*
+client json loader
+(c) 2025: x8r and the eaglercraft extras team
+licensed under gnu gpl v3
+
+https://www.gnu.org/licenses/gpl-3.0.en.html
+https://github.com/x8rr/
+https://github.com/eaglercraftextras/
+*/
+
+// set up globals
+let res;
+let data;
+
+// get doms
+const clientsList = document.getElementById("clients");
+
+// get json
+async function getJSON(v) {
+  res = await fetch(`assets/json/${v}.json`);
+  data = await res.json();
+}
+
+// now load clients and append children
+function loadClients(v) {
+  getJSON(v)
+    .then(() => {
+      console.log(`Array: ${data}`);
+    })
+    .then(() => {
+      data.forEach((data) => {
+        // create new elements
+        const newClient = document.createElement("li");
+        const newTitle = document.createElement("h1");
+        const newVersion = document.createElement("p");
+        const newLink = document.createElement("a");
+        const newIcon = document.createElement("img");
+        const newPlaybtn = document.createElement("img");
+        const newAuthor = document.createElement("p");
+
+        // set attributes
+        newClient.setAttribute("id", "client");
+        newTitle.setAttribute("id", "title");
+        newVersion.setAttribute("id", "ver");
+        newLink.setAttribute("id", "link");
+        newIcon.setAttribute("id", "icon");
+        newPlaybtn.setAttribute("id", "playbtn");
+        newAuthor.setAttribute("id", "ver");
+
+        // update content
+        newTitle.textContent = data.name;
+        newVersion.textContent = `Version: ${data.version}`;
+        newAuthor.textContent = `Author: ${data.author}`;
+        newLink.href = data.url;
+        newIcon.src = data.icon;
+
+        // move elements into list
+        clientsList.appendChild(newClient);
+        newClient.appendChild(newIcon);
+        newClient.appendChild(newTitle);
+        newClient.appendChild(newVersion);
+        newClient.appendChild(newAuthor);
+        newIcon.appendChild(newLink);
+        newClient.appendChild(newLink);
+        newLink.appendChild(newPlaybtn);
+      });
+    });
+}
+
+if (window.location.href.includes("1.8.html")) {
+    loadClients("1.8");
+} else if (window.location.href.includes("1.5.html")) {
+    loadClients("1.5");
+} else {
+    loadClients("1.3");
+}
--- a/guide/index.html
+++ b/guide/index.html
@ -1,216 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" class="translated-ltr"><head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Minecraft Quick Guide</title>
-    <link rel="shortcut icon" href="images/knowledge_book.png" type="image/x-icon">
-    <link rel="stylesheet" href="style.css">
-    <link rel="stylesheet" href="fonts/inter.css">
-<link type="text/css" rel="stylesheet" charset="UTF-8" href="https://www.gstatic.com/_/translate_http/_/ss/k=translate_http.tr.26tY-h6gH9w.L.W.O/am=AgM/d=0/rs=AN8SPfrixlL1amy8r1f0UQHcZ2HL9amUjg/m=el_main_css"></head>
-
-<body>
-    
-    <header>
-        <img src="images/knowledge_book.png" width="48px">
-        <h1><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Minecraft Quick Guide</font></font></h1>
-        <a href="/" style="font-weight: 600; background-color: #363636;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Potions</font></font></a>
-        <!--<a href="#">Зачарования</a>
-        <a href="#">Рецепты</a>-->
-    </header>
-
-    <div style="width: 100%; height: 64px; user-select: none;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">none</font></font></div>
-
-    <section>
-        <h2><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Potions</font></font></h2>
-        <ul>
-            <li><img src="images/redstone.png"> <b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Redstone</font></font></b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> increases the duration of effects. Weakens enhanced potions.</font></font></li>
-            <li><img src="images/glowstone_dust.png"> <b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Glowstone Dust</font></font></b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> enhances effects, but reduces their duration.</font></font></li>
-            <li><img src="images/gunpowder.png"> <b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Gunpowder</font></font></b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> makes potions explosive.</font></font></li>
-            <li><img src="images/dragon_breath.png"> <b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Dragon's Breath</font></font></b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> makes potions foggy (settling).</font></font></li>
-        </ul>
-        <table>
-            <!-- Header -->
-            <tbody><tr>
-                <th rowspan="2"></th>
-                <th rowspan="2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Name</font></font></th>
-                <th colspan="3"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Effect (duration)</font></font></th>
-                <th rowspan="2"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Recipe</font></font></th>
-            </tr>
-            <tr>
-                <th width="20%"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">No amplifiers</font></font></th>
-                <th width="20%"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">+</font></font><img src="images/redstone.png"></th>
-                <th width="20%"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">+</font></font><img src="images/glowstone_dust.png"></th>
-            </tr>
-
-            <!-- Мутное зелье -->
-            <tr>
-                <td><img src="images/potions/water_bottle.png"></td>
-                <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Akward Potion</font></font></td>
-                <td><span style="color: #aaaaaa"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">No effect</font></font></span></td>
-                <td><span style="color: #aaaaaa"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">—</font></font></span></td>
-                <td><span style="color: #aaaaaa"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">—</font></font></span></td>
-                <td><ul>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Base:</font></font></b> <img src="images/potions/water_bottle.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Water Bottle</font></font></li>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Ingredient:</font></font></b> <img src="images/nether_wart.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Nether Wart</font></font></li>
-                </ul></td>
-            </tr>
-
-            <!-- Зелье ночного зрения -->
-            <tr>
-                <td><img src="images/potions/night_vision_potion.png"></td>
-                <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Night Vision Potion</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Night Vision (3:00):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Allows you to see much better in the dark.</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Night Vision (8:00):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Allows you to see much better in the dark.</font></font></td>
-                <td><span style="color: #aaaaaa"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">—</font></font></span></td>
-                <td><ul>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Base:</font></font></b> <img src="images/potions/water_bottle.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Akward Potion</font></font></li>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Ingredient:</font></font></b> <img src="images/golden_carrot.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Golden Carrot</font></font></li>
-                </ul></td>
-            </tr>
-
-            <!-- Зелье невидимости -->
-            <tr>
-                <td><img src="images/potions/invisibility_potion.png"></td>
-                <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Invisibility potion</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Invisibility (3:00):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> The player becomes invisible.</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Invisibility (8:00):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> The player becomes invisible.</font></font></td>
-                <td style="color: #aaa"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">—</font></font></td>
-                <td><ul>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Base:</font></font></b> <img src="images/potions/water_bottle.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Akward Potion</font></font></li>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Ingredient:</font></font></b> <img src="images/fermented_spider_eye.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Pickled Spider Eye</font></font></li>
-                </ul></td>
-            </tr>
-
-            <!-- Зелье прыгучести -->
-            <tr>
-                <td><img src="images/potions/leaping_potion.png"></td>
-                <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Potion of Jumping</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Jumping (3:00):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Allows you to jump ½ block higher.</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Jumping (8:00):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Allows you to jump ½ block higher.</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Jumping II (1:30):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Allows you to jump 1 ¼ blocks higher.</font></font></td>
-                <td><ul>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Base:</font></font></b> <img src="images/potions/water_bottle.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Akward Potion</font></font></li>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Ingredient:</font></font></b> <img src="images/rabbit_foot.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> rabbit's foot</font></font></li>
-                </ul></td>
-            </tr>
-
-            <!-- Зелье огнестойкости -->
-            <tr>
-                <td><img src="images/potions/fire_resistance_potion.png"></td>
-                <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Potion of Fire Resistance</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Fire Resistance (3:00):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Immunity to damage from lava, magma blocks, bonfires, and efreeti alike.</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Fire Resistance (8:00):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Immunity to damage from lava, magma blocks, bonfires, and efreeti alike.</font></font></td>
-                <td style="color: #aaa"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">—</font></font></td>
-                <td><ul>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Base:</font></font></b> <img src="images/potions/water_bottle.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Akward Potion</font></font></li>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Ingredient:</font></font></b> <img src="images/rabbit_foot.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Magma Clump</font></font></li>
-                </ul></td>
-            </tr>
-            <!-- Зелье стремительности -->
-            <tr>
-                <td><img src="images/potions/swiftness_potion.png"></td>
-                <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Potion of Swiftness</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Speed (3:00):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Increases movement speed by 20%.</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Speed (8:00):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Increases movement speed by 20%.</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Speed II (1:30):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Increases movement speed by 40%.</font></font></td>
-                <td><ul>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Base:</font></font></b> <img src="images/potions/water_bottle.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Akward Potion</font></font></li>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Ingredient:</font></font></b> <img src="images/sugar.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> sugar</font></font></li>
-                </ul></td>
-            </tr>
-            <!-- Зелье водного дыхания -->
-            <tr>
-                <td><img src="images/potions/water_breathing_potion.png"></td>
-                <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Water Breathing Potion</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Water Breathing (3:00):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Allows you to not breathe underwater.</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Water Breathing (8:00):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Allows you to avoid breathing underwater.</font></font></td>
-                <td style="color: #aaa"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">—</font></font></td>
-                <td><ul>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Base:</font></font></b> <img src="images/potions/water_bottle.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Akward Potion</font></font></li>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Ingredient:</font></font></b> <img src="images/pufferfish.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Pufferfish</font></font></li>
-                </ul></td>
-            </tr>
-            <!-- Зелье исцеления -->
-            <tr>
-                <td><img src="images/potions/healing_potion.png"></td>
-                <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Healing Potion</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Healing:</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> +4 units. health ( </font></font><img src="images/full_heart.png" id="h"><img src="images/full_heart.png" id="h"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">).</font></font></td>
-                <td style="color: #aaa"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">—</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Healing II:</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> +8 units. health ( </font></font><img src="images/full_heart.png" id="h"><img src="images/full_heart.png" id="h"><img src="images/full_heart.png" id="h"><img src="images/full_heart.png" id="h"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">)</font></font></td>
-                <td><ul>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Base:</font></font></b> <img src="images/potions/water_bottle.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Akward Potion</font></font></li>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Ingredient:</font></font></b> <img src="images/glistering_melon_slice.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Sparkling Watermelon Slice</font></font></li>
-                </ul></td>
-            </tr>
-            <!-- Зелье регенерации -->
-            <tr>
-                <td><img src="images/potions/regeneration_potion.png"></td>
-                <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Regeneration Potion</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Regeneration (0:45):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Restores 1 unit. health ( </font></font><img src="images/half_heart.png" id="h"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">) every 2.5 seconds.</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Regeneration (1:30):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Restores 1 unit. health ( </font></font><img src="images/half_heart.png" id="h"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">) every 2.5 seconds.</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Regeneration II (0:22):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Restores 1 unit. health ( </font></font><img src="images/half_heart.png" id="h"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">) every 1.2 seconds.</font></font></td>
-                <td><ul>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Base:</font></font></b> <img src="images/potions/water_bottle.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Akward Potion</font></font></li>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Ingredient:</font></font></b> <img src="images/ghast_tear.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Ghast Tear</font></font></li>
-                </ul></td>
-            </tr>
-            <!-- Зелье силы -->
-            <tr>
-                <td><img src="images/potions/strength_potion.png"></td>
-                <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Potion of Strength</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Strength (3:00):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Increases the player's damage dealt by 3.</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Strength (8:00):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Increases the player's damage dealt by 3.</font></font></td>
-                <td><b style="color: #5555ff"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Strength II (1:30):</font></font></b><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Increases the player's damage dealt by 6.</font></font></td>
-                <td><ul>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Base:</font></font></b> <img src="images/potions/water_bottle.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Akward Potion</font></font></li>
-                    <li><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Ingredient:</font></font></b> <img src="images/blaze_powder.png"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> Fire Powder</font></font></li>
-                </ul></td>
-
-        </tbody></table>
-    </section>
-
-    <div id="madebythundiverter">
-        Made by <a href="https://thundiverter.github.io">Thundiverter</a> &nbsp; &nbsp; Translated by <a href="https://cobblesteve01.github.io" target="_blank">cobblesteve01</a>
-    </div>
-
-<!-- Code injected by live-server -->
-<script>
-// <![CDATA[  <-- For SVG support
-if ('WebSocket' in window) {
-    (function () {
-        function refreshCSS() {
-            var sheets = [].slice.call(document.getElementsByTagName("link"));
-            var head = document.getElementsByTagName("head")[0];
-            for (var i = 0; i < sheets.length; ++i) {
-                var elem = sheets[i];
-                var parent = elem.parentElement || head;
-                parent.removeChild(elem);
-                var rel = elem.rel;
-                if (elem.href && typeof rel != "string" || rel.length == 0 || rel.toLowerCase() == "stylesheet") {
-                    var url = elem.href.replace(/(&|\?)_cacheOverride=\d+/, '');
-                    elem.href = url + (url.indexOf('?') >= 0 ? '&' : '?') + '_cacheOverride=' + (new Date().valueOf());
-                }
-                parent.appendChild(elem);
-            }
-        }
-        var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://';
-        var address = protocol + window.location.host + window.location.pathname + '/ws';
-        var socket = new WebSocket(address);
-        socket.onmessage = function (msg) {
-            if (msg.data == 'reload') window.location.reload();
-            else if (msg.data == 'refreshcss') refreshCSS();
-        };
-        if (sessionStorage && !sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer')) {
-            console.log('Live reload enabled.');
-            sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer', true);
-        }
-    })();
-}
-else {
-    console.error('Upgrade your browser. This Browser is NOT supported WebSocket for Live-Reloading.');
-}
-// ]]>
-</script><div id="goog-gt-tt" class="VIpgJd-yAWNEb-L7lbkb skiptranslate" style="border-radius: 12px; margin: 0 0 0 -23px; padding: 0; font-family: 'Google Sans', Arial, sans-serif;" data-id=""><div id="goog-gt-vt" class="VIpgJd-yAWNEb-hvhgNd"><div class=" VIpgJd-yAWNEb-hvhgNd-l4eHX-i3jM8c"><img src="https://fonts.gstatic.com/s/i/productlogos/translate/v14/24px.svg" width="24" height="24" alt=""></div><div class=" VIpgJd-yAWNEb-hvhgNd-k77Iif-i3jM8c"><div class="VIpgJd-yAWNEb-hvhgNd-IuizWc" dir="ltr">Original text</div><div id="goog-gt-original-text" class="VIpgJd-yAWNEb-nVMfcd-fmcmS VIpgJd-yAWNEb-hvhgNd-axAV1"></div></div><div class="VIpgJd-yAWNEb-hvhgNd-N7Eqid ltr"><div class="VIpgJd-yAWNEb-hvhgNd-N7Eqid-B7I4Od ltr" dir="ltr"><div class="VIpgJd-yAWNEb-hvhgNd-UTujCb">Rate this translation</div><div class="VIpgJd-yAWNEb-hvhgNd-eO9mKe">Your feedback will be used to help improve Google Translate</div></div><div class="VIpgJd-yAWNEb-hvhgNd-xgov5 ltr"><button id="goog-gt-thumbUpButton" type="button" class="VIpgJd-yAWNEb-hvhgNd-bgm6sf" title="Good translation" aria-label="Good translation" aria-pressed="false"><span id="goog-gt-thumbUpIcon"><svg width="24" height="24" viewBox="0 0 24 24" focusable="false" class="VIpgJd-yAWNEb-hvhgNd-THI6Vb NMm5M"><path d="M21 7h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 0S7.08 6.85 7 7H2v13h16c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73V9c0-1.1-.9-2-2-2zM7 18H4V9h3v9zm14-7l-3 7H9V8l4.34-4.34L12 9h9v2z"></path></svg></span><span id="goog-gt-thumbUpIconFilled"><svg width="24" height="24" viewBox="0 0 24 24" focusable="false" class="VIpgJd-yAWNEb-hvhgNd-THI6Vb NMm5M"><path d="M21 7h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 0S7.08 6.85 7 7v13h11c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73V9c0-1.1-.9-2-2-2zM5 7H1v13h4V7z"></path></svg></span></button><button id="goog-gt-thumbDownButton" type="button" class="VIpgJd-yAWNEb-hvhgNd-bgm6sf" title="Poor translation" aria-label="Poor translation" aria-pressed="false"><span id="goog-gt-thumbDownIcon"><svg width="24" height="24" viewBox="0 0 24 24" focusable="false" class="VIpgJd-yAWNEb-hvhgNd-THI6Vb NMm5M"><path d="M3 17h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 24s7.09-6.85 7.17-7h5V4H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2zM17 6h3v9h-3V6zM3 13l3-7h9v10l-4.34 4.34L12 15H3v-2z"></path></svg></span><span id="goog-gt-thumbDownIconFilled"><svg width="24" height="24" viewBox="0 0 24 24" focusable="false" class="VIpgJd-yAWNEb-hvhgNd-THI6Vb NMm5M"><path d="M3 17h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 24s7.09-6.85 7.17-7V4H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2zm16 0h4V4h-4v13z"></path></svg></span></button></div></div><div id="goog-gt-votingHiddenPane" class="VIpgJd-yAWNEb-hvhgNd-aXYTce"><form id="goog-gt-votingForm" action="//translate.googleapis.com/translate_voting?client=te_lib" method="post" target="votingFrame" class="VIpgJd-yAWNEb-hvhgNd-aXYTce"><input type="text" name="sl" id="goog-gt-votingInputSrcLang"><input type="text" name="tl" id="goog-gt-votingInputTrgLang"><input type="text" name="query" id="goog-gt-votingInputSrcText"><input type="text" name="gtrans" id="goog-gt-votingInputTrgText"><input type="text" name="vote" id="goog-gt-votingInputVote"></form><iframe name="votingFrame" frameborder="0"></iframe></div></div></div>
-
-
-</body></html>
--- a/guide/style.scss
+++ b/guide/style.scss
@ -1,78 +0,0 @@
-body {
-    margin: 0;
-    font-family: Inter;
-    background-color: #121212;
-}
-
-header {
-    position: fixed;
-    display: flex;
-    width: 100%;
-    flex-direction: row; justify-content: flex-start; align-items: center;
-    background-color: #1F1F1F;
-    box-shadow: 1px 7px 5px -3px rgba(0, 0, 0, 0.35);
-
-    img { margin: 8px 8px 8px 24px; }
-    h1 { margin: 8px 24px 8px 0px; font-size: 20px; color: #fff; }
-
-    a {
-        margin: 8px 4px 8px 4px; padding: 12px 18px 12px 18px;
-        border-radius: 4px;
-        font-size: 16px;
-        color: #fff; text-decoration: none;
-        &:hover { background-color: #2D2D2D; }
-        &:active { background-color: #363636; }
-    }
-}
-
-section {
-    max-width: 1280px;
-    margin: 6px auto 6px auto;
-    color: #fff;
-    h2 { font-size: 36px; margin: 32px 0px 0px 0px; }
-}
-
-table {
-    width: 100%;
-    text-align: left;
-    overflow-x: scroll;
-    img { display: inline-block; vertical-align: middle; width: 32px;
-        &#h { width: 18px; }
-    }
-    th { background-color: #242424; font-weight: bold; padding: 12px;
-    }
-    td { background-color: #1D1D1D; padding: 12px; }
-}
-
-ul li { list-style-type: square;
-    img { display: inline-block; vertical-align: middle; width: 32px; }
-}
-
-#madebythundiverter {
-    width: 100%;
-    margin-top: 32px;
-    padding: 12px 0px 12px 0px;
-    background-color: #1F4E79;
-    color: #fff; font-size: 90%;
-    text-align: center;
-    a { color: #fff; text-decoration: none;
-        &:hover { text-decoration: underline; }
-    }
-}
-
-/* SCROLLBAR */
-::-webkit-scrollbar {
-    width: 16px;
-}
-::-webkit-scrollbar-track {
-    background: none;
-} 
-::-webkit-scrollbar-thumb {
-    background: #212121;
-}
-::-webkit-scrollbar-thumb:hover {
-    background: #242424;
-}
-::-webkit-scrollbar-thumb:active {
-    background: #2C2C2C;
-}
--- a/misc/warning.html
+++ b/misc/warning.html
@ -4,7 +4,7 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>N0VA CLIENT</title>
-    <link rel="shortcut icon" href="assets/mc-logo.png" type="image/x-icon">
+    <link rel="shortcut icon" href="assets/icon.png" type="image/x-icon">
    <link rel="stylesheet" href="home.css">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
      rel="stylesheet">
@ -17,8 +17,8 @@
    <li><a href="worlds.html">Worlds</a></li>
    <li><a href="packs.html">Resource Packs</a></li>
    <li><a href="servers.html">Servers</a></li>
-    <li><a href="mc quick guide/index.html" target="_blank">Quick Guide</a></li>
-    <li style="float: right;"><a href="https://github.com/cobblesteve01/Eaglercraft-Extras" target="_blank"><img src="assets/github.png" style="height: 25px; color: white;" alt=""></a></li>
+    <li><a href="quickguide/index.html" target="_blank">Quick Guide</a></li>
+    
 </ul>

 <br><br><br>
@ -27,13 +27,13 @@

 <br>

-<p align="center" style="font-size: 20px; font-family: inter-medium;">Before you go, we want to tell you that this client's voicechat<br>feature is <b>not</b> completely safe and could leak<br>your IP address. Proceed with caution!</p>
+<p align="center" style="font-size: 20px; font-family: mc;">Before you go, we want to tell you that this client's voicechat<br>feature is <b>not</b> completely safe and could leak<br>your IP address. Proceed with caution!</p>

 <br><br>

 <div class="container">
    <a href="clients.html">
-        <button class="button" style="background-color: dodgerblue; border-width: 0; margin: 5px;">Back to Safety</button>
+        <button class="button" style="background-color: #008000; border-width: 0; margin: 5px;">Back to Safety</button>
    </a>
    
    <a href="clients/1.5/N0VA CLIENT.html">
--- a/mobile.html
+++ b/mobile.html
@ -1,38 +1,88 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Mobile Clients</title>
-    <link rel="shortcut icon" href="assets/mc-logo.png" type="image/x-icon">
-    <link rel="stylesheet" href="home.css">
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
-</head>
-<!-- Google tag (gtag.js) -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
+    <link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
+    <link rel="stylesheet" href="home.css" />
+    <link
+      href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
+      rel="stylesheet"
+    />
+  </head>
+  <!-- Google tag (gtag.js) -->
+  <script
+    async
+    src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"
+  ></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag() {
+      dataLayer.push(arguments);
+    }
+    gtag("js", new Date());

-  gtag('config', 'G-B23XL7G2NK');
-</script>
-<body>
-    
-<ul>
-    <li><a style="margin-left: 5px;" href="index.html">Home</a></li>
-    <li><a class="active" href="clients.html">Clients</a></li>
-    <li><a href="worlds.html">Worlds</a></li>
-    <li><a href="packs.html">Resource Packs</a></li>
-    <li><a href="servers.html">Servers</a></li>
-    <li><a href="skins.html">Skins</a></li>
-    <li><a href="mc quick guide/index.html" target="_blank">Quick Guide</a></li>
-    <li style="float: right;"><a href="https://github.com/cobblesteve01/Eaglercraft-Extras" target="_blank"><img src="assets/github.png" style="height: 25px; color: white;" alt=""></a></li>
-</ul>
+    gtag("config", "G-B23XL7G2NK");
+  </script>
+  <body>
+    <ul>
+      <li><a style="margin-left: 5px" href="index.html">Home</a></li>
+      <li><a class="active" href="clients.html">Clients</a></li>
+      <li><a href="worlds.html">Worlds</a></li>
+      <li><a href="packs.html">Resource Packs</a></li>
+      <li><a href="servers.html">Servers</a></li>
+      <li><a href="skins.html">Skins</a></li>
+      <li>
+        <a href="quickguide/index.html" target="_blank">Quick Guide</a>
+      </li>
+    </ul>

-<h1 align="center" style="font-size: 54px; margin-bottom: -10px; text-decoration: none">Mobile Clients</h1>
-<p align="center" style='font-family: inter-medium;'>There is only one 💀</p><br><br><br>
+    <h1
+      align="center"
+      style="font-size: 54px; margin-bottom: -10px; text-decoration: none"
+    >
+      Mobile Clients
+    </h1>
+    <p align="center" style="">There is only one 💀</p>
+    <br /><br /><br />

-<div class="container">
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">EaglercraftX<p style="font-size: 14px; padding-bottom: 15px; font-family: inter-medium">Author: Irv77</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px; font-family: inter-bold" href="mobile/index.html"><span class="material-icons-round">play_circle</span>&nbsp;Play</a></button><br>
-</div>
+    <div class="container">
+      <button
+        class="button"
+        style="
+          height: 200px;
+          margin: 15px;
+          cursor: unset;
+          font-family: mc;
+        "
+      >
+        EaglercraftX
+        <p
+          style="
+            font-size: 14px;
+            padding-bottom: 15px;
+            font-family: mc;
+          "
+        >
+          Author: Irv77
+        </p>
+        <a
+          class="play-hover"
+          style="
+            text-decoration: none;
+            color: white;
+            border-radius: 0px;
+            background-color: #008000;
+            padding: 10px;
+            padding-right: 40px;
+            padding-left: 40px;
+            font-family: mc;
+          "
+          href="mobile/index.html"
+          ><span class="material-icons-round">play_circle</span>&nbsp;Play</a
+        ></button
+      ><br />
+    </div>
+  </body>
+</html>
--- a/packs.html
+++ b/packs.html
@ -1,56 +1,72 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="home.css" />
+    <link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
    <title>Resource Packs</title>
-    <link rel="shortcut icon" href="assets/mc-logo.png" type="image/x-icon">
-    <link rel="stylesheet" href="home.css">
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
-    rel="stylesheet">
-</head>
-<!-- Google tag (gtag.js) -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
+    <link
+      href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
+      rel="stylesheet"
+    />
+    <script src="sounds.js" defer></script>
+    <script src="packs.js" defer></script>
+  </head>
+  <body>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"
+    ></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());

-  gtag('config', 'G-B23XL7G2NK');
-</script>
-<body>
-    
-    <ul>
-        <li><a style="margin-left: 5px;" href="index.html">Home</a></li>
-        <li><a href="clients.html">Clients</a></li>
-        <li><a href="worlds.html">Worlds</a></li>
-        <li><a class="active" href="packs.html">Resource Packs</a></li>
-        <li><a href="servers.html">Servers</a></li>
-        <li><a href="skins.html">Skins</a></li>
-        <li><a href="mc quick guide/index.html" target="_blank">Quick Guide</a></li>
-        <li style="float: right;"><a href="https://github.com/cobblesteve01/Eaglercraft-Extras" target="_blank"><img src="assets/github.png" style="height: 25px; color: white;" alt=""></a></li>
-    </ul>
+      gtag("config", "G-B23XL7G2NK");
+    </script>
+    <style>
+      body,
+      html {
+        background: url("assets/pano.png");
+        background-attachment: fixed;
+        background-size: cover;
+        background-repeat: repeat-x;
+        margin: 0;
+        animation: panorama 95s linear infinite;
+      }

-<h1 align="center" style="font-size: 45px;">Resource Packs</h1>
-<p align="center" style="font-size: 15px; font-family: inter-semibold;">Feel free to download any of these! Please not that I did NOT make any of these packs.</p>
+      @keyframes panorama {
+        0% {
+          background-position: 0;
+        }

-<br><br>
-
-<div class="container">
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset;">Blue 128x <br><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; padding-left: 15px;" href="packs/! §9Blue §7Revamp §8§f128x§8.zip" download="§3§lBlue 128x §6[Eaglercraft]"><span class="material-icons-round" style='vertical-align: -3.5px; scale: 125%;'>file_download</span>&nbsp;Download</a></button><br>
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset;">Nebula 16x <br><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; padding-left: 15px;" href="packs/!      §bnebu§3l§ba §8[§f16§5x§8].zip" download="§5§lNebula 16x §6[Eaglercraft]"><span class="material-icons-round" style='vertical-align: -3.5px; scale: 125%;'>file_download</span>&nbsp;Download</a></button><br>
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset;">Nicofruit 16x <br><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; padding-left: 15px;" href="packs/!    §bNico§3Fruit §f[16x] (1).zip" download="§3§lNicoFruit 16x §6[Eaglercraft]"><span class="material-icons-round" style='vertical-align: -3.5px; scale: 125%;'>file_download</span>&nbsp;Download</a></button><br>
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset;">Bombie's 180k 16x <br><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; padding-left: 15px;" href="packs/!         §b§lBombies §8[§f180k§8].zip" download="§2§lBombie's 180k 16x §6[Eaglercraft]"><span class="material-icons-round" style='vertical-align: -3.5px; scale: 125%;'>file_download</span>&nbsp;Download</a></button><br>
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset;">Lunar 16x <br><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; padding-left: 15px;" href="packs/!       Lunar [§816x§f].zip" download="§lLunar 16x §6[Eaglercraft]"><span class="material-icons-round" style='vertical-align: -3.5px; scale: 125%;'>file_download</span>&nbsp;Download</a></button><br>
-</div>
-    
-<div class="container">
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset;">Fatcat 16x <br><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; padding-left: 15px;" href="packs/!     §bfat cat §f[§b16§7x§f].zip" download="§3§NicoFruit 16x §6[Eaglercraft]"><span class="material-icons-round" style='vertical-align: -3.5px; scale: 125%;'>file_download</span>&nbsp;Download</a></button><br>
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset;">Toxica 16x <br><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; padding-left: 15px;" href="packs/!                 §5tóxica §816x.zip" download="§d§Toxica16x §6[Eaglercraft]"><span class="material-icons-round" style='vertical-align: -3.5px; scale: 125%;'>file_download</span>&nbsp;Download</a></button><br>
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset;">XLEXXD v3 16x <br><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; padding-left: 15px;" href="packs/!  §bxlexxd v3 §8[§f16x§8].zip" download="§3XLEXXD v3 16x §6[Eaglercraft]"><span class="material-icons-round" style='vertical-align: -3.5px; scale: 125%;'>file_download</span>&nbsp;Download</a></button><br>
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset;">Dynamic Duo 32x <br><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; padding-left: 15px;" href="packs/! §bDynamic §7Duo §8Revamp §8[§732x§8].zip" download="§2§lDynamic Duo §6[Eaglercraft]"><span class="material-icons-round" style='vertical-align: -3.5px; scale: 125%;'>file_download</span>&nbsp;Download</a></button><br>
-    <button class="button" style="height: 200px; margin: 15px; cursor: unset;">Nebula 32x <br><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; padding-left: 15px;" href="packs/!      §bnebu§3l§ba §8[§f32§5x§8].zip" download="§5Nebula 32x §6[Eaglercraft]"><span class="material-icons-round" style='vertical-align: -3.5px; scale: 125%;'>file_download</span>&nbsp;Download</a></button><br>
-</div>
-
-</body>
+        100% {
+          background-position: calc(100vh / 144 * -820);
+        }
+      }
+    </style>
+    <center>
+      <h1 style="font-size: xxx-large; text-shadow: 2px 2px 2px black; margin-bottom: 0;">Resource Packs</h1>
+      <p class="splash-text">
+        <a
+          href="/"
+          class="github-link"
+          style="color: yellow; font-size: 17px; margin-top: -10px;"
+          >Back home</a
+        >
+      </p>
+      <div class="vflex" id="container" style="justify-content: center;">
+      <!--load clients into here-->
+      <div id="cclients">
+        <ul id="clients">
+          
+        </ul>
+      </div>
+    </div>
+    </center>
+    <div class="backdrop-blur"></div>
+  </body>
 </html>
--- a/packs.js
+++ b/packs.js
@ -0,0 +1,66 @@
+/*
+resource pack loader
+yes, this is reused code from loader.js
+(c) 2025: x8r and the eaglercraft extras team
+licensed under gnu gpl v3
+
+https://www.gnu.org/licenses/gpl-3.0.en.html
+https://github.com/x8rr/
+https://github.com/eaglercraftextras/
+*/
+
+// set up globals
+let res;
+let data;
+
+// get doms
+const clientsList = document.getElementById("clients");
+
+// get json
+async function getJSON() {
+  res = await fetch(`assets/json/packs.json`);
+  data = await res.json();
+}
+
+// now load clients and append children
+function loadClients(v) {
+  getJSON(v)
+    .then(() => {
+      console.log(`Array: ${data}`);
+    })
+    .then(() => {
+      data.forEach((data) => {
+        // create new elements
+        const newClient = document.createElement("li");
+        const newTitle = document.createElement("h1");
+        const newLink = document.createElement("a");
+        const newIcon = document.createElement("img");
+        const newPlaybtn = document.createElement("img");
+        const newAuthor = document.createElement("p");
+
+        // set attributes
+        newClient.setAttribute("id", "client");
+        newTitle.setAttribute("id", "title");
+        newLink.setAttribute("id", "link");
+        newIcon.setAttribute("id", "icon");
+        newPlaybtn.setAttribute("id", "playbtn");
+
+        // update content
+        newTitle.textContent = data.name;
+        newAuthor.textContent = `Author: ${data.author}`;
+        newLink.href = data.url;
+        newIcon.src = data.icon;
+
+        // move elements into list
+        clientsList.appendChild(newClient);
+        newClient.appendChild(newIcon);
+        newClient.appendChild(newTitle);
+        newClient.appendChild(newAuthor);
+        newIcon.appendChild(newLink);
+        newClient.appendChild(newLink);
+        newLink.appendChild(newPlaybtn);
+      });
+    });
+}
+
+loadClients()
--- a/quickguide/.gitattributes
+++ b/quickguide/.gitattributes
--- a/quickguide/fonts/Inter-Black.woff
+++ b/quickguide/fonts/Inter-Black.woff
--- a/quickguide/fonts/Inter-Black.woff2
+++ b/quickguide/fonts/Inter-Black.woff2
--- a/quickguide/fonts/Inter-BlackItalic.woff
+++ b/quickguide/fonts/Inter-BlackItalic.woff
--- a/quickguide/fonts/Inter-BlackItalic.woff2
+++ b/quickguide/fonts/Inter-BlackItalic.woff2
--- a/quickguide/fonts/Inter-Bold.woff
+++ b/quickguide/fonts/Inter-Bold.woff
--- a/quickguide/fonts/Inter-Bold.woff2
+++ b/quickguide/fonts/Inter-Bold.woff2
--- a/quickguide/fonts/Inter-BoldItalic.woff
+++ b/quickguide/fonts/Inter-BoldItalic.woff
--- a/quickguide/fonts/Inter-BoldItalic.woff2
+++ b/quickguide/fonts/Inter-BoldItalic.woff2
--- a/quickguide/fonts/Inter-ExtraBold.woff
+++ b/quickguide/fonts/Inter-ExtraBold.woff
--- a/quickguide/fonts/Inter-ExtraBold.woff2
+++ b/quickguide/fonts/Inter-ExtraBold.woff2
--- a/quickguide/fonts/Inter-ExtraBoldItalic.woff
+++ b/quickguide/fonts/Inter-ExtraBoldItalic.woff
--- a/quickguide/fonts/Inter-ExtraBoldItalic.woff2
+++ b/quickguide/fonts/Inter-ExtraBoldItalic.woff2
--- a/quickguide/fonts/Inter-Italic.woff
+++ b/quickguide/fonts/Inter-Italic.woff
--- a/quickguide/fonts/Inter-Italic.woff2
+++ b/quickguide/fonts/Inter-Italic.woff2
--- a/quickguide/fonts/Inter-Medium.woff
+++ b/quickguide/fonts/Inter-Medium.woff
--- a/quickguide/fonts/Inter-Medium.woff2
+++ b/quickguide/fonts/Inter-Medium.woff2
--- a/quickguide/fonts/Inter-MediumItalic.woff
+++ b/quickguide/fonts/Inter-MediumItalic.woff
--- a/quickguide/fonts/Inter-MediumItalic.woff2
+++ b/quickguide/fonts/Inter-MediumItalic.woff2
--- a/quickguide/fonts/Inter-Regular.woff
+++ b/quickguide/fonts/Inter-Regular.woff
--- a/quickguide/fonts/Inter-Regular.woff2
+++ b/quickguide/fonts/Inter-Regular.woff2
--- a/quickguide/fonts/Inter-SemiBold.woff
+++ b/quickguide/fonts/Inter-SemiBold.woff
--- a/quickguide/fonts/Inter-SemiBold.woff2
+++ b/quickguide/fonts/Inter-SemiBold.woff2
--- a/quickguide/fonts/Inter-SemiBoldItalic.woff
+++ b/quickguide/fonts/Inter-SemiBoldItalic.woff
--- a/quickguide/fonts/Inter-SemiBoldItalic.woff2
+++ b/quickguide/fonts/Inter-SemiBoldItalic.woff2
--- a/quickguide/fonts/Inter-italic.var.woff2
+++ b/quickguide/fonts/Inter-italic.var.woff2
--- a/quickguide/fonts/Inter.var.woff2
+++ b/quickguide/fonts/Inter.var.woff2
--- a/Show more
+++ b/Show more
Author	SHA1	Message	Date
codePugHacKEr	a95bc7641e	Update README.md	2025-10-07 16:48:34 +02:00
x8r	ae6e332cd2	Remove click playing	2025-09-21 19:12:59 -05:00
x8r	db9c37781b	Update Intro Movie	2025-09-21 19:01:19 -05:00
xor	45f5724a9e	Delete SECURITY.md	2025-09-21 11:51:48 -05:00
x8r	9feac53eaa	Try and fix dragonx?	2025-09-21 10:03:29 -05:00
x8r	1edd63bb5b	Fix pack authors	2025-09-21 09:55:06 -05:00
x8r	79e4bb9376	Update panorama length	2025-09-21 09:47:40 -05:00
x8r	ce4e62b8b3	Merge branch 'main' of https://github.com/x8rr/Eaglercraft-Extras	2025-09-21 09:33:08 -05:00
x8r	91ffcc3e59	Super Small Patches	2025-09-21 09:32:59 -05:00
SprintingSnail	a3ba9f596a	Update README.md	2025-09-21 09:24:34 -05:00
x8r	e805100ffb	Tiny patches	2025-09-21 08:49:14 -05:00
x8r	67acd6ea78	Fix launch movie	2025-09-20 16:12:40 -05:00
x8r	b91efeea8a	v2.1.0 - Build Kpz1VR Co-authored-by: SyntaxError52	2025-09-20 15:15:30 -05:00
x8r	ffd5390b22	change my name bro	2025-09-14 16:52:56 -05:00
x8r	d50214725e	remove v2 tag	2025-09-14 16:40:56 -05:00
x8r	34cf2ba582	Add server-status refreshing	2025-09-14 16:37:00 -05:00
x8r	bfc0ec0b6e	Fix the clients	2025-09-14 16:35:15 -05:00
x8r	e3fbed11e9	remove github icon	2025-09-14 16:17:17 -05:00
x8r	3dfca0cecf	Fix nova client	2025-09-14 16:16:45 -05:00
x8r	e13f4c59cb	Fix fonts	2025-09-14 16:15:56 -05:00
x8r	23204a4e69	Minor fixes for v2	2025-09-14 16:10:03 -05:00
xor	c750a1268a	Update README.md	2025-09-14 15:49:10 -05:00
x8r	8f9dd1aa5d	v2	2025-09-14 15:40:53 -05:00
andrew	21aa180b46	Update README.md	2025-03-13 18:44:17 -05:00
andrew	2083fb992f	Update README.md	2025-03-13 18:43:54 -05:00
cobblesteve-dev	3457846613	fix	2024-12-16 16:09:34 -06:00
andrew	9d789ff132	Update servers.html	2024-12-16 15:56:02 -06:00
SprintingSnail	743564b79c	Update README.md	2024-12-06 10:52:36 -06:00