Compare commits
No commits in common. "main" and "v1.7.0" have entirely different histories.
2
.vscode/settings.json
vendored
|
|
@ -1,3 +1,3 @@
|
|||
{
|
||||
"liveServer.settings.port": 5502
|
||||
"liveServer.settings.port": 5501
|
||||
}
|
||||
104
1.3.html
|
|
@ -1,78 +1,38 @@
|
|||
<!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" />
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<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>
|
||||
<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());
|
||||
<link rel="shortcut icon" href="assets/mc-logo.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="home.css">
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
|
||||
</head>
|
||||
<!-- Google tag (gtag.js) -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
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;
|
||||
}
|
||||
gtag('config', 'G-B23XL7G2NK');
|
||||
</script>
|
||||
<body>
|
||||
|
||||
<ul>
|
||||
<li><a style="margin-left: 5px;" href="index.html">Home</a></li>
|
||||
<li><a class="active" href="clients.html">Clients</a></li>
|
||||
<li><a href="worlds.html">Worlds</a></li>
|
||||
<li><a href="packs.html">Resource Packs</a></li>
|
||||
<li><a href="servers.html">Servers</a></li>
|
||||
<li><a href="skins.html">Skins</a></li>
|
||||
<li><a href="mc quick guide/index.html" target="_blank">Quick Guide</a></li>
|
||||
<li style="float: right;"><a href="https://github.com/cobblesteve01/Eaglercraft-Extras" target="_blank"><img src="assets/github.png" style="height: 25px; color: white;" alt=""></a></li>
|
||||
</ul>
|
||||
|
||||
@keyframes panorama {
|
||||
0% {
|
||||
background-position: 0;
|
||||
}
|
||||
<h1 align="center" style="font-size: 54px; margin-bottom: -10px; text-decoration: none">1.3 Clients</h1>
|
||||
<p align="center" style='font-family: inter-medium;'>There is only one 💀</p>
|
||||
|
||||
100% {
|
||||
background-position: calc(100vh / 144 * -820);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<center>
|
||||
<h1
|
||||
style="
|
||||
font-size: xxx-large;
|
||||
text-shadow: 2px 2px 2px black;
|
||||
margin-bottom: 0;
|
||||
"
|
||||
>
|
||||
1.3 Clients
|
||||
</h1>
|
||||
<p class="splash-text">
|
||||
<a
|
||||
href="/"
|
||||
class="github-link"
|
||||
style="color: yellow; font-size: 17px; margin-top: -10px"
|
||||
>Back home</a
|
||||
>
|
||||
</p>
|
||||
<div class="vflex" id="container" style="justify-content: center">
|
||||
<!--load clients into here-->
|
||||
<div id="cclients">
|
||||
<ul id="clients"></ul>
|
||||
</div>
|
||||
</div>
|
||||
</center>
|
||||
<div class="backdrop-blur"></div>
|
||||
</body>
|
||||
</html>
|
||||
<div class="container">
|
||||
<button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Eagler 1.3<p style="font-size: 14px; padding-bottom: 15px; font-family: inter-medium">Version: Eaglercraft 1.3</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px; font-family: inter-bold" href="eagler1.3.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
</div>
|
||||
|
|
|
|||
109
1.5.html
|
|
@ -1,72 +1,49 @@
|
|||
<!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" />
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<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>
|
||||
<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());
|
||||
<link rel="shortcut icon" href="assets/mc-logo.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="home.css">
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
|
||||
</head>
|
||||
<!-- Google tag (gtag.js) -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
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;
|
||||
}
|
||||
gtag('config', 'G-B23XL7G2NK');
|
||||
</script>
|
||||
<body>
|
||||
|
||||
<ul>
|
||||
<li><a style="margin-left: 5px;" href="index.html">Home</a></li>
|
||||
<li><a class="active" href="clients.html">Clients</a></li>
|
||||
<li><a href="worlds.html">Worlds</a></li>
|
||||
<li><a href="packs.html">Resource Packs</a></li>
|
||||
<li><a href="servers.html">Servers</a></li>
|
||||
<li><a href="skins.html">Skins</a></li>
|
||||
<li><a href="mc quick guide/index.html" target="_blank">Quick Guide</a></li>
|
||||
<li style="float: right;"><a href="https://github.com/cobblesteve01/Eaglercraft-Extras" target="_blank"><img src="assets/github.png" style="height: 25px; color: white;" alt=""></a></li>
|
||||
</ul>
|
||||
|
||||
@keyframes panorama {
|
||||
0% {
|
||||
background-position: 0;
|
||||
}
|
||||
<h1 align="center" style="font-size: 54px; margin-bottom: -10px; text-decoration: none">1.5 Clients</h1>
|
||||
<p align="center" style='font-family: inter-medium;'>Take your pick.</p>
|
||||
|
||||
100% {
|
||||
background-position: calc(100vh / 144 * -820);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<center>
|
||||
<h1 style="font-size: xxx-large; text-shadow: 2px 2px 2px black; margin-bottom: 0;">1.5 Clients</h1>
|
||||
<p class="splash-text">
|
||||
<a
|
||||
href="/"
|
||||
class="github-link"
|
||||
style="color: yellow; font-size: 17px; margin-top: -10px;"
|
||||
>Back home</a
|
||||
>
|
||||
</p>
|
||||
<div class="vflex" id="container" style="justify-content: center;">
|
||||
<!--load clients into here-->
|
||||
<div id="cclients">
|
||||
<ul id="clients">
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</center>
|
||||
<div class="backdrop-blur"></div>
|
||||
</body>
|
||||
</html>
|
||||
<div class="container">
|
||||
<button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Eagler 1.5<p style="font-size: 14px; padding-bottom: 15px;">Version: Service Pack #1</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.5/eagler1.5.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
<button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Precision Client<p style="font-size: 14px; padding-bottom: 15px;">Version: Unknown</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.5/PrecisionClient.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
<button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">NitClient<p style="font-size: 14px; padding-bottom: 15px;">Version: NitClient 2.0</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.5/nitclient.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
<button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Nebula<p style="font-size: 14px; padding-bottom: 15px;">Updated: 11/21/23</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.5/nebula.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
<button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Kerosene<p style="font-size: 14px; padding-bottom: 15px;">Updated: 11/21/23</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.5/kerosene.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">CoderCraft<p style="font-size: 14px; padding-bottom: 15px;">Updated: 11/21/23</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.5/codercraft.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
<button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Odd Future Client<p style="font-size: 14px; padding-bottom: 15px;">Updated: 6/1/22</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.5/oddfutureclient.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
<button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">FuchsiaX<p style="font-size: 14px; padding-bottom: 15px;">FuchsiaX Web</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.5/fuchsiax.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
<button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Nova Client<p style="font-size: 14px; padding-bottom: 15px;">Version: 1.0 (First Release)</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px;" href="warning.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
</div>
|
||||
|
|
|
|||
114
1.8.html
|
|
@ -1,72 +1,56 @@
|
|||
<!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" />
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<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>
|
||||
<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());
|
||||
<link rel="shortcut icon" href="assets/mc-logo.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="home.css">
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
|
||||
rel="stylesheet">
|
||||
</head>
|
||||
<!-- Google tag (gtag.js) -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
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;
|
||||
}
|
||||
gtag('config', 'G-B23XL7G2NK');
|
||||
</script>
|
||||
<body>
|
||||
|
||||
<ul>
|
||||
<li><a style="margin-left: 5px;" href="index.html">Home</a></li>
|
||||
<li><a class="active" href="clients.html">Clients</a></li>
|
||||
<li><a href="worlds.html">Worlds</a></li>
|
||||
<li><a href="packs.html">Resource Packs</a></li>
|
||||
<li><a href="servers.html">Servers</a></li>
|
||||
<li><a href="skins.html">Skins</a></li>
|
||||
<li><a href="mc quick guide/index.html" target="_blank">Quick Guide</a></li>
|
||||
<li style="float: right;"><a href="https://github.com/cobblesteve01/Eaglercraft-Extras" target="_blank"><img src="assets/github.png" style="height: 25px; color: white;" alt=""></a></li>
|
||||
</ul>
|
||||
|
||||
@keyframes panorama {
|
||||
0% {
|
||||
background-position: 0;
|
||||
}
|
||||
<h1 align="center" style="font-size: 54px; margin-bottom: -10px; text-decoration: none">1.8 Clients</h1>
|
||||
<p align="center" style='font-family: inter-medium;'>Take your pick.</p>
|
||||
|
||||
100% {
|
||||
background-position: calc(100vh / 144 * -820);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<center>
|
||||
<h1 style="font-size: xxx-large; text-shadow: 2px 2px 2px black; margin-bottom: 0;">1.8 Clients</h1>
|
||||
<p class="splash-text">
|
||||
<a
|
||||
href="/"
|
||||
class="github-link"
|
||||
style="color: yellow; font-size: 17px; margin-top: -10px;"
|
||||
>Back home</a
|
||||
>
|
||||
</p>
|
||||
<div class="vflex" id="container" style="justify-content: center;">
|
||||
<!--load clients into here-->
|
||||
<div id="cclients">
|
||||
<ul id="clients">
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</center>
|
||||
<div class="backdrop-blur"></div>
|
||||
</body>
|
||||
<br><br>
|
||||
|
||||
<div class="container">
|
||||
<button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">EaglercraftX<p style="font-size: 14px; padding-bottom: 15px; font-family: inter-medium">Version: u34</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 40px; font-family: inter-bold" href="clients/1.8/eaglercraftx.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
<button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Eagler Reborn<p style="font-size: 14px; padding-bottom: 15px; font-family: inter-medium">Version: 1.1</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px; font-family: inter-bold" href="clients/1.8/Eagler-Reborn.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
<button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Shadow Client<p style="font-size: 14px; padding-bottom: 15px; font-family: inter-medium">Version: 3.0 (Beta)</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px; font-family: inter-bold" href="clients/1.8/shadowclient30beta.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
<button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Starlike Client<p style="font-size: 14px; padding-bottom: 15px; font-family: inter-medium">Version: Unknown</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px; font-family: inter-bold" href="clients/1.8/Starlike_Client.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">Pi Client<p style="font-size: 14px; padding-bottom: 15px; font-family: inter-medium">Version: 1.0 (First Release)</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px; font-family: inter-bold" href="clients/1.8/pi-client.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
<button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">DragonX Lite<p style="font-size: 14px; padding-bottom: 15px; font-family: inter-medium">Version: DragonX Lite</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px; font-family: inter-bold" href="clients/1.8/DragonXLite.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
<button class="button" style="height: 200px; margin: 15px; cursor: unset; font-family: inter-bold">DragonX<p style="font-size: 14px; padding-bottom: 15px; font-family: inter-medium">Version: DragonX V4</p><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding: 10px; padding-right: 40px; padding-left: 40px; font-family: inter-bold" href="clients/1.8/DragonX_V4.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
32
README.md
|
|
@ -1,5 +1,8 @@
|
|||
# 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!
|
||||
# Welcome to Eaglercraft Extras!
|
||||
This is a website similar to Eaglercrack (if you know it) where you can find all things related to Eaglercraft!
|
||||
There are currently 3 developers, and I am trying to update this as much as possible for it to be the best it can be.
|
||||
I recommend looking through some of the features below!
|
||||
|
||||
## Features
|
||||
- Find pre-built worlds to download and play!
|
||||
- Search for servers to play with other people!
|
||||
|
|
@ -12,14 +15,17 @@ The best addons website for Eaglercraft. Constantly updated to bring you the lat
|
|||
|
||||
## Meet the Developers
|
||||
|
||||
### Hey there! I'm x8r.
|
||||
I started this project in April 2024, and I wanted it to become the alternative for Eaglercrack.
|
||||
### Hey there! I'm cobblesteve.
|
||||
I started this project in April, and I wanted it to become the alternative for Eaglercrack.
|
||||
I'm making it for a website I have right now, which currently uses Eaglercrack as a source.
|
||||
|
||||
About Me:
|
||||
- Knows HTML, CSS, Javascript, Typescript, and Svelte
|
||||
- Learning Astro and Node
|
||||
- Knows HTML and CSS
|
||||
- Learning JavaScript and Python
|
||||
- Barely knows Python
|
||||
- Has a YouTube channel --> https://youtube.com/@cobblesteve.official
|
||||
- Likes to play Minecraft, Geometry Dash, A Dance of Fire and Ice (ADOFAI), and more!
|
||||
- yea :D
|
||||
|
||||
### Hey there! I'm SyntaxError52.
|
||||
|
||||
|
|
@ -28,10 +34,12 @@ Here are some things about me:
|
|||
- Learning JavaScript
|
||||
- Barely knows JavaScript
|
||||
|
||||
### Hey there! I'm SprintingSnail69.
|
||||
- Knows HTML, CSS, and a little JavaScript
|
||||
- Learning more JavaScript
|
||||
- Has a YouTube channel --> https://youtube.com/@SprintingSnailBS
|
||||
- Insane at Brawl Stars, Clash Royale, and Clash of Clans
|
||||
|
||||
### Thanks to Thundiverter for making the quickguide!
|
||||
### Hey there! I'm Bahabryra.
|
||||
|
||||
Here are some things about me:
|
||||
- Knows HTML, CSS, and Scratch
|
||||
- Learning Python and JavaScript
|
||||
- Barely knows Python and Javascript
|
||||
|
||||
### Thanks to Thundiverter for making the MC Quick Guide!
|
||||
|
|
|
|||
5
SECURITY.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
## Some clients aren't safe!
|
||||
|
||||
Use these at your own risk. Some problems are glitching screens, keybinds changing, etc.
|
||||
These clients can be malicious, but we can't tell which ones. That's why we need **you!**
|
||||
You can help us identify these clients by telling us which ones in the discussions section.
|
||||
BIN
assets/Inter-Black.ttf
Normal file
BIN
assets/Inter-Bold.ttf
Normal file
BIN
assets/Inter-ExtraBold.ttf
Normal file
BIN
assets/Inter-ExtraLight.ttf
Normal file
BIN
assets/Inter-Light.ttf
Normal file
BIN
assets/Inter-Medium.ttf
Normal file
BIN
assets/Inter-Regular.ttf
Normal file
BIN
assets/Inter-SemiBold.ttf
Normal file
BIN
assets/Inter-Thin.ttf
Normal file
BIN
assets/bg.jpg
|
Before Width: | Height: | Size: 120 KiB |
|
Before Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
BIN
assets/click.ogg
BIN
assets/dirt.webp
|
Before Width: | Height: | Size: 1.6 KiB |
BIN
assets/font.ttf
BIN
assets/home.png
|
Before Width: | Height: | Size: 2 KiB |
BIN
assets/hover.ogg
BIN
assets/icon.png
|
Before Width: | Height: | Size: 259 KiB |
BIN
assets/intro.mp4
|
|
@ -1,9 +0,0 @@
|
|||
[
|
||||
{
|
||||
"name": "EaglercraftX 1.3",
|
||||
"version": "Unknown",
|
||||
"url": "/clients/1.3/eagler1.3.html",
|
||||
"icon": "/assets/eaglercraftx.jpg",
|
||||
"author": "lax1dude"
|
||||
}
|
||||
]
|
||||
|
|
@ -1,65 +0,0 @@
|
|||
[
|
||||
{
|
||||
"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"
|
||||
}
|
||||
]
|
||||
|
|
@ -1,44 +0,0 @@
|
|||
[
|
||||
{
|
||||
"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"
|
||||
}
|
||||
]
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
[
|
||||
{
|
||||
"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"
|
||||
}
|
||||
]
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
[
|
||||
{
|
||||
"name": "Skyblock",
|
||||
"icon": "/worlds/images/skyblock.png",
|
||||
"author": "x8r",
|
||||
"url": "/worlds/Skyblock.epk"
|
||||
}
|
||||
]
|
||||
BIN
assets/menu2.ogg
|
Before Width: | Height: | Size: 848 KiB |
BIN
assets/pano.png
|
Before Width: | Height: | Size: 131 KiB |
|
Before Width: | Height: | Size: 898 KiB |
BIN
assets/play.png
|
Before Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 48 KiB |
|
Before Width: | Height: | Size: 127 KiB |
|
Before Width: | Height: | Size: 486 KiB |
|
Before Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 649 KiB |
|
Before Width: | Height: | Size: 7 KiB |
|
Before Width: | Height: | Size: 97 KiB |
|
Before Width: | Height: | Size: 7.1 KiB |
|
Before Width: | Height: | Size: 100 KiB |
|
Before Width: | Height: | Size: 8.1 KiB |
|
Before Width: | Height: | Size: 6.1 KiB |
BIN
assets/title.png
|
Before Width: | Height: | Size: 95 KiB |
105
clients.html
|
|
@ -1,66 +1,51 @@
|
|||
<!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" />
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Clients</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());
|
||||
<link rel="shortcut icon" href="assets/mc-logo.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="home.css">
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
|
||||
rel="stylesheet">
|
||||
</head>
|
||||
<!-- Google tag (gtag.js) -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
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;
|
||||
}
|
||||
gtag('config', 'G-B23XL7G2NK');
|
||||
</script>
|
||||
<body>
|
||||
|
||||
<ul>
|
||||
<li><a style="margin-left: 5px;" href="index.html">Home</a></li>
|
||||
<li><a class="active" href="clients.html">Clients</a></li>
|
||||
<li><a href="worlds.html">Worlds</a></li>
|
||||
<li><a href="packs.html">Resource Packs</a></li>
|
||||
<li><a href="servers.html">Servers</a></li>
|
||||
<li><a href="skins.html">Skins</a></li>
|
||||
<li><a href="mc quick guide/index.html" target="_blank">Quick Guide</a></li>
|
||||
<li style="float: right;"><a href="https://github.com/cobblesteve01/Eaglercraft-Extras" target="_blank"><img src="assets/github.png" style="height: 25px; color: white;" alt=""></a></li>
|
||||
</ul>
|
||||
|
||||
@keyframes panorama {
|
||||
0% {
|
||||
background-position: 0;
|
||||
}
|
||||
<br>
|
||||
|
||||
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>
|
||||
<h1 align="center" style="font-size: 40px;">Choose your Version</h1>
|
||||
|
||||
<br><br><br><br>
|
||||
|
||||
<div class="container">
|
||||
<button class="button" style="height: 250px; cursor: unset; margin: 15px;"><h1 style="font-size: 32px;">1.8</h1><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 40px;" href="1.8.html"><span class="material-icons-round">input</span> Select</a></button><br>
|
||||
<button class="button" style="height: 250px; cursor: unset; margin: 15px;"><h1 style="font-size: 32px;">1.5</h1><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 40px;" href="1.5.html"><span class="material-icons-round">input</span> Select</a></button><br>
|
||||
<button class="button" style="height: 250px; cursor: unset; margin: 15px;"><h1 style="font-size: 32px;">1.3</h1><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 40px;" href="1.3.html"><span class="material-icons-round">input</span> Select</a></button><br>
|
||||
<button class="button" style="height: 250px; cursor: unset; margin: 15px;"><h1 style="font-size: 32px;">Mobile</h1><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 40px;" href="mobile.html"><span class="material-icons-round">input</span> Select</a></button><br>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<button class="button" style="height: 250px; cursor: unset; margin: 15px;"><h1 style="font-size: 32px;">1.9</h1><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.9/eag1_9_4.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
<button class="button" style="height: 250px; cursor: unset; margin: 15px;"><h1 style="font-size: 32px;">1.11</h1><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.11/eag1_11_2.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
<button class="button" style="height: 250px; cursor: unset; margin: 15px;"><h1 style="font-size: 32px;">1.14</h1><br><a class="play-hover" style="text-decoration: none; color: white; border-radius: 12.5px; background-color: dodgerblue; padding-top: 10px; padding-bottom: 10px; padding-right: 40px; padding-left: 40px;" href="clients/1.14/index.html"><span class="material-icons-round">play_circle</span> Play</a></button><br>
|
||||
</div>
|
||||
|
|
|
|||
82
credits.html
|
|
@ -1,82 +0,0 @@
|
|||
<!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
|
|
@ -1,24 +0,0 @@
|
|||
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
|
||||
481
home.css
|
|
@ -1,406 +1,229 @@
|
|||
@font-face {
|
||||
font-family: mc;
|
||||
src: url('/assets/Minecraft.woff2');
|
||||
font-family: inter-bold;
|
||||
src: url(assets/Inter-Bold.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: mc bold;
|
||||
src: url('/assets/mcbold.otf');
|
||||
font-family: inter-semibold;
|
||||
src: url(assets/Inter-SemiBold.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: inter-medium;
|
||||
src: url(assets/Inter-Medium.ttf);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: mc;
|
||||
}
|
||||
|
||||
a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
body,
|
||||
html {
|
||||
background: url("/assets/dirt.webp");
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
color: white;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: mc;
|
||||
font-weight: normal;
|
||||
font-family: inter-bold;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h1, h2, p {
|
||||
text-shadow: 2px 2px 2px black;
|
||||
}
|
||||
|
||||
h2, h1 {
|
||||
font-family: mc bold;
|
||||
background: rgb(29, 29, 29);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.button {
|
||||
background: url('/assets/btn-minecraft.png');
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
border: none;
|
||||
width: 400px;
|
||||
height: 40px;
|
||||
margin: 7px;
|
||||
padding: 10px 0;
|
||||
scale: 120%;
|
||||
cursor: pointer;
|
||||
color: white;
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
text-shadow: 1px 1px black;
|
||||
text-align: center;
|
||||
border-radius: 20px;
|
||||
height: 100px;
|
||||
width: 250px;
|
||||
font-size: 25px;
|
||||
font-family: inter-semibold;
|
||||
color: white;
|
||||
background-color: rgb(29, 29, 29);
|
||||
border-color: white;
|
||||
border-width: 0.5px;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
border-style: solid;
|
||||
cursor: pointer;
|
||||
transition: 0.3s;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background: url('/assets/btn-minecraft-hover.png');
|
||||
color: yellow;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
border: none;
|
||||
filter: grayscale(0%);
|
||||
}
|
||||
|
||||
a.play-hover {
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
a.play-hover:hover {
|
||||
filter: brightness(0.8);
|
||||
}
|
||||
|
||||
.vflex {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
button:hover {
|
||||
background-color: rgba(116, 116, 116, 0.671);
|
||||
scale: 105%;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.big-button {
|
||||
text-align: center;
|
||||
border-radius: 00px;
|
||||
height: 300px;
|
||||
width: 455px;
|
||||
font-size: 25px;
|
||||
font-family: mc;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
border-color: rgba(255, 255, 255, 0);
|
||||
border-width: 0.5px;
|
||||
box-shadow: none;
|
||||
none: none;
|
||||
border-style: solid;
|
||||
cursor: pointer;
|
||||
transition: 0.2s;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.big-button:hover {
|
||||
transform: translateY(-5px);
|
||||
text-align: center;
|
||||
border-radius: 30px;
|
||||
height: 300px;
|
||||
width: 455px;
|
||||
font-size: 25px;
|
||||
font-family: inter-semibold;
|
||||
color: white;
|
||||
background-color: rgb(29, 29, 29);
|
||||
border-color: white;
|
||||
border-width: 0.5px;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
border-style: solid;
|
||||
cursor: pointer;
|
||||
transition: 0.3s;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.center-logo {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
scale: 50%;
|
||||
padding: 0%;
|
||||
scale: 50%;
|
||||
padding: 0%;
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline;
|
||||
float: left;
|
||||
font-family: mc;
|
||||
vertical-align: 20px;
|
||||
display: inline;
|
||||
float: left;
|
||||
font-family: inter-medium;
|
||||
}
|
||||
|
||||
li a {
|
||||
display: block;
|
||||
padding: 9px;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
transition: 0.2s;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
font-family: mc;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
padding: 8px;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
transition: 0.5s;
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
font-family: inter-medium;
|
||||
}
|
||||
|
||||
li a:hover {
|
||||
background-color: rgba(255, 255, 255, 0.233);
|
||||
border-radius: 0px;
|
||||
z-index: 9999999;
|
||||
background-color: rgb(56, 56, 56);
|
||||
border-radius: 10px;
|
||||
|
||||
}
|
||||
|
||||
ul {
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 0px;
|
||||
padding: 8px;
|
||||
font-family: mc;
|
||||
position: sticky;
|
||||
top: 1rem;
|
||||
z-index: 99999;
|
||||
background-color: black;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 10px;
|
||||
padding-top: 5px;
|
||||
font-family: inter-medium;
|
||||
}
|
||||
|
||||
.active {
|
||||
background-color: #008000;
|
||||
border-radius: 0px;
|
||||
background-color: dodgerblue;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.innerbutton {
|
||||
text-align: center;
|
||||
border-radius: 0px;
|
||||
height: 75px;
|
||||
width: 200px;
|
||||
font-size: 14px;
|
||||
font-family: mc;
|
||||
color: white;
|
||||
background-color: rgb(26, 26, 26);
|
||||
border-color: rgba(255, 255, 255, 0);
|
||||
border-width: 0.5px;
|
||||
box-shadow: none;
|
||||
none: none;
|
||||
border-style: solid;
|
||||
cursor: pointer;
|
||||
transition: 0.2s;
|
||||
margin: 5px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
text-align: center;
|
||||
border-radius: 20px;
|
||||
height: 75px;
|
||||
width: 200px;
|
||||
font-size: 14px;
|
||||
font-family: inter-semibold;
|
||||
color: white;
|
||||
background-color: rgb(26, 26, 26);
|
||||
border-color: white;
|
||||
border-width: 0.5px;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
border-style: solid;
|
||||
cursor: pointer;
|
||||
transition: 0.3s;
|
||||
margin: 5px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.material-icons-round {
|
||||
font-family: "Material Icons";
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px; /* Preferred icon size */
|
||||
display: inline-block;
|
||||
line-height: 2;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
word-wrap: normal;
|
||||
white-space: nowrap;
|
||||
direction: ltr;
|
||||
vertical-align: -2.5px;
|
||||
|
||||
/* Support for all WebKit browsers. */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
/* Support for Safari and Chrome. */
|
||||
text-rendering: optimizeLegibility;
|
||||
|
||||
/* Support for Firefox. */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
/* Support for IE. */
|
||||
font-feature-settings: "liga";
|
||||
font-family: 'Material Icons';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px; /* Preferred icon size */
|
||||
display: inline-block;
|
||||
line-height: 2;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
word-wrap: normal;
|
||||
white-space: nowrap;
|
||||
direction: ltr;
|
||||
vertical-align: -2.5px;
|
||||
|
||||
/* Support for all WebKit browsers. */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
/* Support for Safari and Chrome. */
|
||||
text-rendering: optimizeLegibility;
|
||||
|
||||
/* Support for Firefox. */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
/* Support for IE. */
|
||||
font-feature-settings: 'liga';
|
||||
}
|
||||
|
||||
.status {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
border-radius: 0px;
|
||||
font-size: 18px;
|
||||
text-align: left;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
background-color: rgb(58, 58, 58);
|
||||
border-radius: 10px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.online {
|
||||
color: lime;
|
||||
color: lime
|
||||
}
|
||||
|
||||
.offline {
|
||||
color: red;
|
||||
color: red;
|
||||
}
|
||||
|
||||
.unknown {
|
||||
color: goldenrod;
|
||||
color: goldenrod;
|
||||
}
|
||||
|
||||
.ip {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
background-color: #008000;
|
||||
border-radius: 0px;
|
||||
font-size: 20px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
background-color: dodgerblue;
|
||||
border-radius: 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.copyLink {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
background-color: #008000;
|
||||
padding: 10px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
border-radius: 0px;
|
||||
text-align: center;
|
||||
border-radius: 0px;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
background-color: dodgerblue;
|
||||
padding: 10px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
transition: background-color 0.3s ease;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.status.online span {
|
||||
color: green;
|
||||
color: green;
|
||||
}
|
||||
.status.offline span {
|
||||
color: red;
|
||||
color: red;
|
||||
}
|
||||
.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;
|
||||
color: orange;
|
||||
}
|
||||
129
index.html
|
|
@ -1,93 +1,50 @@
|
|||
<!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" />
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="home.css">
|
||||
<link rel="shortcut icon" href="assets/mc-logo.png" type="image/x-icon">
|
||||
<title>Eaglercraft Extras</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());
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
|
||||
rel="stylesheet">
|
||||
</head>
|
||||
<!-- Google tag (gtag.js) -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag("config", "G-B23XL7G2NK");
|
||||
</script>
|
||||
<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;
|
||||
}
|
||||
gtag('config', 'G-B23XL7G2NK');
|
||||
</script>
|
||||
<body>
|
||||
|
||||
@keyframes panorama {
|
||||
0% {
|
||||
background-position: 0;
|
||||
}
|
||||
<ul>
|
||||
<li><a style="margin-left: 5px;" class="active" href="index.html">Home</a></li>
|
||||
<li><a href="clients.html">Clients</a></li>
|
||||
<li><a href="worlds.html">Worlds</a></li>
|
||||
<li><a href="packs.html">Resource Packs</a></li>
|
||||
<li><a href="servers.html">Servers</a></li>
|
||||
<li><a href="skins.html">Skins</a></li>
|
||||
<li><a href="mc quick guide/index.html" target="_blank">Quick Guide</a></li>
|
||||
<li style="float: right;"><a href="https://github.com/cobblesteve01/Eaglercraft-Extras" target="_blank"><img src="assets/github.png" style="height: 25px; color: white;" alt=""></a></li>
|
||||
</ul>
|
||||
|
||||
100% {
|
||||
background-position: calc(100vh / 144 * -820);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<center>
|
||||
<img
|
||||
src="assets/title.png"
|
||||
style="margin: -50px; margin-bottom: -100px; scale: auto"
|
||||
alt="the-gay-ass-dev-who-made-us-use-a-fucking-image-made-me-do-this-shit-please-help-im-stuck-in-his-fucking-liveshare-and-in-his-basement-HELP.png"
|
||||
/>
|
||||
<p class="splash-text">
|
||||
Contact us on our anonymous form
|
||||
<a
|
||||
href="https://forms.gle/Aj2pX9dXKSRJMzRT8"
|
||||
target="_blank"
|
||||
class="github-link"
|
||||
style="color: yellow;"
|
||||
>here</a
|
||||
>.
|
||||
</p>
|
||||
<div class="vflex">
|
||||
<a href="clients.html" class="a">
|
||||
<button class="button">Clients</button>
|
||||
</a>
|
||||
<a href="servers.html" class="a">
|
||||
<button class="button">Servers</button>
|
||||
</a>
|
||||
<a href="packs.html" class="a">
|
||||
<button class="button">Resource Packs</button>
|
||||
</a>
|
||||
<a href="worlds.html" class="a">
|
||||
<button class="button" onmouseover="document.getElementById('hoversound').play()">Worlds</button>
|
||||
</a>
|
||||
<a href="skins.html" class="a">
|
||||
<button disabled class="button">Skins (In Development)</button>
|
||||
</a>
|
||||
<a href="credits.html" target="blank" class="a">
|
||||
<button class="button">Credits</button>
|
||||
</a>
|
||||
</div>
|
||||
</center>
|
||||
<div class="backdrop-blur"></div>
|
||||
<video src="assets/intro.mp4" id="introVid">
|
||||
</video>
|
||||
<p id="opening" style="color: black; z-index: 100; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; text-shadow: transparent;">Please Click.</p>
|
||||
</body>
|
||||
<br><br><br><br>
|
||||
|
||||
<div style="display: flex; justify-content: center;">
|
||||
<img src="assets/mc-logo.png" style="height: 175px; margin-right: 25px;" alt="logo">
|
||||
<h1 style="font-size: 42px; font-family: inter-bold; margin-top: 60px;">Eaglercraft Extras</h1>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
|
||||
<div class="container">
|
||||
<button class="big-button"><u>Announcements</u> <br><br>Eaglercraft 1.9, 1.11, 1.14, <br> Starlike, and 1.8-u39 are out now!</button>
|
||||
<button class="big-button">Need Help?<br><br>Fill out an issue or a discussion! We'll be sure to get back to it.</button>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
26
index.js
|
|
@ -1,26 +0,0 @@
|
|||
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"
|
||||
}
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
# 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
|
|
@ -1,76 +0,0 @@
|
|||
/*
|
||||
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");
|
||||
}
|
||||
|
|
@ -1,47 +1,47 @@
|
|||
|
||||
.top-bar {
|
||||
scale: 50%;
|
||||
padding: 0%;
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline;
|
||||
float: left;
|
||||
}
|
||||
|
||||
li a {
|
||||
display: block;
|
||||
padding: 8px;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
transition: 0.5s;
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
font-family: inter-medium;
|
||||
}
|
||||
|
||||
li a:hover {
|
||||
background-color: rgb(56, 56, 56);
|
||||
border-radius: 10px;
|
||||
|
||||
}
|
||||
|
||||
ul {
|
||||
background-color: black;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 10px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.active {
|
||||
background-color: #008000;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
|
||||
.top-bar {
|
||||
scale: 50%;
|
||||
padding: 0%;
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline;
|
||||
float: left;
|
||||
}
|
||||
|
||||
li a {
|
||||
display: block;
|
||||
padding: 8px;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
transition: 0.5s;
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
font-family: inter-medium;
|
||||
}
|
||||
|
||||
li a:hover {
|
||||
background-color: rgb(56, 56, 56);
|
||||
border-radius: 10px;
|
||||
|
||||
}
|
||||
|
||||
ul {
|
||||
background-color: black;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 10px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.active {
|
||||
background-color: dodgerblue;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 232 B After Width: | Height: | Size: 232 B |
|
Before Width: | Height: | Size: 951 B After Width: | Height: | Size: 951 B |
|
Before Width: | Height: | Size: 838 B After Width: | Height: | Size: 838 B |