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

Tiny patches

Browse source
This commit is contained in:
x8r 2025-09-21 08:49:14 -05:00
commit e805100ffb
16 changed files with 160 additions and 111 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
assets/Inter-Black.ttf
View file

Binary file not shown.

BIN
assets/Inter-Bold.ttf
View file

Binary file not shown.

BIN
assets/Inter-ExtraBold.ttf
View file

Binary file not shown.

BIN
assets/Inter-ExtraLight.ttf
View file

Binary file not shown.

BIN
assets/Inter-Light.ttf
View file

Binary file not shown.

BIN
assets/Inter-Medium.ttf
View file

Binary file not shown.

BIN
assets/Inter-Regular.ttf
View file

Binary file not shown.

BIN
assets/Inter-SemiBold.ttf
View file

Binary file not shown.

BIN
assets/Inter-Thin.ttf
View file

Binary file not shown.

BIN
assets/mcbold.otf Normal file
View file

Binary file not shown.

82
credits.html Normal file
View file

@ -0,0 +1,82 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="home.css" />
<link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
<title>Credits</title>
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
rel="stylesheet"
/>
<script src="sounds.js" defer></script>
<script src="index.js" defer></script>
</head>
<body>
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-B23XL7G2NK");
</script>
<style>
body,
html {
background: url("assets/pano.png");
background-attachment: fixed;
background-size: cover;
background-repeat: repeat-x;
margin: 0;
animation: panorama 75s 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>

23
home.css
View file

@ -1,6 +1,11 @@
@font-face { @font-face {
font-family: mc; font-family: mc;
src: url('assets/Minecraft.woff2'); src: url('/assets/Minecraft.woff2');
}
@font-face {
font-family: mc bold;
src: url('/assets/mcbold.otf');
} }
h1 { h1 {
@ -8,7 +13,7 @@ h1 {
} }
a { a {
cursor: default; cursor: pointer;
} }
body, body,
@ -23,13 +28,20 @@ html {
* { * {
font-family: mc; font-family: mc;
font-weight: normal; font-weight: normal;
cursor: normal
} }
body { body {
margin: 0; margin: 0;
} }
p, h1, h2 {
text-shadow: 2px 2px 2px black;
}
h2, h1 {
font-family: mc bold;
}
.button { .button {
background: url('/assets/btn-minecraft.png'); background: url('/assets/btn-minecraft.png');
background-size: cover; background-size: cover;
@ -40,6 +52,7 @@ body {
margin: 7px; margin: 7px;
padding: 10px 0; padding: 10px 0;
scale: 120%; scale: 120%;
cursor: pointer;
color: white; color: white;
font-size: 17px; font-size: 17px;
text-align: center; text-align: center;
@ -129,6 +142,7 @@ li a {
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
font-family: mc; font-family: mc;
cursor: pointer;
} }
li a:hover { li a:hover {
@ -275,6 +289,8 @@ ul {
justify-content: center; justify-content: center;
position: relative; position: relative;
left: 50%; left: 50%;
cursor: pointer;
font-family: mc;
transform: translateX(-50%); transform: translateX(-50%);
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.568); text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.568);
} }
@ -293,6 +309,7 @@ ul {
font-size: 22px; font-size: 22px;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
font-family: mc;
} }
#client p { #client p {

2
index.html
View file

@ -80,7 +80,7 @@
<a href="skins.html" class="a"> <a href="skins.html" class="a">
<button disabled class="button">Skins (In Development)</button> <button disabled class="button">Skins (In Development)</button>
</a> </a>
<a href="credits.txt" target="blank" class="a"> <a href="credits.html" target="blank" class="a">
<button class="button">Credits</button> <button class="button">Credits</button>
</a> </a>
</div> </div>

2
index.js
View file

@ -2,12 +2,14 @@ const vid = document.getElementById("introVid");
const p = document.getElementById("opening") const p = document.getElementById("opening")
console.debug(vid) console.debug(vid)
p.style.display = "block"; p.style.display = "block";
const menuMusic = new Audio("/assets/menu2.ogg")
const seen = sessionStorage.getItem("seenVid") const seen = sessionStorage.getItem("seenVid")
if (seen !== "true") { if (seen !== "true") {
document.addEventListener("click", () => { document.addEventListener("click", () => {
vid.play(); vid.play();
menuMusic.play()
p.style.display = "none"; p.style.display = "none";
}); });

162
skins.html
View file

@ -3,122 +3,70 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Skins</title>
<link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
<link rel="stylesheet" href="home.css" /> <link rel="stylesheet" href="home.css" />
<link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
<title>Resource Packs</title>
<link <link
href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
rel="stylesheet" rel="stylesheet"
/> />
<script src="sounds.js" defer></script> <script src="sounds.js" defer></script>
</head> </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> <body>
<ul> <script
<li><a style="margin-left: 5px" href="index.html">Home</a></li> async
<li><a href="clients.html">Clients</a></li> src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"
<li><a href="worlds.html">Worlds</a></li> ></script>
<li><a href="packs.html">Resource Packs</a></li> <script>
<li><a href="servers.html">Servers</a></li> window.dataLayer = window.dataLayer || [];
<li> function gtag() {
<a href="skins.html" class="active" style="background-color: gray" dataLayer.push(arguments);
>Skins</a }
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;
}
@keyframes panorama {
0% {
background-position: 0;
}
100% {
background-position: calc(100vh / 144 * -820);
}
}
</style>
<center>
<h1 style="font-size: xxx-large; text-shadow: 2px 2px 2px black; margin-bottom: 0;">Skins</h1>
<p class="splash-text">
<a
href="/"
class="github-link"
style="color: yellow; font-size: 17px; margin-top: -10px;"
>Back home</a
> >
</li> </p>
<li> <div class="vflex" id="container" style="justify-content: center;">
<a href="quickguide/index.html" target="_blank">Quick Guide</a> <!--load clients into here-->
</li> <div id="cclients">
</ul> <ul id="clients">
</ul>
<br /><br /> </div>
<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> </div>
<h1 style="font-family: mc;">Coming Soon!</h1>
</center>
<div class="backdrop-blur"></div>
</body> </body>
</html> </html>

2
sounds.js
View file

@ -14,7 +14,7 @@ var hoverSound = new Audio("/assets/hover.ogg");
var clickSound = new Audio("/assets/click.ogg"); var clickSound = new Audio("/assets/click.ogg");
buttons.forEach((button) => { buttons.forEach((button) => {
button.addEventListener("mouseover", () => { button.addEventListener("mouseenter", () => {
const sound = hoverSound.cloneNode(true); const sound = hoverSound.cloneNode(true);
sound.play(); sound.play();
console.debug("played") console.debug("played")