From 9e76b31c6f6f145e516e776fa6cd807eef3ca5c1 Mon Sep 17 00:00:00 2001 From: Francisco P Date: Fri, 21 May 2021 19:13:19 -0300 Subject: [PATCH] =?UTF-8?q?Terminado=20el=20HTML=20y=20CSS=20de=20las=20pa?= =?UTF-8?q?ginas=20de=20ERROR=20y=20de=20SUCCESS.=20A=C3=B1adida=20la=20pa?= =?UTF-8?q?gina=20de=20Notion=20al=20proyecto?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Notion Pages/Page 1.html | 628 +++++++++++++++++++++++++++++++++++ logic/login.php | 16 +- logic/messages.php | 3 + logic/register.php | 18 +- logic/sql/querys.php | 8 - logic/styles.css | 17 + styles.css | 15 +- success-pages/loginS.html | 16 +- success-pages/registerS.html | 16 +- success-pages/style.css | 69 ++++ 10 files changed, 788 insertions(+), 18 deletions(-) create mode 100644 Notion Pages/Page 1.html create mode 100644 logic/styles.css create mode 100644 success-pages/style.css 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
  • Hacer base de datos
    • id
    • name
    • pass
  • Hacer html
    • Hacer HOME
    • Hacer registro
      • Hacer un campo de repetir contraseña
        • Con JS verificar que al momento de presionar enviar las contraseñas sean iguales
    • Hacer login
  • Hacer CSS
    • 1
    • 2
    • 3
  • Hacer lógica de verificación
    • Verificar que los valores se hayan introducido
    • Verificar que los valores de log in existan en la db.
    • Verificar que las contraseñas de registro sean iguales
  • Hacer conexión con base de datos
  • Hacer paginas de error (los archivos register y login .php)
    • HTML
    • CSS
  • Hacer paginas de success
    • HTML
      • Login
      • Register
    • CSS
      • Login
      • Register
    • Botones para volver al HOME del registro
  • Hacer scripts para generar datos automáticamente
  • Exportar Notion y poner en la carpeta del proyecto

+

\ 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