This repository was archived by the owner on Aug 25, 2024. It is now read-only.
-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathscript.html
189 lines (176 loc) · 8.73 KB
/
script.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html lang="en">
<head>
<title>Script progress - Daring Dragons DI Team</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Dive into the script progress of Daring Dragons Destination Imagination Team. Follow our creative journey and problem-solving endeavors.">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/x-icon" href="photos/favicon-removebg-preview.webp">
<meta name="keywords" content="Destination Imagination, Creative Problem Solving, Daring Dragons, Team, Innovation">
<meta name="author" content="Eshaan Ahuja">
<meta name="language" content="English">
<link rel="apple-touch-icon" href="photos/favicon.webp">
<meta name="theme-color" content="#8DCFEC">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap">
<meta property="og:locale" content="en_US"/>
<meta property="og:type" content="website"/>
<meta property="og:description" content="Dive into the script progress of Daring Dragons Destination Imagination Team. Follow our creative journey and problem-solving endeavors."/>
<meta property="og:site_name" content="Script progress - Daring Dragons DI Team"/>
<meta property="og:url" content="https://ahujaesh.github.io/script.html"/>
<meta property="og:title" content="Script progress - Daring Dragons DI Team"/>
<?php include 'scripts.php'; ?>
<style>
.answer {
padding: 10px;
display: none;
background-color: #fff;
}
</style>
</head>
<body>
<header>
<div id="big">
<ul id="u">
<li id="hed"> <a href="index.html"> Go to the home page! </a></li>
<li id="hed"> <a href="contact.html"> Contact us! </a></li>
<li id="hed"> <a href="sponsorships.html"> Sponsorships! </a></li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropbtn">About our team!</a>
<div class="dropdown-content">
<a id="hd" href="varun_i.html">Varun I</a>
<a id="hd" href="gokul_s.html">Gokul S</a>
<a id="hd" href="eshaan_a.html">Eshaan A</a>
<a id="hd" href="sristi_s.html">Sristi S</a>
<a id="hd" href="sk.html">Sahasra K</a>
<a id="hd" href="sahasra_v.html">Sahasra V</a>
<a id="hd" href="rj.html">Ruchika Joshi - The Team Manager!!</a>
</div>
</li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropbtn">Team progress & fun games!</a>
<div class="dropdown-content">
<a id="hd" href="script.html">Script Progress!</a>
<a id="hd" href="sets&costumes.html">Sets and Costumes progress!</a>
<a id="hd" href="quiz.html">Take a DI quiz to test your knowledge!</a>
<a id="hd" href="resources.html">Resources/Materials</a>
</div>
</li>
<li id="long">|</li>
<input type="text" id="search" placeholder="Search for info on our page!">
<div id="search-results"></div>
</ul>
<h1>Script progress</h1>
</div>
</header>
<div id="dialog"></div>
<section>
<h2>What is the purpose of this page?</h2>
<hr>
<p>The purpose of this page is to allow verified login holders to sign in to this page with the login credentials they have been given by us to view our most up-to-date script, our archived scripts, and our script urgent information. If you do not have any login credentials given by us, do not enter any other passwords on this page.</p>
<h2>Login here</h2>
<hr>
<p><strong></strong>Sorry, we are only allowed to disclose this information to registered individuals. To see this info, please sign in with the login information given by a member of our team. Do not enter any other passwords or sensitive content except for the login given by us, the Daring Dragons Destination Imagination team. This information is not saved anywhere.</p>
<form class="my-form">
<input type="text" placeholder="Username" name="Username">
<br>
<input type="password" placeholder="Password" name="my-input">
<br>
<br>
<button class="button-blue">Log in</button>
</form>
<h2>Locked information will display here:</h2>
<hr>
<div id="classified">
<!-- locked info will display here once username and password are inputted above-->
</div>
<hr>
<button id="lock" onclick="javascript:(function(){classified.innerHTML = `<p>This site is locked. Please sign in again.</p>`;})()">🔒 Lock Page 🔒</button>
<br>
</section>
<section>
<hr>
<br>
<div class="faq-item">
<button class="toggle-btn" onclick="toggleAnswer()">Help, I forgot my username/password!</button>
<div class="answer" id="answer"><br>Text Eshaan.<br></div>
</div>
<br>
</section>
<a href="index.html" class="button">Back to Main Page</a>
<script>
function toggleAnswer() {
var answer = document.getElementById("answer");
if (answer.style.display === "block") {
answer.style.display = "none";
} else {
answer.style.display = "block";
}
}
document.addEventListener("DOMContentLoaded", function() {
window.unlock = function() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById("classified").innerHTML = xhr.responseText;
}
};
xhr.open("GET", "scripts.php", true);
xhr.send();
};
if (document.cookie.includes("isEshaan=true")) {
alert("Welcome Master Eshaan, unlocking the site for you sir.");
const input = prompt("But we do need you to enter your authentication code sir for security."); // Prompting the user for the password
if (input == "asdfjkl;" || input == "od" || input == "the password") {
alert("Authentication complete, you may now enter the site.");
unlock();
} else {
alert("Incorrect password, please sign in normally on the page to gain access to this very secure data.");
}
}
});
const classified = document.getElementById('classified');
const form = document.querySelector(".my-form");
form.addEventListener("submit", function (e) {
e.preventDefault()
const formdata = new FormData(this);
const username = formdata.get("Username");
const password = formdata.get("my-input");
if (username === "eshaan" && (password === "od" || password === "the password" || password === "asdfjkl;")) {
document.cookie = "isEshaan=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/"; // replaces "set cookie" function
unlock();
} else if (password === "od" || password === "the password" || password === "asdfjkl;") {
alert("Correct Username and Password, unlocking all information");
var xhr2 = new XMLHttpRequest();
xhr2.onreadystatechange = function() {
if (xhr2.readyState === 4 && xhr2.status === 200) {
document.getElementById("classified").innerHTML = xhr2.responseText; // <-- Corrected variable name
}
};
xhr2.open("GET", "scripts.php", true); // <-- Corrected variable name
xhr2.send();
} else {
alert("Incorrect Username or Password");
}
});
const searchInput = document.getElementById("search");
const teamMembers = document.querySelectorAll("#u li");
searchInput.addEventListener("input", () => {
const searchTerm = searchInput.value.toLowerCase();
for (const member of teamMembers) {
const memberName = member.textContent.toLowerCase();
if (memberName.includes(searchTerm)) {
member.style.display = "block";
} else {
member.style.display = "none";
}
}
});
</script>
<hr>
<footer>
<p>© 2024 Eshaan Ahuja - Daring Dragons. All rights reserved.</p>
</footer>
<br>
<br>
</body>
</html>