-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (117 loc) · 5.58 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hispanic Galaxy</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"> <!-- Para Cambiar el Estilo/Tema facilmente -->
</head>
<body>
<video autoplay muted loop id="bg-video">
<source src="https://github.com/user-attachments/assets/fd54742d-a7e9-49f4-b268-da16689918c1" type="video/mp4"> <!-- Para Cambiar el video de fondo, debe ser enlace directo al video. -->
Error con Video
</video>
<div class="content" id="content">
<p>⌛Cargando⏳</p>
</div>
<script>
async function loadContent(url) {
try {
const response = await fetch(url);
if (!response.ok) throw new Error(`Error fetching ${url}: ${response.statusText}`);
const htmlContent = await response.text();
document.getElementById('content').innerHTML = htmlContent;
// Este es la seccion de Disqus, se puede cambiar a uno personalizado.
const disqusDiv = document.createElement('div');
disqusDiv.id = 'disqus_thread';
document.getElementById('content').appendChild(disqusDiv);
var disqus_config = function () {
this.page.url = window.location.href;
this.page.identifier = document.title;
};
(function() {
var 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);
})();
} catch (error) {
console.error(error);
document.getElementById('content').innerHTML = `<p>Error loading content: ${error.message}</p>`;
}
}
function getLocalizedUrl(url) {
const userLang = navigator.language || navigator.userLanguage;
// Identificar el sufijo de idioma
if (userLang.startsWith('es')) {
return url + 'es.html';
} else if (userLang.startsWith('pt')) {
return url + 'pt.html';
} else if (userLang.startsWith('fr')) {
return url + 'fr.html';
} else if (userLang.startsWith('ru')) {
return url + 'ru.html';
} else if (userLang.startsWith('ar')) {
return url + 'ar.html';
} else if (userLang.startsWith('hi')) {
return url + 'hi.html';
} else {
return url + 'ingles.html';
}
}
document.addEventListener("DOMContentLoaded", function() {
const userLang = navigator.language || navigator.userLanguage;
let htmlFile = 'web/ingles.html';
if (userLang.startsWith('es')) {
htmlFile = 'web/es.html';
} else if (userLang.startsWith('pt')) {
htmlFile = 'web/pt.html';
} else if (userLang.startsWith('fr')) {
htmlFile = 'web/fr.html';
} else if (userLang.startsWith('ru')) {
htmlFile = 'web/ru.html';
} else if (userLang.startsWith('ar')) {
htmlFile = 'web/ar.html';
} else if (userLang.startsWith('hi')) {
htmlFile = 'web/hi.html';
}
loadContent(htmlFile);
});
document.addEventListener('click', function(event) {
const target = event.target;
if (target.tagName === 'A') {
let href = target.getAttribute('href');
// Ir arriba de la pagina al seleccionar un enlace interno
window.scrollTo({ top: 0, behavior: 'smooth' });
if (href.startsWith('web/') || href.startsWith('./') || href.startsWith('/')) {
event.preventDefault();
if (!href.match(/(ingles|es|pt|fr|ru|ar|hi)\.html$/)) {
href = getLocalizedUrl(href);
}
loadContent(href);
} else if (href.startsWith('http://') || href.startsWith('https://')) {
event.preventDefault();
href = getLocalizedUrl(href);
// 300 es tiempo ajustable.
setTimeout(() => {
window.location.href = href;
}, 300);
}
}
});
window.onpopstate = function() {
location.reload(); // Recarga la página al dar atras, ya que no logre hacer funcionar una navegacion consistente hacia atras.
};
</script>
<!-- Este es el Widget de Discord, se puede personalizar para tu Server -->
<script src='https://cdn.jsdelivr.net/npm/@widgetbot/crate@3' async defer>
new Crate({
server: '1278571215635877908', // Basu
channel: '1280976262504124508' // #basurero-sexta-feira
})
</script>
<noscript> JavaScript OFF. Se Requiere JS Encendido para poder Visualizar Esto. En caso de no poder Verlo ve al Repositorio.</noscript>
</body>
</html>