Update index.html

BrunoSobrino · Sep 28, 2024 · b4ff46b · b4ff46b
1 parent 9f64dd0
commit b4ff46b
Showing 1 changed file with 36 additions and 35 deletions.
diff --git a/index.html b/index.html
@@ -3,12 +3,12 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>The Mystic Bot🔮</title>
-    <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap" rel="stylesheet"> 
+    <title>Plugins 🧩</title>
+    <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap" rel="stylesheet">
     <link rel="icon" type="image/x-icon" href="web/favicon.ico">
     <link rel="stylesheet" href="web/estilo.css">
     <style>
-        /* Estilo de Carga*/
+        /* Estilo de la pantalla de carga */
         .loading-screen {
             position: fixed;
             top: 0;
@@ -27,7 +27,7 @@
             font-family: 'Comfortaa', sans-serif;
         }
 
-        /* Ocultar el Cargando cuando Cargo gg */
+        /* Clase para ocultar elementos */
         .hide {
             display: none;
         }
@@ -39,41 +39,38 @@
     </div>
 
     <video autoplay muted loop id="bg-video" preload="auto">
-        <source src="https://github.com/user-attachments/assets/39cbf647-28cd-4604-a717-ada1439d274b" type="video/mp4">
-        Er Video
+        <source src="https://videos.pexels.com/video-files/6893173/6893173-hd_1280_720_25fps.mp4" type="video/mp4">
+        Error al cargar el video
     </video>
 
     <div class="content" id="content">
         <p>⌛Cargando⏳</p>
     </div>
 
     <script>
-
+        // Oculta la pantalla de carga
         function hideLoadingScreen() {
             document.getElementById('loading-screen').classList.add('hide');
         }
 
-
+        // Carga el contenido de la URL proporcionada
         async function loadContent(url, fallbackUrl = null) {
             try {
                 const response = await fetch(url);
                 if (!response.ok) throw new Error(`Error fetching ${url}: ${response.statusText}`);
                 document.getElementById('content').innerHTML = await response.text();
-
-               // Comentarios Disqus, PErsonalizable y Claramente Opcional.
-                loadDisqus();
+                loadDisqus(); // Carga Disqus si el contenido se cargó correctamente
             } catch (error) {
-                console.error(`Error cargando D: ${error.message}`);
+                console.error(`Error cargando contenido: ${error.message}`);
                 if (fallbackUrl) {
-                    console.log(`Usando fallback URL: ${fallbackUrl}`);
-                    loadContent(fallbackUrl);
+                    loadContent(fallbackUrl); // Intenta cargar el fallback si hay error
                 } else {
                     document.getElementById('content').innerHTML = `<p>Error Cargando: ${error.message}</p>`;
                 }
             }
         }
 
-
+        // Carga Disqus para comentarios
         function loadDisqus() {
             const disqusDiv = document.createElement('div');
             disqusDiv.id = 'disqus_thread';
@@ -84,17 +81,15 @@
                 this.page.identifier = document.title;
             };
 
-            (function() {
-                const d = document, s = d.createElement('script');
-                s.src = 'https://amigos-steam.disqus.com/embed.js';
-                s.setAttribute('data-timestamp', +new Date());
-                (d.head || d.body).appendChild(s);
-            })();
+            const s = document.createElement('script');
+            s.src = 'https://amigos-steam.disqus.com/embed.js';
+            s.setAttribute('data-timestamp', +new Date());
+            document.body.appendChild(s);
         }
 
-
+        // Devuelve la URL localizada según el idioma del navegador
         function getLocalizedUrl(urlBase) {
-            const lang = navigator.language || navigator.userLanguage;
+            const lang = navigator.language.slice(0, 2); // Obtener el código de idioma
             const langMap = {
                 es: 'es.html',
                 pt: 'pt.html',
@@ -103,46 +98,52 @@
                 ar: 'ar.html',
                 hi: 'hi.html'
             };
-            return urlBase + (langMap[lang.slice(0, 2)] || 'ingles.html');
+            return `${urlBase}${langMap[lang] || 'ingles.html'}`;
         }
 
-
+        // Carga el contenido localizado
         function loadLocalizedContent(urlBase) {
             const localizedUrl = getLocalizedUrl(urlBase);
             const fallbackUrl = `${urlBase}ingles.html`;
             loadContent(localizedUrl, fallbackUrl);
         }
 
-
+        // Inicialización al cargar el DOM
         document.addEventListener("DOMContentLoaded", () => {
             const bgVideo = document.getElementById('bg-video');
-
-
+
+            // Ocultar pantalla de carga después de 5 segundos
+            const timeoutId = setTimeout(hideLoadingScreen, 5000);
+
+            // Intentar cargar el contenido localizado inmediatamente
+            loadLocalizedContent('web/');
+
+            // Ocultar la pantalla de carga cuando el video esté listo, si no se ha ocultado aún
             bgVideo.addEventListener('loadeddata', () => {
-                loadLocalizedContent('web/');
-                hideLoadingScreen(); 
+                clearTimeout(timeoutId); // Cancelar el timeout si se ha cargado el video
+                hideLoadingScreen(); // Ocultar la pantalla de carga
             });
         });
 
-
+        // Manejo de clics en enlaces internos
         document.addEventListener('click', (event) => {
             const anchor = event.target.closest('a');
-            if (anchor && anchor.getAttribute('href')?.includes('web/')) {
+            if (anchor && anchor.href.includes('web/')) {
                 event.preventDefault();
                 window.scrollTo({ top: 0, behavior: 'smooth' });
-                loadLocalizedContent(anchor.getAttribute('href').replace('.html', ''));
+                loadLocalizedContent(anchor.href.replace('.html', ''));
             }
         });
 
-
+        // Recarga la página al cambiar el estado del historial
         window.onpopstate = () => location.reload();
     </script>
 
     <!-- Widget de Discord -->
     <script src="https://cdn.jsdelivr.net/npm/@widgetbot/crate@3" async defer>
         new Crate({
             server: '1278571215635877908',
-            channel: '1286022420330840215'
+            channel: '1280978443793727549'
         });
     </script>