diff --git a/Notion Pages/Page 1.html b/Notion Pages/Page 1.html new file mode 100644 index 0000000..f2245fb --- /dev/null +++ b/Notion Pages/Page 1.html @@ -0,0 +1,628 @@ +Hacer un login basado en el anterior, con conexion a base de datos

Hacer un login basado en el anterior, con conexion a base de datos

ContextoVirtual
ImportanciaImportante
Tiempo estimado
UrgenciaUrgente

+

\ No newline at end of file diff --git a/logic/login.php b/logic/login.php index 71b83ff..2f49031 100644 --- a/logic/login.php +++ b/logic/login.php @@ -49,4 +49,18 @@ if (isset($_POST['submit'])) { echo backToPreviusPage(3, '../login.html'); } -?> \ No newline at end of file +?> + + + + + + + + ERROR + + + + + + diff --git a/logic/messages.php b/logic/messages.php index 214dbdc..c38667e 100644 --- a/logic/messages.php +++ b/logic/messages.php @@ -1,5 +1,8 @@ '. $string . ''; } diff --git a/logic/register.php b/logic/register.php index fcdbdac..1e89529 100644 --- a/logic/register.php +++ b/logic/register.php @@ -35,7 +35,7 @@ if (isset($_POST['submit'])) { } } else { - echo error('The passwords doesn'. `'` . 't match'); + echo error('The passwords doesn't match'); echo backToPreviusPage(3, '../register.html'); } @@ -49,4 +49,18 @@ if (isset($_POST['submit'])) { echo backToPreviusPage(3, '../register.html'); } -?> \ No newline at end of file +?> + + + + + + + + ERROR + + + + + + \ No newline at end of file diff --git a/logic/sql/querys.php b/logic/sql/querys.php index b1758ae..ac16993 100644 --- a/logic/sql/querys.php +++ b/logic/sql/querys.php @@ -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(); } diff --git a/logic/styles.css b/logic/styles.css new file mode 100644 index 0000000..2fccc8b --- /dev/null +++ b/logic/styles.css @@ -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; +} \ No newline at end of file diff --git a/styles.css b/styles.css index 52ecbb9..236c320 100644 --- a/styles.css +++ b/styles.css @@ -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; diff --git a/success-pages/loginS.html b/success-pages/loginS.html index 4b45b2b..554065e 100644 --- a/success-pages/loginS.html +++ b/success-pages/loginS.html @@ -1 +1,15 @@ -

mfasddfmsadofasdmfpadsofma

\ No newline at end of file + + + + + + + Login page + + + + +
You are logged into the website!!
+

Please, click here to come back to the HOME page

+ + \ No newline at end of file diff --git a/success-pages/registerS.html b/success-pages/registerS.html index 8f788db..80bb885 100644 --- a/success-pages/registerS.html +++ b/success-pages/registerS.html @@ -1 +1,15 @@ -

asdojfnadsjfnasfnadsjfda

\ No newline at end of file + + + + + + + Register page + + + + +
You are registered into the website!!
+

Please, click here to come back to the HOME page

+ + \ No newline at end of file diff --git a/success-pages/style.css b/success-pages/style.css new file mode 100644 index 0000000..0bfacb6 --- /dev/null +++ b/success-pages/style.css @@ -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; +} \ No newline at end of file