franpcode/Login-Form
1
0
Fork 0
mirror of https://github.com/FranP-code/Login-Form.git synced 2025-10-12 23:52:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Terminado el HTML y CSS de las paginas de ERROR y de SUCCESS. Añadida la pagina de Notion al proyecto

Browse Source
This commit is contained in:
Francisco P
2021-05-21 19:13:19 -03:00
parent 9b8a533548
commit 9e76b31c6f
10 changed files with 788 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

628
Notion Pages/Page 1.html Normal file
View File

File diff suppressed because one or more lines are too long

14
logic/login.php
View File

@@ -50,3 +50,17 @@ if (isset($_POST['submit'])) {
} }
?> ?>
<!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>ERROR</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
</body>
</html>

3
logic/messages.php
View File

@@ -1,5 +1,8 @@
<?php <?php
error_reporting(0);
function error($string) { function error($string) {
return '<h2 class=`invalid`>'. $string . '</h2>'; return '<h2 class=`invalid`>'. $string . '</h2>';
} }

16
logic/register.php
View File

@@ -35,7 +35,7 @@ if (isset($_POST['submit'])) {
} }
} else { } else {
echo error('The passwords doesn'. `'` . 't match'); echo error('The passwords doesn&#039t match');
echo backToPreviusPage(3, '../register.html'); echo backToPreviusPage(3, '../register.html');
} }
@@ -50,3 +50,17 @@ if (isset($_POST['submit'])) {
} }
?> ?>
<!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>ERROR</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
</body>
</html>

8
logic/sql/querys.php
View File

@@ -4,26 +4,18 @@ function addToDB($user, $password) {
require './sql/connection.php'; require './sql/connection.php';
$add = $connect -> prepare('insert into users (user, pass) values (?, ?)'); $add = $connect -> prepare('insert into users (user, pass) values (?, ?)');
echo 'paso 1';
$add -> bindParam(1, $user, PDO::PARAM_STR); $add -> bindParam(1, $user, PDO::PARAM_STR);
echo 'paso 2';
$add -> bindParam(2, $password, PDO::PARAM_STR); $add -> bindParam(2, $password, PDO::PARAM_STR);
echo 'paso 3';
$add -> execute(); $add -> execute();
echo 'paso 4';
} }
function verifyDB($user, $password) { function verifyDB($user, $password) {
require './sql/connection.php'; require './sql/connection.php';
$verify = $connect -> prepare('select * from users where (user, pass) = (?, ?)'); $verify = $connect -> prepare('select * from users where (user, pass) = (?, ?)');
echo 'paso 1';
$verify -> bindParam(1, $user, PDO::PARAM_STR); $verify -> bindParam(1, $user, PDO::PARAM_STR);
echo 'paso 2';
$verify -> bindParam(2, $password, PDO::PARAM_STR); $verify -> bindParam(2, $password, PDO::PARAM_STR);
echo 'paso 3';
$verify -> execute(); $verify -> execute();
echo 'paso 4';
return $verify -> fetchAll(); return $verify -> fetchAll();
} }

17
logic/styles.css Normal file
View File

@@ -0,0 +1,17 @@
html {
height: 100%;
background-color: rgb(177, 65, 31);
font-family: Arial, Helvetica, sans-serif;
user-select: none;
}
h2 {
margin: 30px;
color: white;
}
h3 {
margin: 30px;
color: #f4f4f4;
}

15
styles.css
View File

