Add easyMode, add noscript notice, diable submit button in 3 ways by default

This commit is contained in:
Firepup Sixfifty 2025-03-01 21:32:10 -06:00
parent d2464762da
commit 69066b400a
No known key found for this signature in database

View file

@ -1,23 +1,40 @@
<!DOCTYPE html> <!DOCTYPE html>
<head> <head>
<title>Scrapyard Signup</title> <title>Scrapyard Signup</title>
<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.ico" />
<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.ico" />
<style id="style"></style> <style id="style"></style>
</head> </head>
<body> <body>
<noscript><h1>Nice try buddy. Enable javascript, cheater.</h1></noscript>
<div class="login-container"> <div class="login-container">
<marquee> <marquee>
<h1>Please Signup for Scrapyard!</h1> <h1 id="header">Please Signup for Scrapyard!</h1>
<form id="annoying-form"> <form id="annoying-form">
<marquee><label for="username">Username:</label><input id="password" name="password" type="password"/></marquee> <marquee><label for="username">Username:</label><input id="password" name="password" type="password"/></marquee>
<label for="email">Email:</label><input id="email" name="email" type="email"/><br/> <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="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/> <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="submit" disabled="true" aria-disabled="true">Submit</button> <button id="submit" type="button" disabled="true" aria-disabled="true">Submit</button>
</form> </form>
<marquee> <marquee>
<script> <script>
document.getElementById("submit").removeAttribute("disabled"); var tim, show=false;
document.getElementById("submit").removeAttribute("aria-disabled"); 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 // below function modified from https://stackoverflow.com/a/1484514
function color() { function color() {
let letters = "0123456789ABCDEF", color = "#"; let letters = "0123456789ABCDEF", color = "#";
@ -28,8 +45,12 @@
} }
function getRandomColor() { function getRandomColor() {
let colorVal = color(); let colorVal = color();
document.getElementById("color").value="";
document.getElementById("value").style=`background-color: ${colorVal}`; document.getElementById("value").style=`background-color: ${colorVal}`;
document.getElementById("value").setAttribute("val", colorVal); document.getElementById("value").setAttribute("val", colorVal);
if (show) {
document.getElementById("color").value=colorVal;
}
} }
function font() { function font() {
let fonts=["Georiga", "Arial", "Verdana", "Tahoma", '"Trebuchet MS"', '"Times New Roman"', "Garmond", '"Courier New"', '"Bush Script MT"']; let fonts=["Georiga", "Arial", "Verdana", "Tahoma", '"Trebuchet MS"', '"Times New Roman"', "Garmond", '"Courier New"', '"Bush Script MT"'];
@ -69,7 +90,7 @@
}`; }`;
let time=Math.round(10000+((Math.random()*15)*1000)); let time=Math.round(10000+((Math.random()*15)*1000));
console.log(time) console.log(time)
setTimeout(blah, time); tim = setTimeout(blah, time);
} }
blah() blah()
function click() { function click() {
@ -130,10 +151,24 @@
document.getElementById("username").value="" document.getElementById("username").value=""
document.getElementById("email").value="" document.getElementById("email").value=""
document.getElementById("value").value="" document.getElementById("value").value=""
setInterval(erase, 2000) 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> </script>
</div> </div>
</body> </body>
<footer> <footer>
<p>Made because we hate websites that work normally <3<br/>V.0.0.10<br/>Made by <a href="https://endoftimee.tech">EndOfTimee</a> and <a href="https://firepup650.com">Firepup650</a></p> <p>Made because we hate websites that work normally <3<br/>V.0.0.11<br/>Made by <a href="https://endoftimee.tech">EndOfTimee</a> and <a href="https://firepup650.com">Firepup650</a></p>
</footer> </footer>