Create login.html (#136)

* Create login.html

Signed-off-by: Grouvex <168425996+Grouvex@users.noreply.github.com>

* Update footer.html

Signed-off-by: Grouvex <168425996+Grouvex@users.noreply.github.com>

---------

Signed-off-by: Grouvex <168425996+Grouvex@users.noreply.github.com>

Author: Grouvex

footer.html

@@ -30,6 +30,29 @@
 }
  </style>
   <footer>
+   <button id="logoutBtn">Logout</button>
+<script>
+  document.getElementById('logoutBtn').addEventListener('click', () => {
+    firebase.auth().signOut().then(() => {
+      console.log('User logged out');
+    }).catch((error) => {
+      console.error('Error logging out:', error);
+    });
+  });
+</script>
+   <script>
+   function protegerRuta() {
+  firebase.auth().onAuthStateChanged((user) => {
+    if (!user) {
+      // Redireccionar a la página de inicio de sesión si no está autenticado
+      window.location.href = 'login.html';
+    }
+  });
+}
+
+// Llamar a la función de protección de ruta en las páginas que necesiten protección
+protegerRuta();
+</script>
    <div class="footer-imagenes">
     <a href="https://instagram.com/grouvex" target="_blank"><img src="https://grouvex.github.io/img/Instagram.png" alt=""></a>
     <a href="https://youtube.com/@Grouvex" target="_blank"><img src="https://grouvex.github.io/img/YouTube.png" alt=""></a>

login.html

@@ -0,0 +1,22 @@
+<form id="loginForm">
+  <input type="email" id="loginEmail" placeholder="Email" required>
+  <input type="password" id="loginPassword" placeholder="Password" required>
+  <button type="submit">Login</button>
+</form>
+<a src="#">#</a>
+<script>
+  document.getElementById('loginForm').addEventListener('submit', (e) => {
+    e.preventDefault();
+    const email = document.getElementById('loginEmail').value;
+    const password = document.getElementById('loginPassword').value;
+
+    firebase.auth().signInWithEmailAndPassword(email, password)
+      .then((userCredential) => {
+        // Usuario inició sesión
+        console.log('User logged in:', userCredential.user);
+      })
+      .catch((error) => {
+        console.error('Error logging in user:', error);
+      });
+  });
+</script>