mirror of
https://github.com/System-End/Scrapyard.git
synced 2026-04-19 19:45:16 +00:00
176 lines
6.6 KiB
HTML
176 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
|
<head>
|
|
<title>Scrapyard Signup</title>
|
|
<link rel="favicon" href="/favicon.png" />
|
|
<link rel="icon" type="image/png" href="/favicon.png" />
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width">
|
|
<meta name="description" content="You don't want to do this." />
|
|
<meta property="og:title" content="Scrapyard Signup" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:image" content="https://protogen.live/favicon.png" />
|
|
<meta property="og:image:height" content="512" />
|
|
<meta property="og:image:width" content="512" />
|
|
<meta property="og:url" content="https://protogen.live/" />
|
|
<meta property="og:description" content="You don't want to do this." />
|
|
<meta property="og:site_name" content="Hell signup" />
|
|
<meta property="og:locale" content="en_US">
|
|
<meta property="og:logo" content="https://protogen.live/favicon.png" />
|
|
<style id="style"></style>
|
|
</head>
|
|
<body>
|
|
<noscript><h1>Nice try buddy. Enable javascript, cheater.</h1></noscript>
|
|
<div class="login-container">
|
|
<marquee>
|
|
<h1 id="header">Please Signup for Scrapyard!</h1>
|
|
<form id="annoying-form">
|
|
<marquee><label for="username">Username:</label><input id="password" name="password" type="password"/></marquee>
|
|
<span id="fake"></span><label for="email" id="email-label">Email:</label><input id="email" name="email" type="email"/><br/>
|
|
<label for="password">Password:</label><input id="username" name="username" type="username"/><br/>
|
|
<label for="color">Color: </label><span id="value" name="value" type="value">#______</span> <input id="color" name="color" type="text"/><br/>
|
|
<button id="submit" type="button" disabled="true" aria-disabled="true">Submit</button>
|
|
</form>
|
|
<marquee>
|
|
<script>
|
|
var tim, show=false;
|
|
let submit=document.getElementById("submit");
|
|
submit.removeAttribute("disabled");
|
|
submit.removeAttribute("aria-disabled");
|
|
submit.setAttribute("type", "submit");
|
|
// below function modified from https://stackoverflow.com/a/1484514
|
|
function color() {
|
|
let letters = "0123456789ABCDEF", color = "#";
|
|
for (var i = 0; i < 6; i++) {
|
|
color += letters[Math.floor(Math.random() * 16)];
|
|
}
|
|
return color;
|
|
}
|
|
function getRandomColor() {
|
|
let colorVal = color();
|
|
document.getElementById("color").value="";
|
|
document.getElementById("value").style=`background-color: ${colorVal}`;
|
|
document.getElementById("value").setAttribute("val", colorVal);
|
|
if (show) {
|
|
document.getElementById("color").value=colorVal;
|
|
}
|
|
}
|
|
function font() {
|
|
let fonts=["Georiga", "Arial", "Verdana", "Tahoma", '"Trebuchet MS"', '"Times New Roman"', "Garmond", '"Courier New"', '"Bush Script MT"'];
|
|
return fonts[Math.floor(Math.random() * fonts.length)]
|
|
}
|
|
getRandomColor();
|
|
console.clear();
|
|
function blah() {
|
|
document.getElementById("style").innerHTML=`* {
|
|
background-color: ${color()};
|
|
color: #000000;
|
|
font-family: ${font()}, monospace;
|
|
}
|
|
label {
|
|
color: ${color()};
|
|
}
|
|
button {
|
|
color: ${color()};
|
|
background-color: ${color()};
|
|
}
|
|
input {
|
|
color: ${color()};
|
|
background-color: ${color()};
|
|
}
|
|
span {
|
|
color: ${color()};
|
|
}
|
|
h1 {
|
|
color: ${color()};
|
|
}
|
|
p {
|
|
color: ${color()};
|
|
}
|
|
a {
|
|
color: ${color()};
|
|
text-decoration: line-through;
|
|
}`;
|
|
let time=Math.round(10000+((Math.random()*15)*1000));
|
|
console.log(time)
|
|
tim = setTimeout(blah, time);
|
|
}
|
|
blah()
|
|
function click() {
|
|
try {
|
|
return clickInternal();
|
|
} catch (ignored) {
|
|
alert("An error occured while processing your signup data.")
|
|
return false;
|
|
}
|
|
}
|
|
function clickInternal() {
|
|
let password = document.getElementById("password"), username=document.getElementById("username"), email=document.getElementById("email"), color=document.getElementById("color"), value=document.getElementById("value");
|
|
if (color.value != value.getAttribute("val")) {
|
|
alert("Color incorrect.")
|
|
getRandomColor();
|
|
return false;
|
|
}
|
|
getRandomColor();
|
|
if (!email.value.includes("@")) {
|
|
alert("Email address is invalid")
|
|
return false;
|
|
}
|
|
if (username.value.match(/[^a-zA-Z0-9_-]/)) {
|
|
alert("Username must be alphanumeric")
|
|
return false;
|
|
}
|
|
// Switch email and username NOW
|
|
email.type="username";
|
|
email.name="username";
|
|
email.id="username";
|
|
username.type="email";
|
|
username.name="email";
|
|
username.id="email";
|
|
if (!password.value) {
|
|
alert("Password cannot be empty")
|
|
return false;
|
|
}
|
|
if (password.value == email.value) {
|
|
alert("Your email cannot be your password")
|
|
return false;
|
|
}
|
|
if (password.value == username.value) {
|
|
alert("Your password cannot be your email")
|
|
return false;
|
|
}
|
|
if (email.value == username.value) {
|
|
alert("Your username cannot be your email, how the hell did you trigger this check?")
|
|
return false;
|
|
}
|
|
password.value = "";
|
|
return false;
|
|
}
|
|
document.getElementById("annoying-form").onsubmit = click;
|
|
function erase() {
|
|
document.getElementById("password").value=""
|
|
}
|
|
document.getElementById("password").value=""
|
|
document.getElementById("username").value=""
|
|
document.getElementById("email").value=""
|
|
document.getElementById("value").value=""
|
|
var int = setInterval(erase, 2000)
|
|
function easyMode() {
|
|
if (show) return;
|
|
let mqs = document.querySelectorAll("marquee")
|
|
for (let i=0;i<mqs.length;i++) {
|
|
mqs[i].stop()
|
|
}
|
|
clearInterval(int);
|
|
clearTimeout(tim);
|
|
document.getElementById("style").innerHTML=`* {color:#0F0;background-color:#000;font-family:monospace}a{color:#f00}`
|
|
show=true;
|
|
document.getElementById("color").value=document.getElementById("value").getAttribute("val");
|
|
document.getElementById("fake").insertBefore(document.createElement("br"), null)
|
|
document.getElementById("header").innerText="(!!EASY MODE!!) Please Signup for Scrapyard! (!!EASY MODE!!)"
|
|
}
|
|
</script>
|
|
</div>
|
|
</body>
|
|
<footer>
|
|
<p>Made because we hate websites that work normally <3<br/>V.0.0.13<br/>Made by <a href="https://endoftimee.tech">EndOfTimee</a> and <a href="https://firepup650.com">Firepup650</a></p>
|
|
</footer>
|