diff --git a/src/public/alt.html b/src/public/alt.html deleted file mode 100644 index 2a52721..0000000 --- a/src/public/alt.html +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - HTML 5 Boilerplate - - - -

Hiidfdcvdfsdgft

- - - \ No newline at end of file diff --git a/src/public/enter_school.html b/src/public/enter_school.html new file mode 100644 index 0000000..fc84808 --- /dev/null +++ b/src/public/enter_school.html @@ -0,0 +1,52 @@ + + + + Hacking Game... + + + + +
+

Enter the door...

Test +
+ + + + \ No newline at end of file diff --git a/src/public/index.html b/src/public/index2.html similarity index 89% rename from src/public/index.html rename to src/public/index2.html index 25acfce..5c5d964 100644 --- a/src/public/index.html +++ b/src/public/index2.html @@ -8,7 +8,7 @@ -

Hiidfdcvdfsdgft

+

Hiidfdcvdfsdgfthjhkjhhhhk

\ No newline at end of file diff --git a/src/public/math_abi.html b/src/public/math_abi.html new file mode 100644 index 0000000..fa470eb --- /dev/null +++ b/src/public/math_abi.html @@ -0,0 +1,81 @@ + + + + Hacking Game... + + + + +
+
+
+ +
+

Solve the task...

+
+
+ + + + + \ No newline at end of file diff --git a/src/public/pictures/background00.png b/src/public/pictures/background00.png new file mode 100644 index 0000000..091ed09 Binary files /dev/null and b/src/public/pictures/background00.png differ diff --git a/src/public/pictures/background01.png b/src/public/pictures/background01.png new file mode 100644 index 0000000..d574236 Binary files /dev/null and b/src/public/pictures/background01.png differ diff --git a/src/public/pictures/background02.png b/src/public/pictures/background02.png new file mode 100644 index 0000000..27ac5aa Binary files /dev/null and b/src/public/pictures/background02.png differ diff --git a/src/public/pictures/background03-cropped.png b/src/public/pictures/background03-cropped.png new file mode 100644 index 0000000..43911ec Binary files /dev/null and b/src/public/pictures/background03-cropped.png differ diff --git a/src/public/pictures/background04.png b/src/public/pictures/background04.png new file mode 100644 index 0000000..a97dd69 Binary files /dev/null and b/src/public/pictures/background04.png differ diff --git a/src/public/sounds/background-electro.mp3 b/src/public/sounds/background-electro.mp3 new file mode 100644 index 0000000..d428b1c Binary files /dev/null and b/src/public/sounds/background-electro.mp3 differ diff --git a/src/public/start.html b/src/public/start.html new file mode 100644 index 0000000..85d073e --- /dev/null +++ b/src/public/start.html @@ -0,0 +1,61 @@ + + + + Hacking Game... + + + + +
+
+
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.
+
+

Start your task and good luck...

+ +
+ + + + \ No newline at end of file diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css new file mode 100644 index 0000000..1e0d36f --- /dev/null +++ b/src/public/stylesheets/style.css @@ -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} +} diff --git a/src/public/userpass.html b/src/public/userpass.html new file mode 100644 index 0000000..d1116de --- /dev/null +++ b/src/public/userpass.html @@ -0,0 +1,96 @@ + + + + Hacking Game... + + + + +
+
+ +

Enter your credentials...

+
+
+ + + + + \ No newline at end of file