Merge pull request #62 from iDeboy/Honorio

Agregado la pagina de acerca de

Components/IntegranteCard.php

@@ -0,0 +1,15 @@
+<div class="flex flex-col items-center p-6 rounded-md shadow-lg bg-H_EBF3F0 w-72">
+    <img class="object-cover w-40 h-40 mb-4 rounded-full select-none" src="<?= $Foto ?>" alt="Honorio">
+    <div class="grid w-full h-full grid-rows-4 text-center">
+
+        <h2 class="mt-2 text-xl font-bold text-H_393737"><?= $Nombre ?></h2>
+        <h3 class="mt-2 text-lg font-bold text-H_393737">No. Control: <?= $NoControl ?></h3>
+        <span class="px-2 py-1 text-sm text-black rounded"><?= $Rol ?></span>
+        <div class="flex items-center justify-center mt-2 space-x-2">
+            <a href="<?= $Github ?>" target="_blank" class="flex items-center space-x-2 font-medium text-gray-600">
+                <span class="text-xl mdi mdi-github"></span>
+                <span>Perfil GitHub</span>
+            </a>
+        </div>
+    </div>
+</div>

Controllers/DefaultController.php

@@ -21,6 +21,9 @@ public function index() {
 
         if (strcmp($usuario->Tipo, 'Alumno') === 0) header('Location: ' . BASE_SITE . '/alumno');
         else header('Location: ' . BASE_SITE . '/profesor');
-
+    }
+
+    public function acerca_de() {
+        echo $this->renderer->view('Pages/AcercaDePage.php');
     }
 }

Layouts/AlumnoLayout.php

@@ -49,7 +49,7 @@
                         </div>
                     </div>
 
-                    <a href="acerca-de" class="block transicion text-[18px]">
+                    <a href="acerca-de#integrantes" class="block transicion text-[18px]">
                         <span class="mdi mdi-information mr-2 select-none text-[20px]"></span>
                         Acerca de
                     </a>

Layouts/ProfesorLayout.php

@@ -31,7 +31,7 @@
                         Grupos
                     </a>
 
-                    <a href="acerca-de" class="block transicion text-[18px]">
+                    <a href="acerca-de#integrantes" class="block transicion text-[18px]">
                         <span class="mdi mdi-information mr-2 select-none text-[20px]"></span>
                         Acerca de
                     </a>

Pages/AcercaDePage.php

@@ -0,0 +1,99 @@
+<div class="flex flex-col items-center justify-center w-full h-full min-h-screen bg-H_EBF3F0">
+  <div class="max-w-4xl mt-8 text-center">
+    <h1 class="mb-4 text-4xl font-bold text-H_393737">Acerca de nuestro equipo</h1>
+    <h1 class="mb-4 text-4xl font-bold text-H_393737">Sobre el proyecto:</h1>
+    <h2 class="mt-2 text-xl text-H_393737 text-balance">
+      Nuestro proyecto tiene como objetivo desarrollar una aplicación web eficiente para la gestión de
+      asistencia escolar, diseñada para alumnos y profesores con roles claramente definidos.
+    </h2>
+
+    <h3 class="mt-4 text-lg font-bold text-H_393737">Funciones de los alumnos</h3>
+    <p class="text-lg text-H_393737 text-balance">
+      Los alumnos podrán registrar sus datos personales, inscribirse en los grupos correspondientes y
+      marcar su asistencia en horarios establecidos.
+    </p>
+
+    <h3 class="mt-4 text-lg font-bold text-H_393737">Funciones de los profesores</h3>
+    <p class="text-lg text-H_393737 text-balance">
+      Los profesores podrán registrar sus datos, autorizar a los alumnos en sus grupos,
+      agregar temas impartidos en clase y generar resúmenes de asistencia, considerando las horas del semestre.
+    </p>
+
+    <h3 class="mt-4 text-lg font-bold text-H_393737">Seguridad y eficiencia</h3>
+    <p class="text-lg text-H_393737 text-balance">
+      La aplicación garantiza la seguridad mediante privilegios diferenciados, asegurando que
+      cada usuario acceda solo a las funciones permitidas según su rol. De esta forma, buscamos
+      ofrecer una herramienta eficiente y segura que facilite el control académico y la gestión de
+      asistencia escolar.
+    </p>
+  </div>
+
+  <div id="integrantes" class="max-w-4xl mt-8 space-y-2 text-center">
+    <h1 class="mb-4 text-4xl font-bold text-H_393737">Integrantes:</h1>
+  </div>
+
+  <div class="flex flex-wrap justify-center gap-2 py-10">
+
+    <!-- Miembro del equipo 1 -->
+    <?= render_template(
+      'Components/IntegranteCard.php',
+      [
+        'Foto' => 'assets/img/honorio.png',
+        'Nombre' => 'Honorio Acosta Ruiz',
+        'NoControl' => '20021188',
+        'Rol' => 'Desarrollador Backend',
+        'Github' => 'https://github.com/iDeboy',
+
+      ]
+    ) ?>
+
+    <!-- Miembro del equipo 2 -->
+    <?= render_template(
+      'Components/IntegranteCard.php',
+      [
+        'Foto' => 'assets/img/laura.jpg',
+        'Nombre' => 'Laura Espejo Alvarado',
+        'NoControl' => '20021215',
+        'Rol' => 'Diseñadora y Desarrolladora Frontend',
+        'Github' => 'https://github.com/lauraE090',
+
+      ]
+    ) ?>
+
+    <!-- Miembro del equipo 3 -->
+    <?= render_template(
+      'Components/IntegranteCard.php',
+      [
+        'Foto' => 'assets/img/eliot.jpg',
+        'Nombre' => 'Eliot Yahve Hernandez Zaragoza',
+        'NoControl' => '20021230',
+        'Rol' => 'Desarrollador de base de datos',
+        'Github' => 'https://github.com/Eliot16',
+
+      ]
+    ) ?>
+
+    <!-- Miembro del equipo 4 -->
+    <?= render_template(
+      'Components/IntegranteCard.php',
+      [
+        'Foto' => 'assets/img/kitzia.jpg',
+        'Nombre' => 'Kitzia Guadalupe Munive Cábal',
+        'NoControl' => '20021257',
+        'Rol' => 'Desarrolladora Frontend',
+        'Github' => 'https://github.com/KMUNIVE',
+
+      ]
+    ) ?>
+  </div>
+
+  <div class="max-w-5xl my-2.5 text-center">
+    <h2 class="mb-4 text-xl font-bold text-H_393737">Encontrarás nuestro proyecto en GitHub haciendo clic en:</h2>
+    <div class="flex items-center justify-center mt-2 space-x-2">
+      <a href="https://github.com/iDeboy/Attendify.git" target="_blank" class="flex items-center space-x-2 font-medium text-gray-600">
+        <span class="text-xl mdi mdi-github"></span>
+        <span class="text-xl">Proyecto Attendify</span>
+      </a>
+    </div>
+  </div>
+</div>

