dieter/test_dev
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add a div container to all pages...

Browse Source
This commit is contained in:
Dieter Blocher
2025-01-29 14:54:16 +00:00
parent 4ed3721ce5
commit ca77e0842d
9 changed files with 115 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/public/4acd7872dbae41e89c548130f6dca980.html
View File

@@ -6,8 +6,9 @@
</head>
<body>
<h3>Placeholder...</h3>
<div class="container">
<h3>Placeholder...</h3>
</div>
</body>
</html>

12
src/public/access/false/safebox.html
View File

@@ -7,11 +7,13 @@
</head>
<body>
<img class="background-image" src="/pictures/background05.png">
<h3>
<span style="color: red">U</span>nlock the secu<span style="color: red">r</span>ed safe quick<span
style="color: red">l</span>y...
</h3>
<div class="container">
<img class="background-image" src="/pictures/background05.png">
<h3>
<span style="color: red">U</span>nlock the secu<span style="color: red">r</span>ed safe quick<span
style="color: red">l</span>y...
</h3>
</div>
</body>
</html>

15
src/public/access/true/safebox.html
View File

@@ -7,12 +7,15 @@
</head>
<body>
<img class="background-image" src="/pictures/background06.png">
<h3>Congratulations, you got the certificate!!!</h3>
<h4>
Find the hidden link to<a class="hidden_link" href="/4acd7872dbae41e89c548130f6dca980.html" target="_self"> </a>
continue...
</h4>
<div class="container">
<img class="background-image" src="/pictures/background06.png">
<h3>Congratulations, you got the certificate!!!</h3>
<h4>
Find the hidden link to<a class="hidden_link" href="/4acd7872dbae41e89c548130f6dca980.html" target="_self">
</a>
continue...
</h4>
</div>
</body>
</html>

8
src/public/enter_school.html
View File

@@ -6,9 +6,11 @@
</head>
<body>
<img class="background-image" src="./pictures/background01.png" usemap="#no">
<h3>Enter the door...</h3><map name="no"><area shape="rect" coords="501,158,634,380" alt="Test"
href="./userpass.html"></map>
<div class="container">
<img class="background-image" src="./pictures/background01.png" usemap="#no">
<h3>Enter the door...</h3><map name="no"><area shape="rect" coords="501,158,634,380" alt="Test"
href="./userpass.html"></map>
</div>
</body>
</html>

59
src/public/math_abi.html
View File

