diff --git a/nodemon.json b/nodemon.json index de9a8b2..7dbf4e7 100644 --- a/nodemon.json +++ b/nodemon.json @@ -1,5 +1,5 @@ { - "watch": ["src", "src/public", "config"], - "ext": "js,json,html", + "watch": ["src", "src/public", "src/views", "config"], + "ext": "js,json,html,ejs", "exec": "node ./src/server.js" } \ No newline at end of file diff --git a/src/public/4acd7872dbae41e89c548130f6dca980.html b/src/public/4acd7872dbae41e89c548130f6dca980.html new file mode 100644 index 0000000..1c2cb4a --- /dev/null +++ b/src/public/4acd7872dbae41e89c548130f6dca980.html @@ -0,0 +1,13 @@ + + + + Hacking Game... + + + + +

Placeholder...

+ + + + \ No newline at end of file diff --git a/src/public/access/false/safebox.html b/src/public/access/false/safebox.html new file mode 100644 index 0000000..4282de0 --- /dev/null +++ b/src/public/access/false/safebox.html @@ -0,0 +1,17 @@ + + + + + Hacking Game... + + + + + +

+ Unlock the secured safe quickly... +

+ + + \ No newline at end of file diff --git a/src/public/access/true/safebox.html b/src/public/access/true/safebox.html new file mode 100644 index 0000000..126fc74 --- /dev/null +++ b/src/public/access/true/safebox.html @@ -0,0 +1,18 @@ + + + + + Hacking Game... + + + + + +

Congratulations, you got the certificate!!!

+

+ Find the hidden link to + continue... +

+ + + \ No newline at end of file diff --git a/src/public/enter_school.html b/src/public/enter_school.html index 86f0e06..e296b48 100644 --- a/src/public/enter_school.html +++ b/src/public/enter_school.html @@ -6,47 +6,9 @@ -
-

Enter the door...

Test -
- + +

Enter the door...

Test \ No newline at end of file diff --git a/src/public/index2.html b/src/public/index2.html deleted file mode 100644 index 5c5d964..0000000 --- a/src/public/index2.html +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - Index.html - - - -

Hiidfdcvdfsdgfthjhkjhhhhk

- - - \ No newline at end of file diff --git a/src/public/math_abi.html b/src/public/math_abi.html index c7c6f8d..d3af9f6 100644 --- a/src/public/math_abi.html +++ b/src/public/math_abi.html @@ -6,16 +6,13 @@ -
-
-
- -
-

Solve the task...

-
-
+
+
+ +
+

Solve the task...

