Compare commits

...

14 commits

Author SHA1 Message Date
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
80 changed files with 2578 additions and 1849 deletions

125
1.3.html
View file

@ -3,85 +3,76 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>1.3 Clients</title>
<link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
<link rel="stylesheet" href="home.css" />
<link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
<title>1.3 Clients</title>
<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>
<!-- 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="quickguide/index.html" target="_blank">Quick Guide</a>
</li>
</ul>
<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());
<h1
align="center"
style="font-size: 54px; margin-bottom: -10px; text-decoration: none"
>
1.3 Clients
</h1>
<p align="center" style="font-family: font">There is only one 💀</p>
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;
}
<div class="container">
<button
class="button"
@keyframes panorama {
0% {
background-position: 0;
}
100% {
background-position: calc(100vh / 144 * -820);
}
}
</style>
<center>
<h1
style="
height: 200px;
margin: 15px;
cursor: unset;
font-family: font;
font-size: xxx-large;
text-shadow: 2px 2px 2px black;
margin-bottom: 0;
"
>
Eagler 1.3
<p
style="
font-size: 14px;
padding-bottom: 15px;
font-family: font;
"
>
Version: Eaglercraft 1.3
</p>
1.3 Clients
</h1>
<p class="splash-text">
<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: font;
"
href="eagler1.3.html"
><span class="material-icons-round">play_circle</span>&nbsp;Play</a
></button
><br />
</div>
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>

331
1.5.html
View file

@ -3,293 +3,70 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>1.5 Clients</title>
<link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
<link rel="stylesheet" href="home.css" />
<link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
<title>1.5 Clients</title>
<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>
<!-- 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="quickguide/index.html" target="_blank">Quick Guide</a>
</li>
</ul>
<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());
<h1
align="center"
style="font-size: 54px; margin-bottom: -10px; text-decoration: none"
>
1.5 Clients
</h1>
<p align="center" style="font-family: font">Take your pick.</p>
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;
}
<div class="container">
<button
class="button"
style="
height: 200px;
margin: 15px;
cursor: unset;
font-family: font;
"
>
Eagler 1.5
<p style="font-size: 14px; padding-bottom: 15px">
Version: Service Pack #1
</p>
@keyframes panorama {
0% {
background-position: 0;
}
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
class="play-hover"
style="
text-decoration: none;
color: white;
border-radius: 0px;
background-color: #008000;
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: font;
"
>
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: 0px;
background-color: #008000;
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: font;
"
>
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: 0px;
background-color: #008000;
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: font;
"
>
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: 0px;
background-color: #008000;
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: font;
"
>
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: 0px;
background-color: #008000;
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: font;
"
>
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: 0px;
background-color: #008000;
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: font;
"
>
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: 0px;
background-color: #008000;
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: font;
"
>
FuchsiaX
<p style="font-size: 14px; padding-bottom: 15px">FuchsiaX Web</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;
"
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: font;
"
>
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: 0px;
background-color: #008000;
padding: 10px;
padding-right: 40px;
padding-left: 40px;
"
href="clients/1.5/N0VA CLIENT.html"
><span class="material-icons-round">play_circle</span>&nbsp;Play</a
></button
><br />
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>

300
1.8.html
View file

@ -3,266 +3,70 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>1.8 Clients</title>
<link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
<link rel="stylesheet" href="home.css" />
<link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
<title>1.8 Clients</title>
<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>
<!-- 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="quickguide/index.html" target="_blank">Quick Guide</a>
</li>
</ul>
<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());
<h1
align="center"
style="font-size: 54px; margin-bottom: -10px; text-decoration: none"
>
1.8 Clients
</h1>
<p align="center" style="font-family: font">Take your pick.</p>
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 /><br />
@keyframes panorama {
0% {
background-position: 0;
}
<div class="container">
<button
class="button"
style="
height: 200px;
margin: 15px;
cursor: unset;
font-family: font;
"
>
EaglercraftX
<p
style="
font-size: 14px;
padding-bottom: 15px;
font-family: font;
"
>
Version: u34
</p>
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
class="play-hover"
style="
text-decoration: none;
color: white;
border-radius: 0px;
background-color: #008000;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 40px;
padding-left: 40px;
font-family: font;
"
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: font;
"
>
Shadow Client
<p
style="
font-size: 14px;
padding-bottom: 15px;
font-family: font;
"
href="/"
class="github-link"
style="color: yellow; font-size: 17px; margin-top: -10px;"
>Back home</a
>
Version: 3.0 (Beta)
</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: font;
"
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: font;
"
>
Starlike Client
<p
style="
font-size: 14px;
padding-bottom: 15px;
font-family: font;
"
>
Version: Unknown
</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: font;
"
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: font;
"
>
Pi Client
<p
style="
font-size: 14px;
padding-bottom: 15px;
font-family: font;
"
>
Version: 1.0 (First Release)
</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: font;
"
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: font;
"
>
DragonX Lite
<p
style="
font-size: 14px;
padding-bottom: 15px;
font-family: font;
"
>
Version: DragonX Lite
</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: font;
"
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: font;
"
>
DragonX
<p
style="
font-size: 14px;
padding-bottom: 15px;
font-family: font;
"
>
Version: DragonX V4
</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: font;
"
href="clients/1.8/DragonX_V4.html"
><span class="material-icons-round">play_circle</span>&nbsp;Play</a
></button
><br />
</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>

View file

@ -1,4 +1,4 @@
# Welcome to Eaglercraft Extras!
# 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!
@ -28,10 +28,10 @@ Here are some things about me:
- Learning JavaScript
- Barely knows JavaScript
### Hey there! I'm SprintingSnail69
### Hey there! I'm SprintingSnail69.
- Knows HTML, CSS, and a little JavaScript
- Learning more JavaScript
- Has a YouTube channel --> https://youtube.com/@SprintingSnail123
- Insane at Brawl Stars
- Has a YouTube channel --> https://youtube.com/@SprintingSnailBS
- Insane at Brawl Stars, Clash Royale, and Clash of Clans
### Thanks to Thundiverter for making the quickguide!

View file

@ -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.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

BIN
assets/Minecraft.woff2 Normal file

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
assets/btn-minecraft.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
assets/click.ogg Normal file

Binary file not shown.

BIN
assets/dirt.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

BIN
assets/home.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2 KiB

BIN
assets/hover.ogg Normal file

Binary file not shown.

BIN
assets/intro.mp4 Normal file

Binary file not shown.

0
assets/json/1.11.json Normal file
View file

0
assets/json/1.14.json Normal file
View file

9
assets/json/1.3.json Normal file
View file

@ -0,0 +1,9 @@
[
{
"name": "EaglercraftX 1.3",
"version": "Unknown",
"url": "/clients/1.3/eagler1.3.html",
"icon": "/assets/eaglercraftx.jpg",
"author": "lax1dude"
}
]

65
assets/json/1.5.json Normal file
View file

@ -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"
}
]

