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

add files

Browse Source
This commit is contained in:
Dieter Blocher
2025-01-20 14:04:16 +00:00
parent 4799cdf404
commit d7c69ab6ee
13 changed files with 595 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/public/alt.html
View File

@@ -1,14 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>HTML 5 Boilerplate</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Hiidfdcvdfsdgft</h1>
<script src="index.js"></script>
</body>
</html>

52
src/public/enter_school.html Normal file
View File

@@ -0,0 +1,52 @@
<html>
<head>
<title>Hacking Game...</title>
<link rel="stylesheet" href="/stylesheets/style.css">
</head>
<body>
<center><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>
</center>
<style>
.tb_button {
padding: 1px;
cursor: pointer;
border-right: 1px solid #8b8b8b;
border-left: 1px solid #FFF;
border-bottom: 1px solid #fff;
}
.tb_button.hover {
borer: 2px outset #def;
background-color: #f8f8f8 !important;
}
.ws_toolbar {
z-index: 100000
}
.ws_toolbar .ws_tb_btn {
cursor: pointer;
border: 1px solid #555;
padding: 3px
}
.tb_highlight {
background-color: yellow
}
.tb_hide {
visibility: hidden
}
.ws_toolbar img {
padding: 2px;
margin: 0px
}
</style>
</body>
</html>

2
src/public/index.html → src/public/index2.html
View File

@@ -8,7 +8,7 @@
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<h1>Hiidfdcvdfsdgft</h1> <h1>Hiidfdcvdfsdgfthjhkjhhhhk</h1>
<img src="./images/free.png"> <img src="./images/free.png">
</body> </body>
</html> </html>

81
src/public/math_abi.html Normal file
View File

@@ -0,0 +1,81 @@
<html>
<head>
<title>Hacking Game...</title>
<link rel="stylesheet" href="/stylesheets/style.css">
</head>
<body>
<center>
<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>
</center>
<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";
}
else {
document.getElementById("nullstelle").focus();
document.getElementById("wrong-solution").classList.remove("hidden");
document.getElementById("wrong-solution").classList.add("visible");
}
});</script>
<style>
.tb_button {
padding: 1px;
cursor: pointer;
border-right: 1px solid #8b8b8b;
border-left: 1px solid #FFF;
border-bottom: 1px solid #fff;
}
.tb_button.hover {
borer: 2px outset #def;
background-color: #f8f8f8 !important;
}
.ws_toolbar {
z-index: 100000
}
.ws_toolbar .ws_tb_btn {
cursor: pointer;
border: 1px solid #555;
padding: 3px
}
.tb_highlight {
background-color: yellow
}
.tb_hide {
visibility: hidden
}
.ws_toolbar img {
padding: 2px;
margin: 0px
}
</style><span id="okta-plugin-message-channel-available" style="display: none;"></span>
</body>
</html>

BIN
src/public/pictures/background00.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
src/public/pictures/background01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 162 KiB

BIN
src/public/pictures/background02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 77 KiB

BIN
src/public/pictures/background03-cropped.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB

BIN
src/public/pictures/background04.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 82 KiB

BIN
src/public/sounds/background-electro.mp3 Normal file
View File

Binary file not shown.

61
src/public/start.html Normal file
View File

@@ -0,0 +1,61 @@
<html>
<head>
<title>Hacking Game...</title>
<link rel="stylesheet" href="/stylesheets/style.css">
</head>
<body>
<center>
<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
things easier for you, you first try to get access to the teacher's PC. Unfortunately, you don't find the
solutions you were hoping for and so you have to shine with your own knowledge. Once you've done that, all
that's missing is your report card, which is locked away in a secure safe. Unfortunately, there is no teacher
on site who could hand over your certificate. Can you crack the safe and find the secret link to the
university? May the force be with you.</span></div>
</div><a href="/enter_school.html">
<h3>Start your task and good luck...</h3>
</a>
</center>
<style>
.tb_button {
padding: 1px;
cursor: pointer;
border-right: 1px solid #8b8b8b;
border-left: 1px solid #FFF;
border-bottom: 1px solid #fff;
}
.tb_button.hover {
borer: 2px outset #def;
background-color: #f8f8f8 !important;
}
.ws_toolbar {
z-index: 100000
}
.ws_toolbar .ws_tb_btn {
cursor: pointer;
border: 1px solid #555;
padding: 3px
}
.tb_highlight {
background-color: yellow
}
.tb_hide {
visibility: hidden
}
.ws_toolbar img {
padding: 2px;
margin: 0px
}
</style>
</body>
</html>

304
src/public/stylesheets/style.css Normal file
View File

