mantenimiento.html

<!DOCTYPE html>
<html lang="es">
<head>
    <style>a { pointer-events: none }</style>
    <meta charset="UTF-8">
    <title>Mantenimiento - Grouvex Studios</title>
    <meta property="og:site_name" content="Grouvex Studios">
    <meta property="og:title" content=">Mantenimiento - Grouvex Studios">
    <meta property="og:description" content=">Mantenimiento de ©Grouvex Studios">
    <meta property="og:type" content="website">
    <meta property="og:image" href="img/GROUVEX.png">
    <meta property="og:url" content="https://grouvex.com/">
    <meta property="og:locale" content="es_ES">
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="temas.css">
    <link rel="icon" href="img/GROUVEX.png" type="image/x-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="MobileOptimized" content="width">
    <meta name="author" content="Grouvex Studios">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="copyright" content="Grouvex Studios">
    <meta name="google-site-verification" content="54a46b8f7ec187ad80dd5a45fff8f43b">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Referrer-Policy" content="no-referrer">
    <meta name="keywords" content="Grouvex, Música, Grouvex Studios, Grouvex's Projects">
    <meta name="theme-color" content="#hexcode">
    <link rel="canonical" href="https://grouvex.com/">
    <link rel="shortlink" href="https://grouvex.com/">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
    <meta name="HandheldFriendly" content="true">
    <link rel="preconnect" href="https://example.com">
    <link rel="dns-prefetch" href="https://example.com">
    <!-- Scripts sin nonce -->
    <script src="https://www.gstatic.com/firebasejs/8.6.7/firebase-app.js"></script> 
    <script src="https://www.gstatic.com/firebasejs/8.6.7/firebase-auth.js"></script> 
    <script src="https://www.gstatic.com/firebasejs/8.6.7/firebase-database.js"></script>
    <script src="jquery-3.5.1.min.js"></script>
        <script> 
        document.addEventListener("DOMContentLoaded", function() { 
            $("#menuG").load("menuG.html"); 
            $("#menuE").load("menuE.html"); 
            $("#menuT").load("menuT.html");
            $("#menuU").load("menuU.html");
            $("#footer").load("footer.html"); 
            $("#news").load("news.html"); 
            $("#tosypp").load("tosypp.html");
        });
    </script>
    <script src="//www.youtube.com/player_api"></script><script src="https://www.youtube.com/iframe_api"></script>
    <script src="time.js"></script></script><script type="module"  src="abc.js"></script><script src="index.js"></script>
</head>
<body>
        <header>
            <a href="https://grouvex.github.io/"> <div class="img-container"></div></a>
            <span style="font-family: Times New Roman;color:white;box-shadow: 0 0 10px gold;width:100%">
                <span id="menuG"></span>
                <span id="menuT"></span>
                <span id="menuU"></span>
        </header>
<body>
 <!-- Anuncio -->
<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: 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"><span id="Grouvex Studios"></span></h2>
<p style="color: white; font-size: 10px"><span id="ActualizadoDATE"></span></p><a href="mailto:grouvex.studio@grouvex.com" style="color:white"><footer style="font-size: 0.7em; color: white; font-size: 6px;padding:3px">grouvex.studio@grouvex.com</footer></a></div></div>
<script>const uTActualizado = 1738504523; actualizarFechas(uTActualizado, "ActualizadoDATE");</script> 
  <!-- Título -->
<article>
 <h1>Página web en mantenimiento Grouvex Studios</h1>
 <!--Texto -->
  <section id="Intro">
   <h2>Introducción</h2>
    <p>La pagina web estará en mantenimiento hasta que finalice el periodo de actualización o mantenimiento. Si eres un miembro del equipo, registrese para acceder a la página web.</p>
  </section>
 <hr>
<div id="news"></div>
 </main>