44
assets/json/1.8.json Normal file
View file

@ -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"
}
]

0
assets/json/1.9.json Normal file
View file

0
assets/json/mobile.json Normal file
View file

62
assets/json/packs.json Normal file
View file

@ -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"
}
]

8
assets/json/worlds.json Normal file
View file

@ -0,0 +1,8 @@
[
{
"name": "Skyblock",
"icon": "/worlds/images/skyblock.png",
"author": "x8r",
"url": "/worlds/Skyblock.epk"
}
]

BIN
assets/mcbold.otf Normal file

Binary file not shown.

BIN
assets/menu2.ogg Normal file

Binary file not shown.

Binary file not shown.

BIN
assets/minecraft_font.ttf Normal file

Binary file not shown.

BIN
assets/packs/blue128.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 848 KiB

BIN
assets/pano.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 131 KiB

BIN
assets/play.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

BIN
assets/precision.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

BIN
assets/servers/aeon.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 127 KiB

BIN
assets/servers/ap.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 486 KiB

BIN
assets/servers/arch.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
assets/servers/cc.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

BIN
assets/servers/clever.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 649 KiB

BIN
assets/servers/gg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7 KiB

BIN
assets/servers/mc.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 97 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
assets/servers/tl.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

BIN
assets/servers/zentic.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

BIN
assets/servers/zyth.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
assets/title.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 KiB

View file

