Tiny patches
This commit is contained in:
x8r
parent
67acd6ea78
commit
e805100ffb
16 changed files with 160 additions and 111 deletions
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
assets/mcbold.otf
Normal file
BIN
assets/mcbold.otf
Normal file
Binary file not shown.
82
credits.html
Normal file
82
credits.html
Normal 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
23
home.css
|
|
@ -1,6 +1,11 @@
|
|||
@font-face {
|
||||
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 {
|
||||
|
|
@ -8,7 +13,7 @@ h1 {
|
|||
}
|
||||
|
||||
a {
|
||||
cursor: default;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
body,
|
||||
|
|
@ -23,13 +28,20 @@ html {
|
|||
* {
|
||||
font-family: mc;
|
||||
font-weight: normal;
|
||||
cursor: normal
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
p, h1, h2 {
|
||||
text-shadow: 2px 2px 2px black;
|
||||
}
|
||||
|
||||
h2, h1 {
|
||||
font-family: mc bold;
|
||||
}
|
||||
|
||||
.button {
|
||||
background: url('/assets/btn-minecraft.png');
|
||||
background-size: cover;
|
||||
|
|
@ -40,6 +52,7 @@ body {
|
|||
margin: 7px;
|
||||
padding: 10px 0;
|
||||
scale: 120%;
|
||||
cursor: pointer;
|
||||
color: white;
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
|
|
@ -129,6 +142,7 @@ li a {
|
|||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
font-family: mc;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
li a:hover {
|
||||
|
|
@ -275,6 +289,8 @@ ul {
|
|||
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);
|
||||
}
|
||||
|
|
@ -293,6 +309,7 @@ ul {
|
|||
font-size: 22px;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
font-family: mc;
|
||||
}
|
||||
|
||||
#client p {
|
||||
|
|
|
|||
|
|
@ -80,7 +80,7 @@
|
|||
<a href="skins.html" class="a">
|
||||
<button disabled class="button">Skins (In Development)</button>
|
||||
</a>
|
||||
<a href="credits.txt" target="blank" class="a">
|
||||
<a href="credits.html" target="blank" class="a">
|
||||
<button class="button">Credits</button>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
2
index.js
2
index.js
|
|
@ -2,12 +2,14 @@ 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();
|
||||
menuMusic.play()
|
||||
p.style.display = "none";
|
||||
});
|
||||
|
||||
|
|
|
|||
160
skins.html
160
skins.html
|
|
@ -3,122 +3,70 @@
|
|||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Skins</title>
|
||||
<link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="home.css" />
|
||||
<link rel="shortcut icon" href="assets/icon.png" type="image/x-icon" />
|
||||
<title>Resource Packs</title>
|
||||
<link
|
||||
href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<script src="sounds.js" defer></script>
|
||||
</head>
|
||||
<!-- Google tag (gtag.js) -->
|
||||
<script
|
||||
async
|
||||
src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"
|
||||
></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag("js", new Date());
|
||||
|
||||
gtag("config", "G-B23XL7G2NK");
|
||||
</script>
|
||||
<body>
|
||||
<ul>
|
||||
<li><a style="margin-left: 5px" href="index.html">Home</a></li>
|
||||
<li><a href="clients.html">Clients</a></li>
|
||||
<li><a href="worlds.html">Worlds</a></li>
|
||||
<li><a href="packs.html">Resource Packs</a></li>
|
||||
<li><a href="servers.html">Servers</a></li>
|
||||
<li>
|
||||
<a href="skins.html" class="active" style="background-color: gray"
|
||||
>Skins</a
|
||||
<script
|
||||
async
|
||||
src="https://www.googletagmanager.com/gtag/js?id=G-B23XL7G2NK"
|
||||
></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag("js", new Date());
|
||||
|
||||
gtag("config", "G-B23XL7G2NK");
|
||||
</script>
|
||||
<style>
|
||||
body,
|
||||
html {
|
||||
background: url("assets/pano.png");
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
background-repeat: repeat-x;
|
||||
margin: 0;
|
||||
animation: panorama 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>
|
||||
<li>
|
||||
<a href="quickguide/index.html" target="_blank">Quick Guide</a>
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
<div class="vflex" id="container" style="justify-content: center;">
|
||||
<!--load clients into here-->
|
||||
<div id="cclients">
|
||||
<ul id="clients">
|
||||
|
||||
|
||||
<br /><br />
|
||||
|
||||
<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
|
||||
> 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> 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> 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> Download</a></button><br />
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<h1 style="font-family: mc;">Coming Soon!</h1>
|
||||
</center>
|
||||
<div class="backdrop-blur"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ var hoverSound = new Audio("/assets/hover.ogg");
|
|||
var clickSound = new Audio("/assets/click.ogg");
|
||||
|
||||
buttons.forEach((button) => {
|
||||
button.addEventListener("mouseover", () => {
|
||||
button.addEventListener("mouseenter", () => {
|
||||
const sound = hoverSound.cloneNode(true);
|
||||
sound.play();
|
||||
console.debug("played")
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue