From 69066b400a87420f0136decfba036ad5d610c028 Mon Sep 17 00:00:00 2001
From: Firepup Sixfifty <firepyp650@gmail.com>
Date: Sat, 1 Mar 2025 21:32:10 -0600
Subject: [PATCH] Add easyMode, add noscript notice, diable submit button in 3
 ways by default

---
 index.html | 51 +++++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 43 insertions(+), 8 deletions(-)
diff --git a/index.html b/index.html
index 1629b3f..bc58469 100644
--- a/index.html
+++ b/index.html
@@ -1,23 +1,40 @@
 <!DOCTYPE html>
 <head>
   <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>
 </head>
 <body>
+  <noscript><h1>Nice try buddy. Enable javascript, cheater.</h1></noscript>
   <div class="login-container">
     <marquee>
-      <h1>Please Signup for Scrapyard!</h1>
+      <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>
-        <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="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>
     <marquee>
     <script>
-      document.getElementById("submit").removeAttribute("disabled");
-      document.getElementById("submit").removeAttribute("aria-disabled");
+      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 = "#";
@@ -28,8 +45,12 @@
       }
       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"'];
@@ -69,7 +90,7 @@
     }`;
       let time=Math.round(10000+((Math.random()*15)*1000));
       console.log(time)
-      setTimeout(blah, time);
+      tim = setTimeout(blah, time);
       }
       blah()
       function click() {
@@ -130,10 +151,24 @@
       document.getElementById("username").value=""
       document.getElementById("email").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>
   </div>
 </body>
 <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>