@ -3,175 +3,64 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Clients</title>
<link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
<link rel="stylesheet" href="home.css" />
<link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
<title>Clients</title>
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
rel="stylesheet"
/>
<script src="sounds.js" defer></script>
</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="quickguide/index.html" target="_blank">Quick Guide</a>
</li>
</ul>
<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());
<br />
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: 40px">Choose your Version</h1>
@keyframes panorama {
0% {
background-position: 0;
}
<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: 0px;
background-color: #008000;
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: 0px;
background-color: #008000;
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: 0px;
background-color: #008000;
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: 0px;
background-color: #008000;
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: 0px;
background-color: #008000;
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: 0px;
background-color: #008000;
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: 0px;
background-color: #008000;
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>

View file

@ -11,7 +11,13 @@ Be aware that some server owners are lazy and do not update their client regular
Compile it yourself here: https://gitlab.com/lax1dude/eaglercraftx-1.8/
-->
<!--
Downloaded with Eaglercrack
dsc.gg/eaglercrackx
eaglercrackx.vercel.app
-->

File diff suppressed because one or more lines are too long

82
credits.html Normal file
View file

@ -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>

24
credits.txt Normal file
View file

@ -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

232
home.css
View file

@ -1,56 +1,71 @@
@font-face {
font-family: font;
src: url(assets/font.ttf);
font-family: mc;
src: url('/assets/Minecraft.woff2');
}
@font-face {
font-family: mc bold;
src: url('/assets/mcbold.otf');
}
h1 {
font-family: font;
font-family: mc;
}
a {
cursor: pointer;
}
body,
html {
background: url("/assets/panorama.png");
-webkit-backdrop-filter: brightness(0.9);
background: url("/assets/dirt.webp");
background-size: cover;
background-attachment: fixed;
color: white;
backdrop-filter: blur(15px);
overflow-x: hidden;
}
* {
font-family: font;
}
html {
filter: blur(0px);
font-family: mc;
font-weight: normal;
}
body {
filter: blur(0px);
backdrop-filter: blur(50px);
margin: 0;
}
h1, h2, p {
text-shadow: 2px 2px 2px black;
}
h2, h1 {
font-family: mc bold;
}
.button {
text-align: center;
border-radius: 00px;
height: 100px;
width: 250px;
font-size: 25px;
font-family: font;
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;
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;
transition: 0.2s;
margin: 5px;
color: white;
font-size: 17px;
text-align: center;
text-shadow: 1px 1px black;
}
.button:hover {
transform: translateY(-5px);
background: url('/assets/btn-minecraft-hover.png');
color: yellow;
background-size: cover;
background-repeat: no-repeat;
border: none;
filter: grayscale(0%);
}
a.play-hover {
@ -65,6 +80,8 @@ a.play-hover:hover {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.container {
@ -79,7 +96,7 @@ a.play-hover:hover {
height: 300px;
width: 455px;
font-size: 25px;
font-family: font;
font-family: mc;
color: white;
background-color: rgba(0, 0, 0, 0.7);
border-color: rgba(255, 255, 255, 0);
@ -110,7 +127,7 @@ a.play-hover:hover {
li {
display: inline;
float: left;
font-family: font;
font-family: mc;
vertical-align: 20px;
}
@ -124,12 +141,14 @@ li a {
transition: 0.2s;
margin-left: 5px;
margin-right: 5px;
font-family: font;
font-family: mc;
cursor: pointer;
}
li a:hover {
background-color: rgba(255, 255, 255, 0.233);
border-radius: 0px;
z-index: 9999999;
}
ul {
@ -139,10 +158,10 @@ ul {
overflow: hidden;
border-radius: 0px;
padding: 8px;
font-family: font;
font-family: mc;
position: sticky;
top: 1rem;
z-index: 9999;
z-index: 99999;
}
.active {
@ -160,7 +179,7 @@ ul {
height: 75px;
width: 200px;
font-size: 14px;
font-family: font;
font-family: mc;
color: white;
background-color: rgb(26, 26, 26);
border-color: rgba(255, 255, 255, 0);
@ -204,11 +223,9 @@ ul {
.status {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
background-color: rgb(58, 58, 58);
border-radius: 0px;
font-size: 18px;
text-align: left;
}
.online {
@ -241,16 +258,10 @@ ul {
padding-left: 20px;
padding-right: 20px;
border-radius: 0px;
cursor: pointer;
text-align: center;
transition: 0.2s ease;
border-radius: 0px;
}
.copyLink:hover {
filter: brightness(0.8);
}
.status.online span {
color: green;
}
@ -259,4 +270,137 @@ ul {
}
.status.unknown span {
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;
}

View file

@ -10,65 +10,84 @@
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>
<!-- 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" 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="quickguide/index.html" target="_blank">Quick Guide</a>
</li>
</ul>
<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());
<br /><br /><br /><br />
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;
}
<div style="display: flex; justify-content: center">
@keyframes panorama {
0% {
background-position: 0;
}
100% {
background-position: calc(100vh / 144 * -820);
}
}
</style>
<center>
<img
src="assets/icon.png"
style="height: 175px; margin-right: 25px"
alt="logo"
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">
<h1 style="font-size: 42px; font-family: font; margin-top: 00px">
Eaglercraft Extras
</h1>
<p style="margin-top: -22px; text-align: left">
The best place for Eaglercraft related things.
</p>
<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>
</div>
<br /><br />
<div class="container">
<button class="big-button" style="font-size: 20px; padding: 15px">
<b style="font-size: 30px">Announcements</b> <br /><br />The website has
been revamped in a Minecraft launcher style!
</button>
<button class="big-button" style="font-size: 20px; padding: 15px">
<b style="font-size: 30px">Need Help?</b><br /><br />Fill out an issue
or a discussion! We'll be sure to get back to it.
</button>
</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>

26
index.js Normal file
View file

@ -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"
}

15
installguide.md Normal file
View file

@ -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

76
loader.js Normal file
View file

@ -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");
}

View file

@ -27,7 +27,7 @@
<br>
<p align="center" style="font-size: 20px; font-family: font;">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>

View file

@ -44,7 +44,7 @@
>
Mobile Clients
</h1>
<p align="center" style="font-family: font">There is only one 💀</p>
<p align="center" style="">There is only one 💀</p>
<br /><br /><br />
<div class="container">
@ -54,7 +54,7 @@
height: 200px;
margin: 15px;
cursor: unset;
font-family: font;
font-family: mc;
"
>
EaglercraftX
@ -62,7 +62,7 @@
style="
font-size: 14px;
padding-bottom: 15px;
font-family: font;
font-family: mc;
"
>
Author: Irv77
@ -77,7 +77,7 @@
padding: 10px;
padding-right: 40px;
padding-left: 40px;
font-family: font;
font-family: mc;
"
href="mobile/index.html"
><span class="material-icons-round">play_circle</span>&nbsp;Play</a

View file

@ -3,270 +3,70 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Resource Packs</title>
<link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
<link rel="stylesheet" href="home.css" />
<link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
<title>Resource Packs</title>
<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>
<!-- 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 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="quickguide/index.html" target="_blank">Quick Guide</a>
</li>
</ul>
<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());
<h1 align="center" style="font-size: 45px">Resource Packs</h1>
<p align="center" style="font-size: 15px; font-family: font">
Feel free to download any of these! Please not that I did NOT make any of
these packs.
</p>
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 /><br />
@keyframes panorama {
0% {
background-position: 0;
}
<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: 0px;
background-color: #008000;
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: 0px;
background-color: #008000;
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: 0px;
background-color: #008000;
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: 0px;
background-color: #008000;
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: 0px;
background-color: #008000;
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 />
<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: 0px;
background-color: #008000;
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: 0px;
background-color: #008000;
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: 0px;
background-color: #008000;
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: 0px;
background-color: #008000;
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: 0px;
background-color: #008000;
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 />
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>

66
packs.js Normal file
View file

@ -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()

File diff suppressed because it is too large Load diff

View file

@ -1,78 +1,116 @@
body {
margin: 0;
font-family: Inter;
background-color: #121212;
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);
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; }
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; }
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; }
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; }
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; }
}
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; }
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; }
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;
width: 16px;
}
::-webkit-scrollbar-track {
background: none;
}
background: none;
}
::-webkit-scrollbar-thumb {
background: #212121;
background: #212121;
}
::-webkit-scrollbar-thumb:hover {
background: #242424;
background: #242424;
}
::-webkit-scrollbar-thumb:active {
background: #2C2C2C;
}
background: #2c2c2c;
}