@@ -1,5 +1,5 @@
body { body {
background-color: #809DFF; background-color: #ffd780;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
user-select: none; user-select: none;
@@ -16,7 +16,7 @@ header {
} }
.header-home { .header-home {
background-color: #7236ff65; background-color: #368dff52;
} }
.header-login { .header-login {
@@ -39,7 +39,7 @@ header {
} }
.back-arrow:hover { .back-arrow:hover {
animation: back-arrow-animation ease-in-out 0.5s infinite; animation: back-arrow-animation ease-in-out 0.5s infinite forwards;
-webkit-animation: back-arrow-animation ease-in-out 0.5s infinite forwards; -webkit-animation: back-arrow-animation ease-in-out 0.5s infinite forwards;
} }
@@ -107,7 +107,7 @@ input:focus {
width: 800px; width: 800px;
margin: 20px; margin: 20px;
text-align: center; text-align: center;
background-color: #8ea8ff; background-color: #ffd780;
transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out;
-webkit-transition: background-color 0.3s ease-in-out; -webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out;
@@ -116,7 +116,7 @@ input:focus {
} }
.big-button:hover { .big-button:hover {
background-color: #a1b7ff; background-color: #ffe2a3;
transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out;
-webkit-transition: background-color 0.3s ease-in-out; -webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out;
@@ -133,6 +133,11 @@ input:focus {
-o-transform: translateY(2px); -o-transform: translateY(2px);
} }
h2 {
font-weight: lighter;
}
.flex-container { .flex-container {
display: flex; display: flex;
justify-content: center; justify-content: center;

16
success-pages/loginS.html
View File

@@ -1 +1,15 @@
<h1>mfasddfmsadofasdmfpadsofma</h1> <!DOCTYPE html>
<html lang="en" id='html_login'>
<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>Login page</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="../normalize.css">
</head>
<body>
<header class='login'>You are logged into the website!!</header>
<h2>Please, <a href="../index.html">click here</a> to come back to the HOME page</h2>
</body>
</html>

16
success-pages/registerS.html
View File

@@ -1 +1,15 @@
<h1>asdojfnadsjfnasfnadsjfda</h1> <!DOCTYPE html>
<html lang="en" id='html_register'>
<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>Register page</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="../normalize.css">
</head>
<body>
<header class='login'>You are registered into the website!!</header>
<h2>Please, <a href="../index.html">click here</a> to come back to the HOME page</h2>
</body>
</html>

69
success-pages/style.css Normal file
View File

@@ -0,0 +1,69 @@
html {
font-family: Arial, Helvetica, sans-serif;
height: 100%;
}
#html_login {
background: rgb(86,96,31);
background: linear-gradient(31deg, rgba(86,96,31,1) 0%, rgba(250,0,106,1) 100%);
}
#html_register {
background: rgb(96,73,31);
background: linear-gradient(31deg, rgba(96,73,31,1) 0%, rgba(0,80,250,1) 100%);
}
header {
border-bottom: white 2px solid;
background-color: rgba(0, 0, 0, 0.2);
font-size: 20pt;
font-weight: bold;
color: white;
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
transition: ease-in-out 0.4s;
-webkit-transition: ease-in-out 0.4s;
-moz-transition: ease-in-out 0.4s;
-ms-transition: ease-in-out 0.4s;
-o-transition: ease-in-out 0.4s;
}
header:hover {
padding-top: 70px;
padding-bottom: 70px;
background-color: rgba(0, 0, 0, 0.3);
transition: ease-in-out 0.4s;
-webkit-transition: ease-in-out 0.4s;
-moz-transition: ease-in-out 0.4s;
-ms-transition: ease-in-out 0.4s;
-o-transition: ease-in-out 0.4s;
}
.header-text {
margin: auto;
}
h2 {
margin-top: 40px;
color: white;
}
a {
text-decoration: none;
color: rgb(0, 47, 109);
transition: ease-in-out 0.4s;
-webkit-transition: ease-in-out 0.4s;
-moz-transition: ease-in-out 0.4s;
-ms-transition: ease-in-out 0.4s;
-o-transition: ease-in-out 0.4s;
}
a:hover {
color: rgb(181, 213, 255);
transition: ease-in-out 0.4s;
-webkit-transition: ease-in-out 0.4s;
-moz-transition: ease-in-out 0.4s;
-ms-transition: ease-in-out 0.4s;
-o-transition: ease-in-out 0.4s;
}