@@ -0,0 +1,304 @@
.h3
{
color: white;
}
h3:link
{
color: white;
}
h3:visited
{
color: white;
}
h3:hover
{
color: white;
}
h3:active
{
color: white;
}
h3:link
{
color: white;
}
body {
background-color: black;
padding: 0px;
font: 26px "Lucida Grande", Helvetica, Arial, sans-serif;
color: white;
}
a {
color: white;
}
.login-div{
position:relative;
display:inline-block;
width:960px;
}
#login-hint{
position: absolute;
left: 220px;
top: 353px;
visibility: hidden;
}
#login-hint-map{
z-index: 1000;
position: absolute;
top: 370px;
left: 245px;
width: 90px;
height: 80px;
}
.login-image-div:hover{
float: left;
width: 240px;
height: 90px;
background: url("/pictures/userpass/background03_5x2.png")
}
.login-mask{
border:none;
margin: 0;
padding-inline: 5px;
background: #212121;
color: #36cb09;
width:311px;
height: 27px;
}
#login-button{
vertical-align: middle;
text-align: center;
border: 0;
padding-inline: 2px;
background: #36cb09;
color: #212121;
width:75px;
height: 33px;
font-weight: bold;
position: absolute;
left: 566px;
top: 301px;
}
.login-mask:focus{
border:none;
outline: none;
}
.visible{
visibility: visible;
}
.hidden{
visibility: hidden;
}
#user{
position: absolute; left: 320px; top: 154px;
}
#password{
position: absolute; left: 319px; top: 246px;
}
#credentials-error {
position: absolute; left: 315px; top: 300px;
color: #36cb09;
}
.math-div{
position:relative;
display:inline-block;
width:960px;
}
.math-mask{
border:none;
margin: 0;
padding-inline: 5px;
background: #FFFFFF;
color: black;
width:144px;
height: 22px;
}
.math-mask:focus{
border:none;
outline: none;
}
#abgeben-button{
vertical-align: middle;
text-align: center;
padding-inline: 2px;
background: white;
color: #212121;
width:75px;
height: 33px;
font-weight: bold;
position: absolute;
left: 529px;
top: 405px;
}
#wrong-solution{
position: absolute;
left: 613px;
top: 343px;
color: red;
font-size: xx-large;
}
#nullstelle{
position: absolute; left: 446px; top: 346px;
}
.hidden_content
{
color: black;
}
.hidden_link:link
{
color: black;
}
.hidden_link:visited
{
color: black;
}
.hidden_link:hover
{
color: black;
}
.hidden_link:active
{
color: black;
}
.hidden_link:link
{
color: black;
}
.userdata-div{
position:relative;
display:inline-block;
width:960px;
}
.userdata-mask
{
margin: 0;
padding-inline: 5px;
background: #FFFFFF;
color: black;
width:300px;
height: 22px;
}
.userdata-submit-mask
{
margin: 0;
padding-inline: 5px;
background: lightgrey;
color: black;
width:150px;
height: 24px;
}
.userdata-lable-mask
{
color: black;
font-size: small;
}
#firstname_label
{
position: absolute; left: 300px; top: 170px;
}
#firstname
{
position: absolute; left: 300px; top: 200px;
}
#familyname_label
{
position: absolute; left: 300px; top: 230px;
}
#familyname
{
position: absolute; left: 300px; top: 260px;
}
#email_label
{
position: absolute; left: 300px; top: 290px;
}
#email
{
position: absolute; left: 300px; top: 320px;
}
#phonenumber_label
{
position: absolute; left: 300px; top: 350px;
}
#phonenumber
{
position: absolute; left: 300px; top: 380px;
}
#submit_data
{
position: absolute; left: 300px; top: 440px;
}
#typewriter
{
position: absolute; left: 275px; top: 50px;
width:410px;
text-align: left;
}
.type {
font-size: 17px;
color:#0000;
background:
linear-gradient(-90deg,black 5px,#0000 0) 10px 0,
linear-gradient(black 0 0) 0 0;
background-size:calc(var(--n)*1ch) 200%;
-webkit-background-clip:padding-box,text;
background-clip:padding-box,text;
background-repeat:no-repeat;
animation:
b .2s infinite steps(1),
t calc(var(--n)*.03s) steps(var(--n)) forwards;
}
@keyframes t{
from {background-size:0 200%}
}
@keyframes b{
50% {background-position:0 -100%,0 0}
}

96
src/public/userpass.html Normal file
View File

@@ -0,0 +1,96 @@
<html>
<head>
<title>Hacking Game...</title>
<link rel="stylesheet" href="/stylesheets/style.css">
</head>
<body><audio src="/sounds/background-electro.mp3" autoplay="" loop=""></audio>
<center>
<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>
</center>
<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-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><span id="okta-plugin-message-channel-available" style="display: none;"></span>
<style>
.tb_button {
padding: 1px;
cursor: pointer;
border-right: 1px solid #8b8b8b;
border-left: 1px solid #FFF;
border-bottom: 1px solid #fff;
}
.tb_button.hover {
borer: 2px outset #def;
background-color: #f8f8f8 !important;
}
.ws_toolbar {
z-index: 100000
}
.ws_toolbar .ws_tb_btn {
cursor: pointer;
border: 1px solid #555;
padding: 3px
}
.tb_highlight {
background-color: yellow
}
.tb_hide {
visibility: hidden
}
.ws_toolbar img {
padding: 2px;
margin: 0px
}
</style>
</body>
</html>