diff --git a/assets/vstShop.jpg b/assets/vstShop.jpg new file mode 100644 index 0000000..af84a58 Binary files /dev/null and b/assets/vstShop.jpg differ diff --git a/exercises/server_variables.php b/exercises/server_variables.php new file mode 100644 index 0000000..0c4c44c --- /dev/null +++ b/exercises/server_variables.php @@ -0,0 +1,15 @@ +"; +print_r($_SESSION); +echo ""; + +echo php_ini_loaded_file(); + diff --git a/index.php b/index.php new file mode 100644 index 0000000..4fb8d63 --- /dev/null +++ b/index.php @@ -0,0 +1,39 @@ + + + + + + + + + + Home + + + + + + + +
+
+ + + + + +
+
+
+

WORK SP4C3

+

Do your magic

+ +
+ + + diff --git a/modules/login.php b/modules/login.php new file mode 100644 index 0000000..59405fe --- /dev/null +++ b/modules/login.php @@ -0,0 +1,4 @@ + \ No newline at end of file diff --git a/modules/sessioncontrol.php b/modules/sessioncontrol.php new file mode 100644 index 0000000..36d4494 --- /dev/null +++ b/modules/sessioncontrol.php @@ -0,0 +1,61 @@ + +

INCORR3CT LOGIN

+ "; + } + if (isset($_GET['notallowed'])) { + echo "
+

YOU TRI3D TO ACC3SS A PRIV4TE P4G3

+
"; + } +} + diff --git a/panel.php b/panel.php new file mode 100644 index 0000000..e39f376 --- /dev/null +++ b/panel.php @@ -0,0 +1,42 @@ + + + + + + + + Panel + + + + + + + + +
+
+

Hi,

+
+ +
+
+

Start a project

+
+
+

+

+
+
+

+

+
+
+

+

+
+
+
+ + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..37abbd3 --- /dev/null +++ b/style.css @@ -0,0 +1,177 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + height: 100vh; + width: 100vw; + overflow: hidden; + background-image: url("./assets/vstShop.jpg"); + background-position: top; +} + +header { + height: 8%; + display: flex; + align-items: center; + padding: 10px; +} + +#login-section { + height: 92%; + width: 100vw; +} + +.title { + font-family: "MuseoModerno", cursive; + color: rgb(230, 230, 230, 0.75); + margin: 0; + padding: 0; + text-align: center; + font-size: 6vw; +} + +.subtitle { + font-family: "MuseoModerno", cursive; + margin: 0; + padding: 0; + text-align: center; + font-size: 2vw; + background-image: url(https://ia800704.us.archive.org/6/items/jajam943_gmail_19/1%20%281%29.gif); + background-size: cover; + background-position: center; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.greet { + font-family: "MuseoModerno", cursive; + margin: 0; + padding: 0; + text-align: center; + font-size: 2vw; + color: rgb(230, 230, 230, 0.75); +} + +#login-form { + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + padding: 15px; +} + +#login-form input, +#login-form label { + font-size: 1em; + font-family: "MuseoModerno", cursive; + color: rgb(230, 230, 230, 0.75); + font-size: clamp(15px, 2vw, 50px); +} + +#login-form input { + font-family: "MuseoModerno", cursive; + background-color: transparent; + border: none; + outline: none; + border-bottom: 1px solid rgb(230, 230, 230, 0.75); +} + +#login-form button { + font-family: "MuseoModerno", cursive; + width: 10vw; + font-size: 1.5em; + border: 1px solid rgb(230, 230, 230, 0.75); + color: rgb(230, 230, 230, 0.75); + outline: none; + background-color: transparent; + border-radius: 12px; + cursor: pointer; + transition-duration: 0.3s; +} + +#login-form button:hover { + background-color: rgb(230, 230, 230, 0.75); + border: 1px solid transparent; +} + +.error { + position: absolute; + bottom: 0; + background-color: rgb(230, 230, 230, 0.75); + width: 100%; + font-family: "MuseoModerno", cursive; + color: rgba(0, 0, 0, 0.75); + margin: 0; + padding: 0; + text-align: center; + font-size: 2vw; +} + +.panel-main { + height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.logout-form { + position: absolute; + top: 0; + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + padding: 15px; +} + +#logout-btn { + font-family: "MuseoModerno", cursive; + width: 10vw; + font-size: 1.5em; + border: 1px solid rgb(230, 230, 230, 0.75); + color: rgb(230, 230, 230, 0.75); + outline: none; + background-color: transparent; + border-radius: 12px; + cursor: pointer; + transition-duration: 0.3s; +} + +#logout-btn:hover { + background-color: rgb(230, 230, 230, 0.75); + border: 1px solid transparent; +} + +.projects-container { + margin-top: 30px; + display: flex; + align-items: center; + justify-content: space-around; + width: 100%; +} + +.project { + cursor: pointer; + height: 40vh; + width: 40vh; + background-color: rgb(230, 230, 230, 0.5); + border-radius: 25px; + display: flex; + align-items: center; + justify-content: center; + transition-duration: 0.3s; +} + +.project:hover { + transform: scale(0.995); +} + +.project p { + cursor: pointer; + font-family: "MuseoModerno", cursive; + color: rgb(230, 230, 230, 0.75); + font-size: 150px; +}