assembler-institute · Psicowar · Dec 23, 2022 · Dec 23, 2022
diff --git a/assets/img/gato_fachero.png b/assets/img/gato_fachero.png
diff --git a/assets/styles.css b/assets/styles.css
@@ -0,0 +1,41 @@
+@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
+
+body {
+    background-color:lightsteelblue;
+}
+
+#login-button {
+    background-color:lightsteelblue;
+    font-weight: bold;
+}
+
+#logout-button {
+    background:lightsteelblue;
+    font-weight: bold;
+}
+
+#sing-button {
+    background-color: lightgreen;
+    font-weight: bold;
+}
+
+#logout-box {
+    color: white;
+}
+
+#login-box {
+    color: white;
+}
+
+#header-float-box {
+    border-radius: 40px;
+}
+
+#footer-text {
+    display: flex;
+    font-family: Great Vibes;
+    font-size: 3rem;
+    justify-content: right;
+    align-items: center;
+    color: white;
+}
diff --git a/close_session.php b/close_session.php
@@ -0,0 +1,9 @@
+<?php
+session_start();
+
+    if(isset($_REQUEST["logout"])){
+        session_destroy();
+        header("Location: index.php"); 
+    }
+
+?>
diff --git a/footer.php b/footer.php
@@ -0,0 +1,7 @@
+    <footer >
+        <div class="bg-dark m-0" id="footer-text">
+            <p class="m-4">By Berners-Lee<p>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/header.php b/header.php
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Session login exercise</title>
+    <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
+    <link rel="stylesheet" href="assets/styles.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap" rel="stylesheet">
+</head>
+<body>
+<header>
+    <div class="bg-dark">
+        <img src="assets/img/gato_fachero.png" alt="cat with glasses">
+    </div>
+</header>
+
diff --git a/index.php b/index.php
@@ -0,0 +1,50 @@
+<?php
+include "header.php";
+
+
+function errorDataUser() {
+    if (isset($_REQUEST["error1"])) {
+        echo ("<p class='bg-danger text-center p-1'>Email or password incorrect</p>");
+    }
+}
+
+function errorPrivateZone() {
+    if (isset($_REQUEST["error2"])) {
+        echo ("<p class='bg-danger text-center p-1'>Private zone, you need to login or register first.</p>");
+    }
+}
+
+function backToSign(){
+    if (isset($_REQUEST["sing-up"])){
+        header("Location: index.php"); 
+    }
+}
+
+backToSign();
+
+
+?>
+    <div class="container-fluid text-center d-flex justify-content-center align-items-center">
+        <div class="text-white col-md-2 rounded-bottom bg-dark">
+            <h3 class="">Log in page </h3>
+        </div>
+    </div>
+    <section class="container-fluid row align-items-center justify-content-center vh-100">
+        <div class="col-md-2 rounded">
+            <div class="bg-dark rounded" id="login-box">
+                <p class="text-white text-center p-3 mb-0">Login</p>
+                <?php
+                if(isset($_GET["error2"]))echo(errorPrivateZone());
+                if(isset($_GET["error1"]))echo(errorDataUser());
+                ?>
+                <form action="validate.php" method="POST" class="row p-5 pt-0 pb-3" >
+                    <input type="text" name="email" placeholder="Email" class="text-center rounded-3 border-0" required>
+                    <input type="password" name="password" placeholder="Password" class="text-center rounded border-0 mt-2" required>
+                    <button type="submit" class="btn rounded p-1 mt-3" id="login-button">Login</button>
+                </form>
+            </div>
+        </div>
+    </section>
+<?php
+    include("footer.php")
+?>
diff --git a/info.php b/info.php
@@ -0,0 +1,5 @@
+<?php
+
+phpinfo();
+
+?>
diff --git a/node_modules/.package-lock.json b/node_modules/.package-lock.json
diff --git a/node_modules/@popperjs/core/LICENSE.md b/node_modules/@popperjs/core/LICENSE.md