assembler-institute · tonymg1 · Sep 6, 2022
diff --git a/01.index.php b/01.index.php
@@ -0,0 +1,50 @@
+<!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>Document</title>
+    <!-- CSS only -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
+    <link rel="stylesheet" href="./assets/css/signin.css">
+</head>
+
+<body class="text-center">
+
+    <main class="form-signin w-100 m-auto">
+
+        <form method="post" action="./validate.php">
+            <img class="mb-4" src="guitarrista.jpeg" alt="" width="100" height="150">
+            <h1 class="h3 mb-3 fw-normal">Sign in 🤘</h1>
+            <?php if (isset($_GET["msg"]) && $_GET["msg"] === "errorLogin") { ?>
+                <div class="mt-2 mb-1 alert alert-danger alert-dismissible fade show" role="alert">
+                  Username And/Or Password Is Incorrect 
+                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+                </div>
+            <?php } ?>
+
+            <div class="form-floating">
+                <input type="text" name="userName" class="form-control" placeholder="User">
+                <label for="floatingInput">Rocker</label>
+            </div>
+            <div class="form-floating">
+                <input type="password" name="pwd" class="form-control" placeholder="Password">
+                <label for="floatingPassword">Password</label>
+            </div>
+
+            <input class="w-100 btn btn-lg btn-primary" type="submit" value="Login">
+
+
+            <p class="mt-2 mb-1 text-muted">&copy; 2022</p>
+
+        </form>
+    </main>
+
+    <!-- JavaScript Bundle with Popper -->
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
+
+</body>
+
+</html>
diff --git a/02.phpinfo.php b/02.phpinfo.php
@@ -0,0 +1,2 @@
+<?php
+phpinfo();
diff --git a/assets/css/signin.css b/assets/css/signin.css
@@ -0,0 +1,43 @@
+html,
+body {
+  height: 100%;
+}
+
+body {
+  display: flex;
+  align-items: center;
+  padding-top: 40px;
+  padding-bottom: 40px;
+  background-image: url("../../fire.jpeg") 
+
+
+}
+h1{
+    color: #0d6efd;
+}
+
+.form-signin {
+  max-width: 330px;
+  padding: 15px;
+}
+
+.form-signin .form-floating:focus-within {
+  z-index: 2;
+}
+
+.form-signin input[type="text"] {
+  margin-bottom: -1px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.form-signin input[type="password"] {
+  margin-bottom: 10px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+img{
+    opacity: 0.75;
+    border-radius: 50%;
+}
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -0,0 +1,12 @@
+body {
+    background-image: url("../../metal.jpeg");
+    color: white;
+
+
+
+  }
+
+h2{
+    text-align: center;
+    color:  #0d6efd;
+}
diff --git a/assets/img/guitar.jpeg b/assets/img/guitar.jpeg
diff --git a/assets/img/guitarrista.jpeg b/assets/img/guitarrista.jpeg
diff --git a/close_session.php b/close_session.php
@@ -0,0 +1,4 @@
+<?php
+session_start();
+session_destroy();
+header("Location: 01.index.php");
diff --git a/fire.jpeg b/fire.jpeg
diff --git a/guitarrista.jpeg b/guitarrista.jpeg
diff --git a/metal.jpeg b/metal.jpeg
diff --git a/panel.php b/panel.php
@@ -0,0 +1,53 @@
+<?php
+  session_start();
+?>
+
+
+<!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>Document</title>
+    <link rel="stylesheet" href="assets/css/styles.css">
+</head>
+<body>
+    <?php
+    if(isset($_SESSION["userName"])){
+        echo $_SESSION["userName"];
+    }else{
+        header("Location: 01.index.php");
+    };
+
+    ?>
+
+
+        <a href="close_session.php">Sign off</a>
+
+
+
+      <!-- Main (Welcome y News)->
+
+<!-Welcome section. Contenido: cabecera, separación y texto-->
+<main>
+  <div class="main-wrapper">
+    <section class="welcome">
+      <h2>Welcome Section</h2>
+      <p>Lorem ipsum dolor sit amet consectetur adipiscing elit pharetra himenaeos, massa ridiculus inceptos lobortis facilisis orci venenatis sem, habitasse urna tristique arcu senectus turpis sed accumsan. Scelerisque habitant urna facilisis gravida fermentum porttitor potenti cras, molestie vehicula maecenas vivamus faucibus vitae nascetur augue donec, congue et taciti vestibulum lacinia curabitur sagittis. Integer accumsan metus sociosqu iaculis eu eget semper enim lacinia, ut sociis dictum lectus cubilia montes malesuada platea ligula quam, egestas neque non vehicula sapien est luctus dignissim.</p>
+      <p>Accumsan risus tellus felis ut vitae velit bibendum sapien lectus orci tristique, ligula vulputate quam imperdiet quisque placerat nulla tempus eleifend a. Enim libero suscipit tincidunt imperdiet nascetur urna molestie interdum porta sodales fermentum eget luctus, parturient quis nibh primis viverra at neque conubia platea senectus dis montes, duis maecenas pellentesque sapien inceptos potenti etiam semper fringilla velit phasellus fames. Dictumst purus tellus in nascetur urna nisi mollis ad eu felis, senectus quisque integer diam enim ligula per nibh ante sociis, vulputate penatibus phasellus sollicitudin ultricies lectus pharetra cras etiam.</p>
+    </section>
+
+<h2>Videos</h2>
+<div class="videos" style="text-align:center;">
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/46qjDJ0lLdE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/Z5NoQg8LdDk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/uT0Kgb16Ags" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/LdAHctXARlY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+</div>
+
+
+
+
+</body>
+</html>
diff --git a/server_variables.php b/server_variables.php
@@ -0,0 +1,9 @@
+<?php
+
+session_start();
+
+$_SESSION['browser'] = $_SERVER['HTTP_USER_AGENT'];
+$_SESSION['ip'] = $_SERVER['REMOTE_ADDR'];
+$_SESSION['time'] = time();
+echo '<pre>';
+print_r($_SESSION);
diff --git a/validate.php b/validate.php
@@ -0,0 +1,17 @@
+<?php
+ session_start();
+
+
+
+$myUser = "Mike";
+
+$myPwd = "123";
+
+if($_POST["userName"] == $myUser && $_POST["pwd"] == $myPwd){
+
+    $_SESSION["userName"] = $_POST["userName"];
+
+    header("Location: panel.php");
+} else {
+    header("Location: 01.index.php");
+}