<details>
    <summary><h2>Autentificación</h2></summary>
    <main>
        <h1>Autenticación de Usuarios en Grouvex Studios</h1>
        <div id="auth-container">
            <form id="authForm">
                <h2 id="formTitle">Inicio de Sesión</h2>
                <input type="email" id="authEmail" placeholder="Email" required>
                <input type="password" id="authPassword" placeholder="Password" required>
                <input type="text" id="authDisplayName" placeholder="Nombre de Usuario" style="display:none;">
                <button type="submit" id="authButton"><img src="https://raw.githubusercontent.com/Grouvex/grouvex.github.io/refs/heads/main/img/verified.png" alt="" width="15" height="15">Iniciar Sesión</button>
                <button type="button" id="toggleButton" disabled>¿No tienes cuenta? Regístrate</button>
            </form>
            <button id="google-login-btn"><img src="https://img.icons8.com/?size=512&id=17949&format=png" alt="" width="15" height="15">Iniciar Sesión con Google</button>
            <button id="email-login-btn"><img src="https://static.vecteezy.com/system/resources/previews/022/484/508/non_2x/google-mail-gmail-icon-logo-symbol-free-png.png" alt="" width="15" height="15">Iniciar Sesión con Email</button>
            <p>¿Olvidaste tu contraseña?. Pongase en contacto con: <a href="mailto:administracion@grouvex.com?subject=Cambiar%20contraseña&body=Hola,%0A%0ASoy%20[Nombre de Usuario],%20mi%20correo%20asociado%20es%20[Correo del Usuario]%20y%20mi%20GSUserID%20es:%20[UID del Usuario]%0ASe%20me%20ha%20olvidado%20mi%20contraseña%20y%20me%20gustaría%20cambiarla.%0A%0AGracias,%0A[Nombre de Usuario]" style="color:white">administracion@grouvex.com</a></p>
            <p>Al registrarte o iniciar sesión en Grouvex Studios, acepta los <n>Términos de Servicios</n> y <n>Políticas de Privacidad</n> del mismo.</p>
            <details><summary>Términos de Servicios</summary>
            <iframe src="https://grouvex.com/tos" style="width:100%; height:100vh; border:none;"></iframe>
            </details>
            <details><summary>Políticas de Privacidad</summary>
            <iframe src="https://grouvex.com/pp" style="width:100%; height:100vh; border:none;"></iframe>
            </details>
        </div>
        <div id="content" style="display: none;">
            <h2>Bienvenido</h2>
            <p>Este contenido es visible solo para usuarios autenticados.</p>
            <p>Si desea eliminar la cuenta, envie un correo a <a href="mailto:administracion@grouvex.com?subject=Solicitud%20de%20Eliminación%20de%20la%20Cuenta%20de%20Grouvex%20Studios" style="color:white">administracion@grouvex.com</a>, indicando: Nombre de Usuario, Correo Electronico y el GSUserID.</p>
            <p>Bienvenid@ <span id="usuario"></span>, si necesita ayuda, puede ponerse en <a href="https://grouvex.github.io/contacto" style="color:white">contacto</a> con el equipo.</p>
            <hr>
            <p>Información de la cuenta</p>
    <div class="tarjetas">
        <div class="tarjeta">
    <img id="fotoPerfil" src="https://grouvex.com/img/GROUVEX.png" alt="Foto de perfil">
    <div>
      <h2><span class="insignias"></span></h2>
      <hr>
      <p style="font-size:6px;font-family: Arial, Helvetica, sans-serif;"><n><span id="userID"></span></n></p>
      <p><footer><span id="correoElectronico"></span></footer></p>
    </div></div></div>
    <p style="font-size:12px">El GSUserID (GS-XXXXXXXXXXXX) es único por cada usuario. Sirve para formularios o para comprobar la existencia y el estado del usuario. En caso de no aparecer tu nombre de usuario, deberás iniciar con Google.</p>
            <hr>
            <button id="resetPasswordBtn">Cambiar Contraseña</button><button id="logoutBtn">Cerrar Sesión</button>
            <hr>
            <button id="deleteBtn">Eliminar Cuenta</button>
        </div>
    </main>
</details>
 <!-- Footer -->
 <div id="footer"></div>
</body>
</html>