+
- \ No newline at end of file diff --git a/src/public/pictures/background05.png b/src/public/pictures/background05.png new file mode 100644 index 0000000..d8bf8f3 Binary files /dev/null and b/src/public/pictures/background05.png differ diff --git a/src/public/pictures/background06.png b/src/public/pictures/background06.png new file mode 100644 index 0000000..5f952a9 Binary files /dev/null and b/src/public/pictures/background06.png differ diff --git a/src/public/start.html b/src/public/start.html index 9b34010..850009a 100644 --- a/src/public/start.html +++ b/src/public/start.html @@ -6,7 +6,6 @@ -
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 @@ -18,44 +17,6 @@

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 index 1e0d36f..e2b31d5 100644 --- a/src/public/stylesheets/style.css +++ b/src/public/stylesheets/style.css @@ -1,30 +1,24 @@ -.h3 -{ +.h3 { color: white; } -h3:link -{ +h3:link { color: white; } -h3:visited -{ +h3:visited { color: white; } -h3:hover -{ +h3:hover { color: white; } -h3:active -{ +h3:active { color: white; } -h3:link -{ +h3:link { color: white; } @@ -39,21 +33,21 @@ a { color: white; } -.login-div{ - position:relative; - display:inline-block; - width:960px; +.login-div { + position: relative; + display: inline-block; + width: 960px; } -#login-hint{ +#login-hint { position: absolute; left: 220px; top: 353px; visibility: hidden; } -#login-hint-map{ +#login-hint-map { z-index: 1000; position: absolute; top: 370px; @@ -62,243 +56,258 @@ a { height: 80px; } -.login-image-div:hover{ +.login-image-div:hover { float: left; width: 240px; height: 90px; background: url("/pictures/userpass/background03_5x2.png") } -.login-mask{ - border:none; +.login-mask { + border: none; margin: 0; padding-inline: 5px; background: #212121; color: #36cb09; - width:311px; + width: 311px; height: 27px; } -#login-button{ +#login-button { vertical-align: middle; text-align: center; border: 0; padding-inline: 2px; background: #36cb09; color: #212121; - width:75px; + width: 75px; height: 33px; font-weight: bold; - position: absolute; - left: 566px; + position: absolute; + left: 566px; top: 301px; } -.login-mask:focus{ - border:none; +.login-mask:focus { + border: none; outline: none; } -.visible{ +.visible { visibility: visible; } -.hidden{ +.hidden { visibility: hidden; } -#user{ - position: absolute; left: 320px; top: 154px; +#user { + position: absolute; + left: 320px; + top: 154px; } -#password{ - position: absolute; left: 319px; top: 246px; +#password { + position: absolute; + left: 319px; + top: 246px; } #credentials-error { - position: absolute; left: 315px; top: 300px; + position: absolute; + left: 315px; + top: 300px; color: #36cb09; } -.math-div{ - position:relative; - display:inline-block; - width:960px; +.math-div { + position: relative; + display: inline-block; + width: 960px; } -.math-mask{ - border:none; + +.math-mask { + border: none; margin: 0; padding-inline: 5px; background: #FFFFFF; color: black; - width:144px; + width: 144px; height: 22px; } -.math-mask:focus{ - border:none; +.math-mask:focus { + border: none; outline: none; } -#abgeben-button{ +#abgeben-button { vertical-align: middle; text-align: center; padding-inline: 2px; background: white; color: #212121; - width:75px; + width: 75px; height: 33px; font-weight: bold; - position: absolute; - left: 529px; + position: absolute; + left: 529px; top: 405px; } -#wrong-solution{ - position: absolute; - left: 613px; +#wrong-solution { + position: absolute; + left: 613px; top: 343px; color: red; font-size: xx-large; } -#nullstelle{ - position: absolute; left: 446px; top: 346px; +#nullstelle { + position: absolute; + left: 446px; + top: 346px; } -.hidden_content -{ +.hidden_content { color: black; } -.hidden_link:link -{ +.hidden_link:link { color: black; } -.hidden_link:visited -{ +.hidden_link:visited { color: black; } -.hidden_link:hover -{ +.hidden_link:hover { color: black; } -.hidden_link:active -{ +.hidden_link:active { color: black; } -.hidden_link:link -{ +.hidden_link:link { color: black; } -.userdata-div{ - position:relative; - display:inline-block; - width:960px; +.userdata-div { + position: relative; + display: inline-block; + width: 960px; } -.userdata-mask -{ +.userdata-mask { margin: 0; padding-inline: 5px; background: #FFFFFF; color: black; - width:300px; + width: 300px; height: 22px; } -.userdata-submit-mask -{ +.userdata-submit-mask { margin: 0; padding-inline: 5px; background: lightgrey; color: black; - width:150px; + width: 150px; height: 24px; } -.userdata-lable-mask -{ +.userdata-lable-mask { color: black; font-size: small; } -#firstname_label -{ - position: absolute; left: 300px; top: 170px; +#firstname_label { + position: absolute; + left: 300px; + top: 170px; } -#firstname -{ - position: absolute; left: 300px; top: 200px; +#firstname { + position: absolute; + left: 300px; + top: 200px; } -#familyname_label -{ - position: absolute; left: 300px; top: 230px; +#familyname_label { + position: absolute; + left: 300px; + top: 230px; } -#familyname -{ - position: absolute; left: 300px; top: 260px; +#familyname { + position: absolute; + left: 300px; + top: 260px; } -#email_label -{ - position: absolute; left: 300px; top: 290px; +#email_label { + position: absolute; + left: 300px; + top: 290px; } -#email -{ - position: absolute; left: 300px; top: 320px; +#email { + position: absolute; + left: 300px; + top: 320px; } -#phonenumber_label -{ - position: absolute; left: 300px; top: 350px; +#phonenumber_label { + position: absolute; + left: 300px; + top: 350px; } -#phonenumber -{ - position: absolute; left: 300px; top: 380px; +#phonenumber { + position: absolute; + left: 300px; + top: 380px; } -#submit_data -{ - position: absolute; left: 300px; top: 440px; +#submit_data { + position: absolute; + left: 300px; + top: 440px; } -#typewriter -{ - position: absolute; left: 275px; top: 50px; - width:410px; +#typewriter { + position: absolute; + left: 275px; + top: 50px; + width: 410px; text-align: left; } .type { font-size: 17px; - color:#0000; + color: #0000; background: - linear-gradient(-90deg,black 5px,#0000 0) 10px 0, + 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; + 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} +@keyframes t { + from { + background-size: 0 200% + } } + +@keyframes b { + 50% { + background-position: 0 -100%, 0 0 + } +} \ No newline at end of file diff --git a/src/public/userpass.html b/src/public/userpass.html index b1034a4..541734a 100644 --- a/src/public/userpass.html +++ b/src/public/userpass.html @@ -6,19 +6,16 @@ -
-
- -

Enter your credentials...

-
-
+
+
+
+
Wrong credentials!
+
+

Enter your credentials...

+
- \ No newline at end of file diff --git a/src/views/index.ejs b/src/views/index.ejs index 0cdea7c..35abfc3 100644 --- a/src/views/index.ejs +++ b/src/views/index.ejs @@ -1 +1,14 @@ -

Hi...

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

Hi...

+ Go to Start!! + + + \ No newline at end of file