View file

@ -1,274 +1,175 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Servers</title>
<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());
<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 Servers</title>
<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 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 class="active" 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>
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 Servers</h1>
<p align="center">Have fun! Thanks mcstatus.io for updating statuses. <br> <p align="center" style="font-size: 18px; font-weight: 500;">Using voicechat can leak your IP because of WebRTC issues!</p>
@keyframes panorama {
0% {
background-position: 0;
}
<br><br>
<div class="button-container">
<div class="container">
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="3b8d44b5-dbfb-4cf9-b4da-03d056d9f632-00-6rwn7z7ag2xt.picard.replit.dev">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">Play SMP</h1>
<p style="font-size: 17px;">Survival, Skywars, Duels</p>
<a class="status">Status: <span class="online">Online</span></a>
<br><br>
<a class="copyLink" data-link="wss://3b8d44b5-dbfb-4cf9-b4da-03d056d9f632-00-6rwn7z7ag2xt.picard.replit.dev"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="zentic.cc">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">Zentic</h1>
<p style="font-size: 17px;">Practice, Skywars, Bedwars</p>
<a class="status">Status: <span class="online">Online</span></a>
<br><br>
<a class="copyLink" data-link="zentic.cc"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="mc.arch.lol">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">ArchMC</h1>
<p style="font-size: 17px;">Survival, Bedwars, KitPVP</p>
<a class="status">Status: <span class="online">Online</span></a>
<br><br>
<a class="copyLink" data-link="wss://mc.arch.lol"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="play.aeon-network.net">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">Aeon Network</h1>
<p style="font-size: 17px;">Survival, Pitfall, Practice</p>
<a class="status">Status: <span class="offline">Offline</span></a>
<br><br>
<a class="copyLink" data-link="wss://aeon-network.net/1.8"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="legxndsmp.minecraft.pe">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">LegendSMP</h1>
<p style="font-size: 17px;">Survival</p>
<a class="status">Status: <span class="offline">Offline</span></a>
<br><br>
<a class="copyLink" data-link="wss://legxndsmp.minecraft.pe"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="helltech.cc">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">Helltech</h1>
<p style="font-size: 17px;">GGsmp, LostSMP, Chess</p>
<a class="status">Status: <span class="online">Online</span></a>
<br><br>
<a class="copyLink" data-link="wss://ggsmp.net/"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="java.clever-teaching.com">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">Clever</h1>
<p style="font-size: 17px;">Survival, Skyblock, Minigames, and more</p>
<a class="status">Status: <span class="online">Online</span></a>
<br><br>
<a class="copyLink" data-link="wss://clever-teaching.com/web/"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="ricejava-neutine.net">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">Rice Network</h1>
<p style="font-size: 17px;">Crystal PVP, Duels, Survival, Minigames</p>
<a class="status">Status: <span class="offline">Offline</span></a>
<br><br>
<a class="copyLink" data-link="wss://ricenetwork.neutine.net/"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="asianf4rmer.minecraft.pe">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">Asian SMP</h1>
<p style="font-size: 17px;">Survival</p>
<a class="status">Status: <span class="online">Online</span></a>
<br><br>
<a class="copyLink" data-link="wss://asianf4rmer.minecraft.pe"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="play.verise.xyz">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">Verise Anarchy</h1>
<p style="font-size: 17px;">Anarchy</p>
<a class="status">Status: <span class="offline">Offline</span></a>
<br><br>
<a class="copyLink" data-link="wss://verise.repl.co/"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="pvpclub.xyz">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">PVP Club</h1>
<p style="font-size: 17px;">Survival, PVP, Crystal FFA</p>
<a class="status">Status: <span class="offline">Offline</span></a>
<br><br>
<a class="copyLink" data-link="wss://play.pvpclub.xyz"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="intelle.cloud/">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">Rosalia</h1>
<p style="font-size: 17px;">Survival, Slime Fun</p>
<a class="status">Status: <span class="unknown">Unknown</span></a>
<br><br>
<a class="copyLink" data-link="wss://intelle.cloud/soccer"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="java.craftclue.rocks">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">Craftclue</h1>
<p style="font-size: 17px;">Anarchy</p>
<a class="status">Status: <span class="online">Online</span></a>
<br><br>
<a class="copyLink" data-link="wss://play.craftclue.rocks"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="mc.asspixel.net">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">A--Pixel</h1>
<p style="font-size: 17px;">Minigames</p>
<a class="status">Status: <span class="offline">Offline</span></a>
<br><br>
<a class="copyLink" data-link="wss://mc.asspixel.net"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="reading-gs.q13x.com">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">q13x</h1>
<p style="font-size: 17px;">Anarchy</p>
<a class="status">Status: <span class="offline">Offline</span></a>
<br><br>
<a class="copyLink" data-link="wss://reading-gs.q13x.com"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="sus.shhnowisnottheti.me">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">Creacraft</h1>
<p style="font-size: 17px;">Survival, Admin, Creative</p>
<a class="status">Status: <span class="unknown">Unknown</span></a>
<br><br>
<a class="copyLink" data-link="wss://sus.shhnowisnottheti.me"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="ep.rufan.tech">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">Time Legacy (IP 1)</h1>
<p style="font-size: 17px;">Skyblock</p>
<a class="status">Status: <span class="online">Online</span></a>
<br><br>
<a class="copyLink" data-link="wss://ep.rufan.tech"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="ep.rufan.tech">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">Time Legacy (IP 2)</h1>
<p style="font-size: 17px;">Skyblock</p>
<a class="status">Status: <span class="online">Online</span></a>
<br><br>
<a class="copyLink" data-link="wss://mc.time-legacy.net"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="x.mess.eu.org/">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">Messcraft</h1>
<p style="font-size: 17px;">Survival</p>
<a class="status">Status: <span class="offline">Offline</span></a>
<br><br>
<a class="copyLink" data-link="wss://x.mess.eu.org/"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="mcus1.dxomg.link">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">Dxomg Proxy</h1>
<p style="font-size: 17px;">Proxy for cracked Java servers</p>
<a class="status">Status: <span class="offline">Offline</span></a>
<br><br>
<a class="copyLink" data-link="wss://mcus1.dxomg.link"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="mc.gmod9.com">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">Gmod9 Anarchy</h1>
<p style="font-size: 17px;">Anarchy</p>
<a class="status">Status: <span class="unknown">Unknown</span></a>
<br><br>
<a class="copyLink" data-link="wss://mc.gmod9.com/wssconnect"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="mc.zyth.me">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">Zyth MC</h1>
<p style="font-size: 17px;">Bedwars</p>
<a class="status">Status: <span class="online">Online</span></a>
<br><br>
<a class="copyLink" data-link="wss://mc.zyth.me"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
<button class="button" style="height: 275px; margin-left: 10px; margin-right: 10px;" data-server="proxy.theludos.com/">
<h1 style="margin-bottom: -7px; margin-top: 5px; font-size: 30px;">Ludos Proxy</h1>
<p style="font-size: 17px;">Proxy for cracked Java servers</p>
<a class="status">Status: <span class="offline">Offline</span></a>
<br><br>
<a class="copyLink" data-link="wss://proxy.theludos.com/"><span class="material-icons-round" style="vertical-align: -3px; scale: 110%;">
content_copy
</span>&nbsp;Copy IP</a>
</button>
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 Servers
</h1>
<p class="splash-text" style="font-size: 19px;">
Click any server to copy the IP and refresh the status
<br><br>
<a
href="/"
class="github-link"
style="color: yellow; font-size: 17px; margin-top: -10px"
>Back home</a
>
<br>
</p>
<div class="vflex" id="container" style="justify-content: center">
<!--load clients into here-->
<div id="cclients">
<li id="client" class="copyLink" data-link="wss://mc.arch.lol" data-server="mc.arch.lol/">
<img id="icon" src="/assets/servers/arch.png" />
<h1 id="title">Arch MC</h1>
<p id="ver"><span class="status">Loading...</span></p>
<p id="author" style="font-size: 18px;">Survival, Bedwars, KitPVP, Duels</p>
</li>
<li id="client" class="copyLink" data-link="wss://zentic.cc" data-server="zentic.cc">
<img id="icon" src="/assets/servers/zentic.png" />
<h1 id="title">Zentic</h1>
<p id="ver"><span class="status">Loading...</span></p>
<p id="author" style="font-size: 18px;">Practice, Skywars, Bedwars</p>
</li>
<li id="client" class="copyLink" data-link="wss://aeon-network.net/1.8" data-server="play.aeon-network.net">
<img id="icon" src="/assets/servers/aeon.jpg" />
<h1 id="title">Aeon Network</h1>
<p id="ver"><span class="status">Loading...</span></p>
<p id="author" style="font-size: 18px;">Survival, Pitfall, Practice</p>
</li>
<li id="client" class="copyLink" data-link="wss://legxndsmp.minecraft.pe" data-server="legxndsmp.minecraft.pe">
<img id="icon" src="/assets/eaglercraftx.jpg" />
<h1 id="title">LegendSMP</h1>
<p id="ver"><span class="status">Loading...</span></p>
<p id="author" style="font-size: 18px;">Survival</p>
</li>
<li id="client" class="copyLink" data-link="wss://ggsmp.net/" data-server="ggsmp.net">
<img id="icon" src="/assets/servers/gg.png" />
<h1 id="title">GG SMP</h1>
<p id="ver"><span class="status">Loading...</span></p>
<p id="author" style="font-size: 18px;">Chess</p>
</li>
<li id="client" class="copyLink" data-link="wss://clever-teaching.com/web/" data-server="java.clever-teaching.com">
<img id="icon" src="/assets/servers/clever.png" />
<h1 id="title">Clever Teaching</h1>
<p id="ver"><span class="status">Loading...</span></p>
<p id="author" style="font-size: 18px;">Survival, Skyblock, Minigames, etc.</p>
</li>
<li id="client" class="copyLink" data-link="wss://ricenetwork.neutine.net/" data-server="ricejava-neutine.net">
<img id="icon" src="/assets/servers/ricenetwork.png" />
<h1 id="title">Rice Network</h1>
<p id="ver"><span class="status">Loading...</span></p>
<p id="author" style="font-size: 18px;">CrystalPVP, Duels, Survival, Minigames</p>
</li>
<li id="client" class="copyLink" data-link="wss://play.craftclue.rocks/" data-server="java.craftclue.rocks">
<img id="icon" src="/assets/servers/cc.png" />
<h1 id="title">Craftclue</h1>
<p id="ver"><span class="status">Loading...</span></p>
<p id="author" style="font-size: 18px;">Anarchy</p>
</li>
<li id="client" class="copyLink" data-link="wss://mc.asspixel.net/" data-server="mc.asspixel.net">
<img id="icon" src="/assets/servers/ap.png" />
<h1 id="title">Asspixel</h1>
<p id="ver"><span class="status">Loading...</span></p>
<p id="author" style="font-size: 18px;">Minigames</p>
</li>
<li id="client" class="copyLink" data-link="wss://sus.shhnowisnottheti.me/" data-server="sus.shhnowisnottheti.me">
<img id="icon" src="/assets/eaglercraftx.jpg" />
<h1 id="title">Creacraft</h1>
<p id="ver"><span class="status">Loading...</span></p>
<p id="author" style="font-size: 18px;">Survival, Admin, Creative</p>
</li>
<li id="client" class="copyLink" data-link="wss://ep.rufan.tech/" data-server="ep.rufan.tech">
<img id="icon" src="/assets/servers/tl.png" />
<h1 id="title">Time Legacy</h1>
<p id="ver"><span class="status">Loading...</span></p>
<p id="author" style="font-size: 18px;">Skyblock</p>
</li>
<li id="client" class="copyLink" data-link="wss://x.mess.eu.org" data-server="x.mess.eu.org">
<img id="icon" src="/assets/servers/mc.png" />
<h1 id="title">Messcraft</h1>
<p id="ver"><span class="status">Loading...</span></p>
<p id="author" style="font-size: 18px;">Survival</p>
</li>
<li id="client" class="copyLink" data-link="wss://mc.zyth.me/" data-server="mc.zyth.me">
<img id="icon" src="/assets/servers/zyth.png" />
<h1 id="title">Zyth MC</h1>
<p id="ver"><span class="status">Loading...</span></p>
<p id="author" style="font-size: 18px;">Bedwars</p>
</li>
</div>
</div>
</center>
<div class="backdrop-blur"></div>
<div id="toast" style="position: fixed;">
IP Copied!
</div>
<br>
<script>
function showToast(text) {
const toast = document.getElementById("toast")
toast.textContent = text
toast.style.right = "1%"
setTimeout(() => {
toast.style.right = "-40%"
}, 3000)
}
function copyToClipboard(text) {
const tempInput = document.createElement('input');
tempInput.value = text;
@ -277,7 +178,7 @@
tempInput.setSelectionRange(0, 99999);
document.execCommand('copy');
document.body.removeChild(tempInput);
alert('IP Copied!');
showToast("IP Copied!")
}
document.querySelectorAll('.copyLink').forEach(link => {
@ -302,13 +203,13 @@
})
.catch(error => {
console.error('Error fetching server status:', error);
statusElement.innerHTML = `Status: <span class="unknown">Unknown</span>`;
statusElement.innerHTML = `<span class="unknown">Failed to fetch data</span>`;
});
}
const buttons = document.querySelectorAll('.button');
const sbuttons = document.querySelectorAll('#client');
buttons.forEach(button => {
sbuttons.forEach(button => {
const serverAddress = button.dataset.server;
const statusElement = button.querySelector('.status');
button.addEventListener('click', () => {
@ -318,13 +219,12 @@
});
setInterval(() => {
buttons.forEach(button => {
sbuttons.forEach(button => {
const serverAddress = button.dataset.server;
const statusElement = button.querySelector('.status');
updateServerStatus(serverAddress, statusElement);
});
}, 60000);
}, 5000);
</script>
</body>
</body>
</html>

View file

@ -3,57 +3,70 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Skins</title>
<link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
<link rel="stylesheet" href="home.css" />
<link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
<title>Resource Packs</title>
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
rel="stylesheet"
/>
<script src="sounds.js" defer></script>
</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 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" class="active" style="background-color: gray"
>Skins</a
<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>
<center>
<h1 style="font-size: xxx-large; text-shadow: 2px 2px 2px black; margin-bottom: 0;">Skins</h1>
<p class="splash-text">
<a
href="/"
class="github-link"
style="color: yellow; font-size: 17px; margin-top: -10px;"
>Back home</a
>
</li>
<li>
<a href="quickguide/index.html" target="_blank">Quick Guide</a>
</li>
</ul>
<br /><br />
<center
style="
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, 150%);
"
>
<h1 style="font-size: xxx-large">Under Construction</h1>
<p>This page is currently being worked on.</p>
</p>
<div class="vflex" id="container" style="justify-content: center;">
<!--load clients into here-->
<div id="cclients">
<ul id="clients">
</ul>
</div>
</div>
<h1 style="font-family: mc;">Coming Soon!</h1>
</center>
<div class="backdrop-blur"></div>
</body>
</html>

BIN
skins/barbarian.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

BIN
skins/ee.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
skins/greenthing.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

BIN
skins/royal-recruit.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 648 B

170
sounds.js Normal file
View file

@ -0,0 +1,170 @@
/*
sounds.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/
*/
const buttons = document.querySelectorAll("a");
const clients = document.querySelectorAll("li")
var hoverSound = new Audio("/assets/hover.ogg");
var clickSound = new Audio("/assets/click.ogg");
buttons.forEach((button) => {
button.addEventListener("mouseenter", () => {
const sound = hoverSound.cloneNode(true);
sound.play();
console.debug("played")
});
});
buttons.forEach(function (button) {
button.addEventListener("click", (e) => {
e.preventDefault();
clickSound.play();
console.log(e.target.href);
setTimeout(() => {
window.location.href = button.href
}, 150);
});
});
if (window.location.href.includes("1.")) {
document.getElementById("clients").addEventListener("mouseover", (e) => {
const li = e.target.closest("li");
if (li) {
const sound = hoverSound.cloneNode(true);
sound.play();
console.debug("li hover sound");
}
});
document.getElementById("clients").addEventListener("click", (e) => {
const li = e.target.closest("li");
if (li) {
e.preventDefault();
clickSound.play();
const link = li.querySelector("a");
if (link) {
console.log(link.href);
setTimeout(() => {
window.location.href = link.href;
}, 150);
}
}
});
}
if (window.location.href.includes("1.")) {
document.getElementById("clients").addEventListener("mouseover", (e) => {
const li = e.target.closest("li");
if (li) {
const sound = hoverSound.cloneNode(true);
sound.play();
console.debug("li hover sound");
}
});
document.getElementById("clients").addEventListener("click", (e) => {
const li = e.target.closest("li");
if (li) {
e.preventDefault();
clickSound.play();
const link = li.querySelector("a");
if (link) {
console.log(link.href);
setTimeout(() => {
window.location.href = link.href;
}, 150);
}
}
});
}
if (window.location.href.includes("packs")) {
document.getElementById("clients").addEventListener("mouseover", (e) => {
const li = e.target.closest("li");
if (li) {
const sound = hoverSound.cloneNode(true);
sound.play();
console.debug("li hover sound");
}
});
document.getElementById("clients").addEventListener("click", (e) => {
const li = e.target.closest("li");
if (li) {
e.preventDefault();
clickSound.play();
const link = li.querySelector("a");
if (link) {
console.log(link.href);
setTimeout(() => {
window.location.href = link.href;
}, 150);
}
}
});
}
if (window.location.href.includes("servers")) {
document.getElementById("cclients").addEventListener("mouseover", (e) => {
const li = e.target.closest("li");
if (li) {
const sound = hoverSound.cloneNode(true);
sound.play();
console.debug("li hover sound");
}
});
document.getElementById("cclients").addEventListener("click", (e) => {
const li = e.target.closest("li");
if (li) {
e.preventDefault();
clickSound.play();
const link = li.querySelector("a");
if (link) {
console.log(link.href);
setTimeout(() => {
window.location.href = link.href;
}, 150);
}
}
});
}
if (window.location.href.includes("worlds")) {
document.getElementById("cclients").addEventListener("mouseover", (e) => {
const li = e.target.closest("li");
if (li) {
const sound = hoverSound.cloneNode(true);
sound.play();
console.debug("li hover sound");
}
});
document.getElementById("cclients").addEventListener("click", (e) => {
const li = e.target.closest("li");
if (li) {
e.preventDefault();
clickSound.play();
const link = li.querySelector("a");
if (link) {
console.log(link.href);
setTimeout(() => {
window.location.href = link.href;
}, 150);
}
}
});
}
const bgMusic = new Audio("/assets/menu2.ogg")
bgMusic.loop = true
bgMusic.play()

View file

@ -3,106 +3,77 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Worlds</title>
<link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
<link rel="stylesheet" href="home.css" />
<link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
<title>Worlds</title>
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
rel="stylesheet"
/>
<script src="sounds.js" defer></script>
<script src="worlds.js" defer></script>
</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 href="clients.html">Clients</a></li>
<li><a class="active" 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>
<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());
<h1
align="center"
style="font-size: 54px; margin-bottom: -10px; text-decoration: none"
>
Worlds
</h1>
<p align="center" style="font-family: font">
Made by the team. <br />
<b>NOTE:</b> If the file is a .zip, click Create New World, then do Import
Vanilla. If the world is a .epk file, use Load EPK
</p>
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;
}
<div class="container">
<button class="button" style="height: 275px; margin: 15px; cursor: unset">
<img
style="width: 200px; border-radius: 0px; margin-bottom: 30px"
src="worlds/images/skyblock.png"
alt="skyblock.png"
/><b>Skyblock</b><br /><br /><a
class="play-hover"
style="
text-decoration: none;
color: white;
border-radius: 0px;
background-color: #008000;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 15px;
padding-left: 15px;
"
href="worlds/Skyblock.epk"
download="Skyblock.epk"
><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: 275px; margin: 15px; cursor: unset">
<img
style="width: 200px; border-radius: 0px"
src="worlds/images/stampy.png"
alt="stampy's lovely world.png"
/><br /><b>Stampy's Lovely World</b><br /><br /><a
class="play-hover"
style="
text-decoration: none;
color: white;
border-radius: 0px;
background-color: #008000;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 15px;
padding-left: 15px;
"
href="worlds/Stampy's Lovely World.zip"
download="Stampy's Lovely World"
><span
class="material-icons-round"
style="vertical-align: -3.5px; scale: 125%"
>file_download</span
>&nbsp;Download</a
></button
><br />
@keyframes panorama {
0% {
background-position: 0;
}
100% {
background-position: calc(100vh / 144 * -820);
}
}
</style>
<center>
<h1 style="font-size: xxx-large; text-shadow: 2px 2px 2px black; margin-bottom: 0;">Worlds</h1>
<p class="splash-text">
<a
href="/"
class="github-link"
style="color: yellow; font-size: 17px; margin-top: -10px;"
>Back home</a
><br>
<a
href="/installguide.md"
class="github-link"
target="_blank"
style="color: yellow; font-size: 17px; margin-top: -10px;"
>Install Guide</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>

66
worlds.js Normal file
View file

@ -0,0 +1,66 @@
/*
world 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/worlds.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();