add files
This commit is contained in:
Dieter Blocher
@@ -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
52
src/public/enter_school.html
Normal 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>
|
||||
@@ -8,7 +8,7 @@
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hiidfdcvdfsdgft</h1>
|
||||
<h1>Hiidfdcvdfsdgfthjhkjhhhhk</h1>
|
||||
<img src="./images/free.png">
|
||||
</body>
|
||||
</html>
|
||||
81
src/public/math_abi.html
Normal file
81
src/public/math_abi.html
Normal 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
BIN
src/public/pictures/background00.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
src/public/pictures/background01.png
Normal file
BIN
src/public/pictures/background01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 162 KiB |
BIN
src/public/pictures/background02.png
Normal file
BIN
src/public/pictures/background02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
BIN
src/public/pictures/background03-cropped.png
Normal file
BIN
src/public/pictures/background03-cropped.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
BIN
src/public/pictures/background04.png
Normal file
BIN
src/public/pictures/background04.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
BIN
src/public/sounds/background-electro.mp3
Normal file
BIN
src/public/sounds/background-electro.mp3
Normal file
Binary file not shown.
61
src/public/start.html
Normal file
61
src/public/start.html
Normal 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
304
src/public/stylesheets/style.css
Normal 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
96
src/public/userpass.html
Normal 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>
|
||||
Reference in New Issue
Block a user