@@ -6,36 +6,39 @@
</head>
<body>
<form id="math-form">
<div class="math-div"><img class="math-image" src="./pictures/background04.png"><input class="math-mask"
type="text" id="nullstelle" name="nullstelle"><button id="abgeben-button" type="submit">Abgeben</button>
<div class="hidden" id="wrong-solution">f</div>
</div>
<h3>Solve the task...</h3>
</form>
<script>checkInput = function (nullstelle) {
nullstelle = btoa(nullstelle);
if (nullstelle == "MA==") {
return true;
} else {
return false;
<div class="container">
<form id="math-form">
<div class="math-div"><img class="math-image" src="./pictures/background04.png"><input class="math-mask"
type="text" id="nullstelle" name="nullstelle"><button id="abgeben-button"
type="submit">Abgeben</button>
<div class="hidden" id="wrong-solution">f</div>
</div>
<h3>Solve the task...</h3>
</form>
<script>checkInput = function (nullstelle) {
nullstelle = btoa(nullstelle);
if (nullstelle == "MA==") {
return true;
} else {
return false;
}
}
}
document.getElementById("math-form").addEventListener("submit", function (event) {
event.preventDefault();
let nullstelle = document.getElementById("nullstelle").value;
if (checkInput(nullstelle)) {
document.getElementById("wrong-solution").classList.add("hidden");
document.getElementById("wrong-solution").classList.remove("visible");
window.location.href = "/access/false/safebox.html";
}
else {
document.getElementById("nullstelle").focus();
document.getElementById("wrong-solution").classList.remove("hidden");
document.getElementById("wrong-solution").classList.add("visible");
}
});</script>
document.getElementById("math-form").addEventListener("submit", function (event) {
event.preventDefault();
let nullstelle = document.getElementById("nullstelle").value;
if (checkInput(nullstelle)) {
document.getElementById("wrong-solution").classList.add("hidden");
document.getElementById("wrong-solution").classList.remove("visible");
window.location.href = "/access/false/safebox.html";
}
else {
document.getElementById("nullstelle").focus();
document.getElementById("wrong-solution").classList.remove("hidden");
document.getElementById("wrong-solution").classList.add("visible");
}
});</script>
</div>
</body>
</html>

2
src/public/start.html
View File

@@ -6,6 +6,7 @@
</head>
<body>
<div class="container">
<div class="userdata-div"><img class="background-image" src="./pictures/background00.png">
<div class="typewriter" id="typewriter"><span class="type" style="--n:620">Your goal in this small hacker game is
to enroll in university. You start as a student and all you have to do is pass your final math exam. To make
@@ -17,6 +18,7 @@
</div><a href="/enter_school.html">
<h3>Start your task and good luck...</h3>
</a>
</div>
</body>
</html>

8
src/public/stylesheets/style.css
View File

@@ -27,6 +27,14 @@ body {
padding: 0px;
font: 26px "Lucida Grande", Helvetica, Arial, sans-serif;
color: white;
display: flex;
justify-content: center;
/* Centers horizontally */
align-items: center;
/* Centers vertically */
height: 100vh;
/* Ensures full height */
margin: 0;
}
a {

88
src/public/userpass.html
View File

@@ -5,52 +5,56 @@
<link rel="stylesheet" href="/stylesheets/style.css">
</head>
<body><audio src="/sounds/background-electro.mp3" autoplay="" loop=""></audio>
<form id="login-form">
<div class="login-div"><img src="./pictures/background02.png"><img id="login-hint"
src="./pictures/background03-cropped.png" style="visibility: hidden;">
<div id="login-hint-map"></div><input class="login-mask" type="text" name="user" id="user"
placeholder="Enter Username here..."><input class="login-mask" type="password" name="password"
id="password" placeholder="Enter Password here..."><button id="login-button" type="submit">Ok!</button>
<div class="visible" id="credentials-error">Wrong credentials!</div>
</div>
<h3>Enter your credentials...</h3>
</form>
<script>checkCredentials = function (username, password) {
username = btoa(username);
password = btoa(password);
if (username == "TGVocmVy" && password == "dGVzdA==") {
return true;
} else {
return false;
<body>
<div class="container">
<audio src="/sounds/background-electro.mp3" autoplay="" loop=""></audio>
<form id="login-form">
<div class="login-div"><img src="./pictures/background02.png"><img id="login-hint"
src="./pictures/background03-cropped.png" style="visibility: hidden;">
<div id="login-hint-map"></div><input class="login-mask" type="text" name="user" id="user"
placeholder="Enter Username here..."><input class="login-mask" type="password" name="password"
id="password" placeholder="Enter Password here..."><button id="login-button"
type="submit">Ok!</button>
<div class="visible" id="credentials-error">Wrong credentials!</div>
</div>
<h3>Enter your credentials...</h3>
</form>
<script>checkCredentials = function (username, password) {
username = btoa(username);
password = btoa(password);
if (username == "TGVocmVy" && password == "dGVzdA==") {
return true;
} else {
return false;
}
}
}
document.getElementById("login-form").addEventListener("submit", function (event) {
event.preventDefault();
let username = document.getElementById("user").value;
let password = document.getElementById("password").value;
if (checkCredentials(username, password)) {
document.getElementById("password").value = ""
document.getElementById("credentials-error").classList.add("hidden");
document.getElementById("credentials-error").classList.remove("visible");
window.location.href = "/math_abi.html";
}
else {
document.getElementById("password").value = ""
document.getElementById("password").focus();
document.getElementById("credentials-error").classList.remove("hidden");
document.getElementById("credentials-error").classList.add("visible");
}
});
document.getElementById("login-form").addEventListener("submit", function (event) {
event.preventDefault();
let username = document.getElementById("user").value;
let password = document.getElementById("password").value;
if (checkCredentials(username, password)) {
document.getElementById("password").value = ""
document.getElementById("credentials-error").classList.add("hidden");
document.getElementById("credentials-error").classList.remove("visible");
window.location.href = "/math_abi.html";
}
else {
document.getElementById("password").value = ""
document.getElementById("password").focus();
document.getElementById("credentials-error").classList.remove("hidden");
document.getElementById("credentials-error").classList.add("visible");
}
});
document.getElementById("login-hint-map").addEventListener("mouseenter", function (event) {
document.getElementById("login-hint").style.visibility = "visible";
});
document.getElementById("login-hint-map").addEventListener("mouseenter", function (event) {
document.getElementById("login-hint").style.visibility = "visible";
});
document.getElementById("login-hint-map").addEventListener("mouseout", function (event) {
document.getElementById("login-hint").style.visibility = "hidden";
});</script>
document.getElementById("login-hint-map").addEventListener("mouseout", function (event) {
document.getElementById("login-hint").style.visibility = "hidden";
});</script>
</div>
</body>
</html>

6
src/views/index.ejs
View File

@@ -7,8 +7,10 @@
</head>
<body>
<h1>Hi...</h1>
<a href="/start.html">Go to Start!!</a>
<div class="container">
<h1>Hi...</h1>
<a href="/start.html">Go to Start!!</a>
</div>
</body>
</html>