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

3
src/public/4acd7872dbae41e89c548130f6dca980.html
View File

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

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

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

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

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

2
src/public/enter_school.html
View File

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

5
src/public/math_abi.html
View File

@@ -6,9 +6,11 @@
</head> </head>
<body> <body>
<div class="container">
<form id="math-form"> <form id="math-form">
<div class="math-div"><img class="math-image" src="./pictures/background04.png"><input class="math-mask" <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> type="text" id="nullstelle" name="nullstelle"><button id="abgeben-button"
type="submit">Abgeben</button>
<div class="hidden" id="wrong-solution">f</div> <div class="hidden" id="wrong-solution">f</div>
</div> </div>
<h3>Solve the task...</h3> <h3>Solve the task...</h3>
@@ -36,6 +38,7 @@
document.getElementById("wrong-solution").classList.add("visible"); document.getElementById("wrong-solution").classList.add("visible");
} }
});</script> });</script>
</div>
</body> </body>
</html> </html>

2
src/public/start.html
View File

@@ -6,6 +6,7 @@
</head> </head>
<body> <body>
<div class="container">
<div class="userdata-div"><img class="background-image" src="./pictures/background00.png"> <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 <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 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"> </div><a href="/enter_school.html">
<h3>Start your task and good luck...</h3> <h3>Start your task and good luck...</h3>
</a> </a>
</div>
</body> </body>
</html> </html>

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

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

8
src/public/userpass.html
View File

@@ -5,13 +5,16 @@
<link rel="stylesheet" href="/stylesheets/style.css"> <link rel="stylesheet" href="/stylesheets/style.css">
</head> </head>
<body><audio src="/sounds/background-electro.mp3" autoplay="" loop=""></audio> <body>
<div class="container">
<audio src="/sounds/background-electro.mp3" autoplay="" loop=""></audio>
<form id="login-form"> <form id="login-form">
<div class="login-div"><img src="./pictures/background02.png"><img id="login-hint" <div class="login-div"><img src="./pictures/background02.png"><img id="login-hint"
src="./pictures/background03-cropped.png" style="visibility: hidden;"> src="./pictures/background03-cropped.png" style="visibility: hidden;">
<div id="login-hint-map"></div><input class="login-mask" type="text" name="user" id="user" <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" 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> id="password" placeholder="Enter Password here..."><button id="login-button"
type="submit">Ok!</button>
<div class="visible" id="credentials-error">Wrong credentials!</div> <div class="visible" id="credentials-error">Wrong credentials!</div>
</div> </div>
<h3>Enter your credentials...</h3> <h3>Enter your credentials...</h3>
@@ -51,6 +54,7 @@
document.getElementById("login-hint-map").addEventListener("mouseout", function (event) { document.getElementById("login-hint-map").addEventListener("mouseout", function (event) {
document.getElementById("login-hint").style.visibility = "hidden"; document.getElementById("login-hint").style.visibility = "hidden";
});</script> });</script>
</div>
</body> </body>
</html> </html>

2
src/views/index.ejs
View File

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