Pages/LoginPage.php

@@ -34,7 +34,7 @@
             <?php if (isset($Error)): ?>
               <?= render_template('Components/Error.php', ['Error' => $Error]) ?>
             <?php endif; ?>
-            
+
             <div class="border-b-2 border-gray-400 contenedor_texto">
 
               <img class="icon" src="assets/img/email.svg" alt="email">
@@ -62,18 +62,24 @@ class="caja_login" required>
             <!-- checkbox para mostrar contraseña - hacer que al marcarla se visualice y al desmarcar se vuelva a ocular -->
             <?php echo render_template("Components/Checkbox.php", ["Texto" => "Mostrar Contraseña"]) ?>
 
+
             <!-- boton de iniciar sesión -->
             <button type="submit" class="mt-14 boton">INICIAR SESIÓN</button>
 
-            <p class="texto mt-2 text-[16px] text-H_393737">¿No tienes una cuenta?
-              <!-- vinvulo para mandar al registro -->
-              <a href="registro" class="text-H_A7E08E hover:text-H_618762 texto">Regístrate</a>
-            </p>
 
           </form>
 
+          <p class="texto mt-2 text-[16px] text-H_393737">¿No tienes una cuenta?
+            <!-- vinvulo para mandar al registro -->
+            <a href="registro" class="text-H_A7E08E hover:text-H_618762 texto">Regístrate</a>
+          </p>
+
         </div>
 
+        <footer class="flex items-center justify-center h-20">
+          2024 &copy; Todos los créditos a los&nbsp;<a href="acerca-de#integrantes" class="block !select-text !p-0 transicion size-fit"><b>creadores</b></a>.
+        </footer>
+
       </div>
 
     </div>

Pages/RegistroPage.php

@@ -34,15 +34,15 @@
             <div class="invisible mt-8"></div>
 
             <?php if (isset($Errors)): ?>
-                <?php foreach ($Errors as $key => $error): ?>
-                  <?= render_template('Components/Error.php', ['Error' => $error]) ?>
-                <?php endforeach; ?>
+              <?php foreach ($Errors as $key => $error): ?>
+                <?= render_template('Components/Error.php', ['Error' => $error]) ?>
+              <?php endforeach; ?>
             <?php endif; ?>
 
             <p id="textoId" class="texto text-[16px] text-H_393737">No. Control</p>
 
             <!-- guardar identificación -->
-            <input type="text" class="caja_registro" name="id" required maxlength="20" >
+            <input type="text" class="caja_registro" name="id" required maxlength="20">
 
             <p class="texto mt-5 text-[16px] text-H_393737">Nombres</p>
 
@@ -87,14 +87,17 @@
             <!-- guardar teléfono -->
             <input type="tel" class="caja_registro" name="telefono" required maxlength="15">
 
-
             <!-- boton de registrar -->
             <button type="submit" class="boton mt-14">REGISTRAR</button>
 
           </form>
 
         </div>
 
+        <footer class="flex items-center justify-center h-20">
+          2024 &copy; Todos los créditos a los&nbsp;<a href="acerca-de#integrantes" class="block !select-text !p-0 transicion size-fit"><b>creadores</b></a>.
+        </footer>
+
       </div>
 
     </div>

index.php

@@ -28,6 +28,7 @@
 $router = $host->services->get_required_service(Router::class);
 
 $router->get('/', [DefaultController::class, 'index']);
+$router->get('/acerca-de', [DefaultController::class, 'acerca_de']);
 
 $router->get('/pruebas', [PruebasController::class, 'index']);
 $router->get('/login', [LoginController::class, 'index']);

input.css

@@ -29,7 +29,7 @@
 }
 
 .elementos-der {
-    @apply w-[500px] h-[650px] p-0 flex flex-col gap-0;
+    @apply w-[500px] h-[650px] p-0 flex flex-col gap-0 bg-white;
 }
 
 .tituloApp {
@@ -41,7 +41,7 @@
 }
 
 .login {
-    @apply h-[570px] overflow-y-auto bg-white pt-10 px-16;
+    @apply h-full px-16 pt-10 overflow-y-auto bg-white;
 }
 
 .contenedor_texto {