-
-
Notifications
You must be signed in to change notification settings - Fork 1.6k
/
index.html
152 lines (133 loc) · 5.49 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mystic Bot 🔮</title>
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:[email protected]&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 la pantalla de carga */
.loading-screen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: #232323;
z-index: 1000;
}
.loading-screen p {
font-size: 2em;
font-family: 'Comfortaa', sans-serif;
}
/* Clase para ocultar elementos */
.hide {
display: none;
}
</style>
</head>
<body>
<div class="loading-screen" id="loading-screen">
<p>⌛Cargando⏳</p>
</div>
<video autoplay muted loop id="bg-video" preload="auto">
<source src="https://videos.pexels.com/video-files/7180356/7180356-hd_1366_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();
loadDisqus(); // Carga Disqus si el contenido se cargó correctamente
} catch (error) {
console.error(`Error cargando contenido: ${error.message}`);
if (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';
document.getElementById('content').appendChild(disqusDiv);
const disqus_config = function () {
this.page.url = window.location.href;
this.page.identifier = document.title;
};
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.slice(0, 2); // Obtener el código de idioma
const langMap = {
es: 'es.html',
pt: 'pt.html',
fr: 'fr.html',
ru: 'ru.html',
ar: 'ar.html',
hi: 'hi.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', () => {
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.href.includes('web/')) {
event.preventDefault();
window.scrollTo({ top: 0, behavior: 'smooth' });
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: '1280978443793727549'
});
</script>
<noscript>JavaScript OFF. Se requiere JS activado para visualizar esta página. Consulta el repositorio si tienes problemas.</noscript>
</body>
</html>