Grouvex
diff --git a/‎abc.js‎
Lines changed: 47 additions & 16 deletions b/‎abc.js‎
Lines changed: 47 additions & 16 deletions
diff --git a/‎clara_langa/discografia.html‎
Lines changed: 338 additions & 0 deletions b/‎clara_langa/discografia.html‎
Lines changed: 338 additions & 0 deletions
diff --git a/‎clara_langa/inicio.html‎
Lines changed: 8 additions & 2 deletions b/‎clara_langa/inicio.html‎
Lines changed: 8 additions & 2 deletions
diff --git a/‎comentarios.html‎
Lines changed: 20 additions & 11 deletions b/‎comentarios.html‎
Lines changed: 20 additions & 11 deletions
diff --git a/‎equipo.html‎
Lines changed: 8 additions & 2 deletions b/‎equipo.html‎
Lines changed: 8 additions & 2 deletions
diff --git a/‎faqs.html‎
Lines changed: 8 additions & 1 deletion b/‎faqs.html‎
Lines changed: 8 additions & 1 deletion
diff --git a/‎footer.html‎
Lines changed: 9 additions & 7 deletions b/‎footer.html‎
Lines changed: 9 additions & 7 deletions
@@ -1,5 +1,5 @@
 // Configuración de Firebase
-const firebaseConfig = {
+var firebaseConfig = {
   apiKey: "AIzaSyAgoQ_Px3hHVrevUsyct_FBeXWMDKXpPSw",
       authDomain: "grouvex-studios.firebaseapp.com",
       databaseURL: "https://grouvex-studios-default-rtdb.firebaseio.com", // Asegúrate de incluir la URL de tu base de datos
@@ -12,12 +12,14 @@ const firebaseConfig = {
 
 // Inicializar Firebase
 firebase.initializeApp(firebaseConfig);
-const auth = firebase.auth();
-const database = firebase.database();
+var auth = firebase.auth();
+var database = firebase.database();
 
 const authForm = document.getElementById('authForm');
 const formTitle = document.getElementById('formTitle');
 const authButton = document.getElementById('authButton');
+const emailloginbtn = document.getElementById('email-login-btn');
+const googleloginbtn = document.getElementById('google-login-btn');
 const toggleButton = document.getElementById('toggleButton');
 let isLogin = true; // Estado inicial de la forma
 
@@ -27,6 +29,8 @@ toggleButton.addEventListener('click', () => {
   if (isLogin) {
     formTitle.textContent = 'Inicio de Sesión';
     authButton.textContent = 'Iniciar Sesión';
+    emailloginbtn.textContent = 'Iniciar Sesión con Email';
+    googleloginbtn.textContent = 'Iniciar Sesión con Google';
     toggleButton.textContent = '¿No tienes cuenta? Regístrate';
   } else {
     formTitle.textContent = 'Registro';
@@ -62,6 +66,33 @@ authForm.addEventListener('submit', (e) => {
   }
 });
 
+// Función para iniciar sesión con Google
+document.getElementById('google-login-btn').addEventListener('click', function() {
+    var provider = new firebase.auth.GoogleAuthProvider();
+    auth.signInWithPopup(provider)
+        .then((result) => {
+            var user = result.user;
+            checkAccess(user.uid);
+        })
+        .catch((error) => {
+            console.error("Error al iniciar sesión con Google:", error);
+        });
+});
+
+  // Función para iniciar sesión con Email/Password
+  document.getElementById('email-login-btn').addEventListener('click', function() {
+      var email = prompt("Introduce tu email:");
+      var password = prompt("Introduce tu contraseña:");
+      auth.signInWithEmailAndPassword(email, password)
+          .then((result) => {
+              var user = result.user;
+              checkAccess(user.uid);
+          })
+          .catch((error) => {
+              console.error("Error al iniciar sesión con Email/Password:", error);
+          });
+  });
+
 // Cerrar sesión de usuario
 document.getElementById('logoutBtn').addEventListener('click', () => {
   auth.signOut().then(() => {
@@ -85,18 +116,18 @@ document.getElementById('resetPasswordBtn').addEventListener('click', () => {
       });
   }
 });
-
-// Manejo del estado de autenticación
+// Verificar si el usuario está autenticado
 auth.onAuthStateChanged((user) => {
-  if (user) {
-    alert('Usuario autenticado: ' + user.email);
-    document.getElementById('auth-container').style.display = 'none';
-    document.getElementById('content').style.display = 'block';
-    document.getElementById('logoutBtn').style.display = 'block';
-  } else {
-    alert('Usuario no autenticado');
-    document.getElementById('auth-container').style.display = 'block';
-    document.getElementById('content').style.display = 'none';
-    document.getElementById('logoutBtn').style.display = 'none';
-  }
+    if (user) {
+        checkAccess(user.uid);
+        alert('Usuario autenticado: ' + user.email);
+        document.getElementById('auth-container').style.display = 'none';
+        document.getElementById('content').style.display = 'block';
+        document.getElementById('logoutBtn').style.display = 'block';
+    } else {
+        alert('Usuario no autenticado');
+        document.getElementById('auth-container').style.display = 'block';
+        document.getElementById('content').style.display = 'none';
+        document.getElementById('logoutBtn').style.display = 'none';
+    }
 });
@@ -29,16 +29,22 @@
 <mainTop>
 <span style="display: block;font-family: Times New Roman; sans-serif;">
 <a href="https://grouvex.github.io/"><div style="font-size: 30px;color:white">Grouvex Studios</div></a>
-<a href="https://grouvex.github.io/grouvex/inicio"><div style="font-size: 15px;color:white">Artista Clara Langa - Grouvex Studios</div></a>
+<a href="https://grouvex.github.io/clara_langa/inicio"><div style="font-size: 15px;color:white">Artista Clara Langa - Grouvex Studios</div></a>
 </span>
-<span style="font-family: Times New Roman;color:white;box-shadow: 0 0 10px gold"> <a href="inicio"><u style="color: blue"><span style="color: green">Inicio</span></u></a> | <a href="musica"><u style="color: blue"><span style="color: white">Música</span></u></a> | <a href="https://grouvex.github.io/registro" style="pointer-events: none"><u style="color: blue"><span style="color: white">Registrar</span></u></a> <span id="menu"></span>
+<span style="font-family: Times New Roman;color:white;box-shadow: 0 0 10px gold"> <a href="inicio"><u style="color: blue"><span style="color: white">Inicio</span></u></a> | <a href="https://grouvex.github.io/artistas"><u style="color: blue"><span style="color: white">Artistas</span></u></a> | <a href="discografia"><u style="color: blue"><span style="color: white">Discografía</span></u></a> | <a href="https://grouvex.github.io/equipo"><u style="color: blue"><span style="color: white">Equipo</span></u></a> | <a href="https://grouvex.github.io/comentarios"><u style="color: blue"><span style="color: white">Comentarios (vBeta)</span></u></a> | <a href="https://grouvex.github.io/music"><u style="color: blue"><span style="color: gold">Mi Música</span></u></a> <span id="menu"></span>
 </span>
 </mainTop>
 </head>
 <body>
  <!-- Anuncio -->
   <div id="news"></div>
 <main>
+<!-- Publicado por -->
+<div class="tarjeta" style="display: flex;align-items: center; border-radius: 8px;  box-shadow: 0 2px 5px rgba(0,0,0,0.1); margin: 10px;  padding: 10px;  height: 45px; width: 250px; padding-top: 10px;padding-bottom: 10px">
+<img src="../img/GROUVEX.png" alt="" style="border-radius: 50%; width: 35px;height: 35px;object-fit: cover; margin-right: 10px;"><div>
+<h2 style="margin:2px; font-size: 7.5px">Publicado por:</h2><h2 style="margin:2px; padding: 1px;font-size: 9px">Grouvex Studios</h2>
+<p style="color: white; font-size: 11px"><span id="ActualizadoDATE"></span></p><a href="mailto:grouvex.studio@grouvex.com" style="color:white"><footer style="color: white; font-size: 7px;padding:2px">grouvex.studio@rouvex.com</footer></a></div></div>
+<script>const uTActualizado = 1734710400; actualizarFechas(uTActualizado, "ActualizadoDATE");</script> 
   <!-- Título -->
 <article>
  <h1>Clara Langa</h1>
 
@@ -78,7 +78,6 @@ <h2 style="margin:2px; font-size: 7.5px">Publicado por:</h2><h2 style="margin:2p
             cursor: pointer;
         }
     </style>
-    
  <!--   <div id="auth-container">
         <h1>Autenticación de Usuarios en Grouvex Studios</h1>
         <form id="authForm">
@@ -97,6 +96,7 @@ <h2 id="formTitle">Inicio de Sesión</h2>
       <a onclick="showSection('newa')">Noticias</a>
       <a onclick="showSection('reportes')">Reportes en la Web</a>
       <a onclick="showSection('deseos')">Deseos para 2024 <span class="status recommended">Recommended</span></a>
+      <a onclick="showSection('artistas')">Artistas<span class="status recommended">Recommended</span></a>
       <a onclick="showSection('comentarios')">Comentarios</a>
       <a onclick="showSection('sugerencias')">Sugerencias</a>
     </nav>
@@ -115,7 +115,21 @@ <h2>Noticias</h2>
         <h3>Noticias:</h3>
       </div>
     </section>
-        
+    <section id="artistas">
+      <div class="comment-form">
+        <h2>Artista</h2>
+        <p>Mensaje de los artistas</p>
+        <form>
+        <input type="text" id="nombreInputArtista" placeholder="Tu nombre..." required><br>
+        <input type="text" id="artistaInput" rows="4" placeholder="Escribe tu reporte aquí..." required><br>
+        <button type="submit" onclick="addComment('artistas', 'nombreInputArtista')">Enviar</button>
+        </form>
+        <button class="orden-button" onclick="ordenarComentarios('artistas')">Ordenar</button>
+      </div>
+      <div class="comments-section" id="artistasComments">
+        <h3>Artistas:</h3>
+      </div>
+    </section> 
     <section id="reportes">
       <div class="comment-form">
         <h2>Reportes a la página web</h2>
@@ -185,6 +199,7 @@ <h3>Sugerencias:</h3>
         let ordenarAscendente = true;
         const palabrasBloqueadas = ["malaPalabra1", "malaPalabra2", "malaPalabra3"];
         document.addEventListener('DOMContentLoaded', () => {
+            cargarComentarios('artistas');
             cargarComentarios('newa');
             cargarComentarios('reportes');
             cargarComentarios('sugerencias');
@@ -200,7 +215,6 @@ <h3>Sugerencias:</h3>
         function containsBlockedWords(text) {
             return palabrasBloqueadas.some(palabra => text.includes(palabra));
         }
-        
         function escapeHTML(str) {
             return str.replace(/[&<>"']/g, function (match) {
                 const escapeMap = {
@@ -213,25 +227,20 @@ <h3>Sugerencias:</h3>
                 return escapeMap[match];
             });
         }
-        
         function addComment(section, nameInputId) {
             const nameInput = document.getElementById(nameInputId);
             const inputElement = document.getElementById(section.slice(0, -1) + 'Input');
-            
             if (!nameInput || !inputElement) {
                 console.error("Element not found:", nameInputId, section.slice(0, -1) + 'Input');
                 return;
             }
-        
             const nameText = escapeHTML(nameInput.value.trim() || "Anónimo");
             const commentText = escapeHTML(inputElement.value.trim());
-        
             if (containsBlockedWords(commentText) || commentText.includes("http")) {
                 alert("El comentario contiene palabras bloqueadas o enlaces.");
                 inputElement.value = '';
                 return;
             }
-        
             if (commentText) {
                 const date = new Date().toUTCString();
                 const timestamp = new Date().getTime();
@@ -275,12 +284,12 @@ <h3>Sugerencias:</h3>
             }
         });
         function guardarComentarioEnServidor(section, name, comment, timestamp) {
-            const refPath = section === 'newa' ? `new/${section}` : `comments/${section}/`;
+            const refPath = section === 'newa' ? 'new/' : section === 'artistas' ? 'artistas/' : `comments/${section}/`;
             const newCommentRef = database.ref(refPath).push();
             newCommentRef.set({ name: name, comment: comment, timestamp: timestamp });
         }
         function cargarComentarios(section) {
-            const refPath = section === 'newa' ? `new/${section}` : `comments/${section}/`;
+            const refPath = section === 'newa' ? 'new/' : section === 'artistas' ? 'artistas/' : `comments/${section}/`;
             const commentSection = document.getElementById(`${section}Comments`);
             database.ref(refPath).once('value', (snapshot) => {
                 const comments = snapshot.val();
@@ -302,4 +311,4 @@ <h3>Sugerencias:</h3>
  <!-- Footer -->
  <div id="footer"></div>
 </body>
-            </html>
+</html>
@@ -28,7 +28,7 @@
 <!-- Main Top -->
 <mainTop>
 <a href="https://grouvex.github.io/"><span style="font-family: Times New Roman; sans-serif; font-size: 30px;color:white">Grouvex Studios</span></a>
-<span style="font-family: Times New Roman;color:white;box-shadow: 0 0 10px gold"> <a href="https://grouvex.github.io/"><u style="color: blue"><span style="color: white">Inicio</span></u></a> | <a href="https://grouvex.github.io/artistas"><u style="color: blue"><span style="color: green">Artistas</span></u></a> | <a href="https://grouvex.github.io/registrar" style="pointer-events: none"><u style="color: blue"><span style="color: white">Registrar</span></u></a> <span id="menu"></span>
+<span style="font-family: Times New Roman;color:white;box-shadow: 0 0 10px gold"> <a href="https://grouvex.github.io/"><u style="color: blue"><span style="color: white">Inicio</span></u></a> | <a href="https://grouvex.github.io/artistas"><u style="color: blue"><span style="color: white">Artistas</span></u></a> | <a href="https://grouvex.github.io/equipo"><u style="color: blue"><span style="color: white">Equipo</span></u></a> | <a href="https://grouvex.github.io/comentarios"><u style="color: blue"><span style="color: white">Comentarios (vBeta)</span></u></a> | <a href="https://grouvex.github.io/music"><u style="color: blue"><span style="color: gold">Mi Música</span></u></a> | <a href="https://grouvex.github.io/registrar" style="pointer-events: none"><u style="color: blue"><span style="color: white">Registrar</span></u></a> <span id="menu"></span>
 </span>
 </mainTop>
 </head>
@@ -146,7 +146,13 @@ <h2>Tarlight Etherall, Energy</h2>
 </div>
 </article>
  </main>
- <!-- Footer -->
+ <!-- Publicado por -->
+<div class="tarjeta" style="display: flex;align-items: center; border-radius: 8px;  box-shadow: 0 2px 5px rgba(0,0,0,0.1); margin: 5px;  padding: 5px;  height: 50px; width: 300px; padding-top: 10px;padding-bottom: 10px">
+<img src="../img/GROUVEX.png" alt="" style="border-radius: 50%; width: 40px;height: 40px;object-fit: cover; margin-right: 10px;"><div>
+<h2 style="margin: 0 0 3px;font-size: 8px">Publicado por:</h2><h2 style="margin: 0 0 2px; padding: 3px;font-size: 11px">Grouvex Phoenix</h2>
+<p style="color: white; font-size: 10px"><span id="ActualizadoDATE"></span></p><a href="mailto:grouvex@gmail.com" style="color:white"><footer style="font-size: 0.7em; color: white; font-size: 6px;padding:3px">grouvex@gmail.com</footer></a></div></div>
+<script>const uTActualizado = 1734710400; actualizarFechas(uTActualizado, "ActualizadoDATE");</script> 
+<!-- Footer -->
  <div id="footer"></div>
 </body>
 </html>
@@ -28,7 +28,7 @@
 <!-- Main Top -->
 <mainTop>
 <a href="https://grouvex.github.io/"><span style="font-family: Times New Roman; sans-serif; font-size: 30px;color:white">Grouvex Studios</span></a>
-<span style="font-family: Times New Roman;color:white;box-shadow: 0 0 10px gold"> <a href="https://grouvex.github.io/"><u style="color: blue"><span style="color: white">Inicio</span></u></a> | <a href="https://grouvex.github.io/artistas"><u style="color: blue"><span style="color: white">Artistas</span></u></a> | <a href="https://grouvex.github.io/sign-up" style="pointer-events: none"><u style="color: blue"><span style="color: white">Registrarse</span></u></a> <span id="menu"></span>
+<span style="font-family: Times New Roman;color:white;box-shadow: 0 0 10px gold"> <a href="https://grouvex.github.io/"><u style="color: blue"><span style="color: white">Inicio</span></u></a> | <a href="https://grouvex.github.io/artistas"><u style="color: blue"><span style="color: white">Artistas</span></u></a> | <a href="https://grouvex.github.io/equipo"><u style="color: blue"><span style="color: white">Equipo</span></u></a> | <a href="https://grouvex.github.io/comentarios"><u style="color: blue"><span style="color: white">Comentarios (vBeta)</span></u></a> | <a href="https://grouvex.github.io/music"><u style="color: blue"><span style="color: gold">Mi Música</span></u></a> | <a href="https://grouvex.github.io/registrar" style="pointer-events: none"><u style="color: blue"><span style="color: white">Registrar</span></u></a> <span id="menu"></span>
 </span>
 </mainTop>
 </head>
@@ -71,6 +71,13 @@ <h1>Preguntas Frecuentes</h1>
    height: auto
   }
  </style>
+  <!-- Publicado por -->
+<div class="tarjeta" style="display: flex;align-items: center; border-radius: 8px;  box-shadow: 0 2px 5px rgba(0,0,0,0.1); margin: 5px;  padding: 5px;  height: 50px; width: 300px; padding-top: 10px;padding-bottom: 10px">
+<img src="../img/GROUVEX.png" alt="" style="border-radius: 50%; width: 40px;height: 40px;object-fit: cover; margin-right: 10px;"><div>
+<h2 style="margin: 0 0 3px;font-size: 8px">Publicado por:</h2><h2 style="margin: 0 0 2px; padding: 3px;font-size: 11px">Grouvex Studios</h2>
+<p style="color: white; font-size: 10px"><span id="ActualizadoDATE"></span></p><a href="mailto:grouvex.studio@gmail.com" style="color:white"><footer style="font-size: 0.7em; color: white; font-size: 6px;padding:3px">grouvex.studio@gmail.com</footer></a></div></div>
+<script>const uTActualizado = 1734710400; actualizarFechas(uTActualizado, "ActualizadoDATE");</script> 
+<!-- Footer -->
 <div id="footer"></div>
 </body>
 </html>
@@ -41,18 +41,20 @@
   });
 });
    </script>
-   <button id="logoutBtn">Logout</button>
+   <button style="color:red" href="https://grouvex.com/login">Login</button> <button id="logoutBtn" style="color:red">Logout</button>
    <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>
-    <a href="https://music.youtube.com/channel/UCCjEGDcTAyAgcw0L-HGeeZQ" target="_blank"><img src="https://grouvex.github.io/img/YouTubeMusic.png" alt="YouTubeMusic"></a>
+    <a href="https://discord.gg/XnxcuZHrh3" target="_blank"><img src="https://grouvex.github.io/img/Discord.png" alt=""></a>
     <a href="https://tiktok.com/@Grouvex" target="_blank"><img src="https://grouvex.github.io/img/TikTok.png" alt=""></a>
-    <a href="https://musescore.com/user/70786552" target="_blank"><img src="https://grouvex.github.io/img/MuseScore.png" alt=""></a>
     <a href="https://open.spotify.com/intl-es/artist/0Sz3myYKWtxR1seCT5e7Rx?si=O624cS5UT261AHIjCJDCJw" target="_blank"><img src="https://grouvex.github.io/img/Spotify.png" alt=""></a>
     <a href="https://twitter.com/@grouvex" target="_blank"><img src="https://grouvex.github.io/img/X.png" alt=""></a>
-    <a href="https://discord.gg/XnxcuZHrh3" target="_blank"><img src="https://grouvex.github.io/img/Discord.png" alt=""></a>
-    <a href="https://www.amazon.es/music/player/artists/B0CK9MNQ61/grouvex" target="_blank"><img src="https://grouvex.github.io/img/AmazonMusic.png" alt="AmazonMusic"></a>
-    <a href="https://www.amazon.es/music/player/artists/B0CK9MNQ61/grouvex" target="_blank"><img src="https://grouvex.github.io/img/AmazonMusic.png" alt="AmazonMusic"></a>
+    <a href="https://musescore.com/user/70786552" target="_blank"><img src="https://grouvex.github.io/img/MuseScore.png" alt=""></a>
+    <a href="https://youtube.com/@Grouvex" target="_blank"><img src="https://grouvex.github.io/img/YouTube.png" alt=""></a>
+    <a href="https://music.youtube.com/channel/UCCjEGDcTAyAgcw0L-HGeeZQ" target="_blank"><img src="https://grouvex.github.io/img/YouTubeMusic.png" alt="YouTubeMusic"></a>
+    <a href="https://www.amazon.es/music/player/artists/B0CK9MNQ61/grouvex" target="_blank"><img src="https://grouvex.github.io/img/AmazonMusic.png" alt=""></a>
+    <a href="https://www.deezer.com/en/artist/222357525" target="_blank"><img src="https://grouvex.github.io/img/Deezer.png" alt=""></a>
+    <a href="https://play.anghami.com/artist/19328687" target="_blank"><img src="https://grouvex.github.io/img/Anghami.png" alt=""></a>
+    <a href="https://music.apple.com/mx/artist/grouvex/1713912150" target="_blank"><img src="https://grouvex.github.io/img/AppleMusic.png" alt=""></a>
  </div>
  <hr>
     <div class="footer-text">