codePugHacKEr/Eaglercraft-Extras
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

v2.1.0 - Build Kpz1VR

Browse source 
Co-authored-by: SyntaxError52
This commit is contained in:
x8r 2025-09-20 15:15:30 -05:00
commit b91efeea8a
65 changed files with 2460 additions and 1725 deletions
Download patch file Download diff file Expand all files Collapse all files

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 75s 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 75s 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>

BIN
assets/Minecraft.woff2 Normal file
View file

Binary file not shown.

BIN
assets/btn-minecraft-hover.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
assets/btn-minecraft.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
assets/click.ogg Normal file
View file

Binary file not shown.

BIN
assets/dirt.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
assets/font.ttf
View file

Binary file not shown.

BIN
assets/home.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

BIN
assets/hover.ogg Normal file
View file

Binary file not shown.

BIN
assets/intro.mp4 Normal file
View 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": "u51",
"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": "Unknown",
"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": "Latenci",
"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": "xlexxdd",
"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/menu2.ogg Normal file
View file

Binary file not shown.

BIN
assets/minecraft-regular.ttf Normal file
View file

Binary file not shown.

BIN
assets/minecraft_font.ttf Normal file
View file

Binary file not shown.

BIN
assets/packs/blue128.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 848 KiB

BIN
assets/pano.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 131 KiB

BIN
assets/play.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
assets/precision.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 48 KiB

BIN
assets/servers/aeon.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 127 KiB

BIN
assets/servers/ap.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 486 KiB

BIN
assets/servers/arch.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
assets/servers/cc.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
assets/servers/clever.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 649 KiB

BIN
assets/servers/gg.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7 KiB

BIN
assets/servers/mc.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 97 KiB

BIN
assets/servers/ricenetwork.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
assets/servers/tl.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 100 KiB

BIN
assets/servers/zentic.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 8.1 KiB

BIN
assets/servers/zyth.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
assets/title.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 95 KiB

209
clients.html
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 75s 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>

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

209
home.css
View file

@ -1,56 +1,58 @@
@font-face {
font-family: font;
src: url(assets/font.ttf);
font-family: mc;
src: url('assets/Minecraft.woff2');
}
h1 {
font-family: font;
font-family: mc;
}
a {
cursor: default;
}
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;
cursor: normal
}
body {
filter: blur(0px);
backdrop-filter: blur(50px);
margin: 0;
}
.button {
text-align: center;
border-radius: 00px;
height: 100px;
width: 250px;
font-size: 25px;
font-family: font;
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%;
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: 5px;
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 +67,8 @@ a.play-hover:hover {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.container {
@ -79,7 +83,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 +114,7 @@ a.play-hover:hover {
li {
display: inline;
float: left;
font-family: font;
font-family: mc;
vertical-align: 20px;
}
@ -124,12 +128,13 @@ li a {
transition: 0.2s;
margin-left: 5px;
margin-right: 5px;
font-family: font;
font-family: mc;
}
li a:hover {
background-color: rgba(255, 255, 255, 0.233);
border-radius: 0px;
z-index: 9999999;
}
ul {
@ -139,10 +144,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 +165,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 +209,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 +244,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 +256,128 @@ 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%;
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;
}
#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%);
}

121
index.html
View file

@ -10,65 +10,82 @@
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 75s 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.txt" 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" autoplay></video>
</body>
</html>

21
index.js Normal file
View file

@ -0,0 +1,21 @@
const vid = document.getElementById("introVid");
console.debug(vid)
const seen = sessionStorage.getItem("seenVid")
if (seen !== "true") {
document.addEventListener("mousemove", () => {
vid.play();
});
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"
}

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

2
misc/warning.html
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>

8
mobile.html
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

308
packs.html
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 75s 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()

1132
quickguide/index.html
View file

File diff suppressed because it is too large Load diff

132
quickguide/style.scss
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;
}

442
servers.html
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 75s 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>

87
skins.html
View file

@ -10,6 +10,7 @@
href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
rel="stylesheet"
/>
<script src="sounds.js" defer></script>
</head>
<!-- Google tag (gtag.js) -->
<script
@ -41,19 +42,83 @@
<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>
</center>
<div class="container">
<button class="button" style="height: 275px; margin: 75px; cursor: unset"><b>Clash Royale Barbarians</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="skins/barbarian.png"
download="barabradih-i-would-smash.png"
><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: 75px; cursor: unset"><b>Clash Royale Goblins</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="skins/greenthing.png"
download="goblin-have-dih.png"><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: 75px; cursor: unset"><b>Clash Royale Royal Recruits</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="skins/royal-recruit.png"
download="annoying_bitch.png"><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: 75px; cursor: unset; font-size: 16px;"><b>EaglerCraftExtras Exlusive Skin <br> by SyntaxError52</br><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="skins/ee.png"
download="tuff_ahh_skin.png"><span
class="material-icons-round"
style="vertical-align: -3.5px; scale: 125%"
>file_download</span>&nbsp;Download</a></button><br />
</div>
</body>
</html>

BIN
skins/barbarian.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.8 KiB

BIN
skins/cobblesteve01.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 4.4 KiB

BIN
skins/ee.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
skins/greenthing.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
skins/images/cobblesteve-back.webp
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.5 KiB

BIN
skins/images/cobblesteve-front.webp
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.4 KiB

BIN
skins/royal-recruit.png Normal file
View file

Binary file not shown.
Side by side

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("mouseover", () => {
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()

153
worlds.html
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 75s 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();