added TADS 1 and 2

2025-04-04 20:28:38 +02:00
parent a02224cdc8
commit 3d894c54fc
45 changed files with 492 additions and 16 deletions
--- a/static/projects/tads/tads1/index.html
+++ b/static/projects/tads/tads1/index.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset='utf-8'>
+        <meta name='viewport' content='width=device-width'>
+        <title>Totally Accurate Dating Simulator</title>
+        <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="stylesheet" href="/projects/tads/pagestyle.css">
+        <script>
+            let playerNameEmptyError = "Your name cannot be nothing, silly.";
+            let promisingButtonText = "Find hot girls";
+            let disillusionedButtonText = "Continue being sad";
+            let loserText = "There are hot girls around, but they are not interested in ";
+        
+            var isButtonClicked = false;
+
+            var playerName;
+
+            window.onload = function() {
+                document.getElementById("button").innerText = promisingButtonText;
+
+                document.getElementById("datingsim").style.display = "none";
+            }
+
+            function finishPrep() {
+                let name = document.getElementById("playerName").value;
+
+                if (name.trim() === "") {
+                    document.getElementById("error").innerText = playerNameEmptyError;
+                    return;
+                }
+
+                playerName = name;
+                document.getElementById("prep").style.display = "none";
+                document.getElementById("datingsim").style.display = "block";
+            }
+
+            function datingSimButton() {
+                if (isButtonClicked) {
+                    document.getElementById("text").innerText = "";
+                    document.getElementById("button").innerText = promisingButtonText;
+                } else {
+                    document.getElementById("text").innerText = loserText + playerName + ".";
+                    document.getElementById("button").innerText = disillusionedButtonText;
+                }
+                isButtonClicked = !isButtonClicked;
+            }
+        </script>
+    </head>
+    <body>
+        <h1 class="fancy-header">Totally Accurate Dating Simulator</h1>
+        <div id="prep">
+            <input id="playerName"/>
+            <p id="error"></p>
+            <button onclick="finishPrep()">Get dating!</button>
+        </div>
+        <div id="datingsim">
+            <p id="text"></p>
+            <button id="button" onclick="datingSimButton()">Find hot girls</button>
+        </div>
+    </body>
+</html>