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
error_reporting(0);
function error($string) {
return '<h2 class=`invalid`>'. $string . '</h2>';
}

16
logic/register.php
View File

@@ -35,7 +35,7 @@ if (isset($_POST['submit'])) {
}
} else {
echo error('The passwords doesn'. `'` . 't match');
echo error('The passwords doesn&#039t match');
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';
$add = $connect -> prepare('insert into users (user, pass) values (?, ?)');
echo 'paso 1';
$add -> bindParam(1, $user, PDO::PARAM_STR);
echo 'paso 2';
$add -> bindParam(2, $password, PDO::PARAM_STR);
echo 'paso 3';
$add -> execute();
echo 'paso 4';
}
function verifyDB($user, $password) {
require './sql/connection.php';
$verify = $connect -> prepare('select * from users where (user, pass) = (?, ?)');
echo 'paso 1';
$verify -> bindParam(1, $user, PDO::PARAM_STR);
echo 'paso 2';
$verify -> bindParam(2, $password, PDO::PARAM_STR);
echo 'paso 3';
$verify -> execute();
echo 'paso 4';
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 {
background-color: #809DFF;
background-color: #ffd780;
font-family: Arial, Helvetica, sans-serif;
user-select: none;
@@ -16,7 +16,7 @@ header {
}
.header-home {
background-color: #7236ff65;
background-color: #368dff52;
}
.header-login {
@@ -39,7 +39,7 @@ header {
}
.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;
}
@@ -107,7 +107,7 @@ input:focus {
width: 800px;
margin: 20px;
text-align: center;
background-color: #8ea8ff;
background-color: #ffd780;
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;
@@ -116,7 +116,7 @@ input:focus {
}
.big-button:hover {
background-color: #a1b7ff;
background-color: #ffe2a3;
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;
@@ -133,6 +133,11 @@ input:focus {
-o-transform: translateY(2px);
}
h2 {
font-weight: lighter;
}
.flex-container {
display: flex;
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;
}