Skip to content

Commit 0883627

Browse files
GrouvexGrouvex
authored
Add files via upload
Signed-off-by: Grouvex <168425996+Grouvex@users.noreply.github.com>
1 parent 5103e66 commit 0883627

File tree

4 files changed

+138
-101
lines changed

4 files changed

+138
-101
lines changed

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<html>
2-
<meta http-equiv="refresh" content="0; url=es/grouvex"/>
2+
<meta http-equiv="refresh" content="0; url=es/grouvex.html"/>
33
</html>
44
<!DOCTYPE html>
55
<!-- header.html -->

‎index.js‎

Lines changed: 9 additions & 93 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,15 @@
22
window.addEventListener('load', function() {
33
// Llama a todas las funciones que quieres ejecutar cuando se carga la página
44
createConfeti();
5-
flower();sol();leaf();nieve();
6-
showNotification();openNav();closeNav();
7-
cookies();acceptCookies();declineCookies();
8-
jurassicworld();starwars();taylorswift();superheroes();
5+
flower();
6+
sol();
7+
leaf();
8+
nieve();
9+
showNotification();
10+
openNav();
11+
closeNav();
912
});
13+
1014
function createConfeti() {
1115
var today = new Date();
1216
var month = today.getMonth();
@@ -91,7 +95,7 @@ function nieve() {
9195
var day = today.getDate();
9296

9397
// Comprueba si es Navidad (24 de diciembre - 5 de enero)
94-
if ((month >= 11 && day >= 24) || (month == 0 && day <= 5)) {
98+
if ((month >= 4 && day >= 24) || (month == 0 && day <= 5)) {
9599
for (var i = 0; i < 250; i++) {
96100
var snowflake = document.createElement('div');
97101
snowflake.className = 'snowflake';
@@ -113,96 +117,8 @@ function closeNav() {
113117
function showNotification() {
114118
document.getElementById("notification").style.display = "block";
115119
}
116-
function cookies() {
117-
var acceptedCookies = localStorage.getItem('acceptedCookies');
118-
if (!acceptedCookies) {
119-
document.getElementById('cookieBanner').style.display = 'block';
120-
}
121-
};
122-
123-
function acceptCookies() {
124-
localStorage.setItem('acceptedCookies', true);
125-
document.getElementById('cookieBanner').style.display = 'none';
126-
}
127-
128-
function declineCookies() {
129-
// Aquí puedes redirigir al usuario a una página diferente o cambiar el comportamiento de tu sitio según sea necesario
130-
document.getElementById('cookieBanner').style.display = 'none';
131-
}
132-
133-
function starwars() {
134-
var date = new Date();
135-
var startStarWarsWeek = new Date(date.getFullYear(), 4, 4); // 4 de mayo
136-
var endStarWarsWeek = new Date(date.getFullYear(), 4, 14); // 14 de mayo
137-
138-
if (date >= startStarWarsWeek && date <= endStarWarsWeek) {
139-
document.querySelector('#themeSelect option[value="starwars"]').classList.remove('hiddenOption');
140-
} else {
141-
document.querySelector('#themeSelect option[value="starwars"]').classList.add('hiddenOption');
142-
}
143-
}
144-
145-
function jurassicworld() {
146-
var date = new Date();
147-
var startJurassicWorldWeek = new Date(date.getFullYear(), 5, 10); // 10 de Junio
148-
var endJurassicWorldWeek = new Date(date.getFullYear(), 5, 20); // 20 de Junio
149-
150-
if (date >= startJurassicWorldWeek && date <= endJurassicWorldWeek) {
151-
document.querySelector('#themeSelect option[value="jurassicworld"]').classList.remove('hiddenOption');
152-
} else {
153-
document.querySelector('#themeSelect option[value="jurassicworld"]').classList.add('hiddenOption');
154-
}
155-
}
156-
157-
function taylorswift() {
158-
var date = new Date();
159-
var startTaylorSwiftWeek = new Date(date.getFullYear(), 11, 13); // 13 de Diciembre
160-
var endTaylorSwiftWeek = new Date(date.getFullYear(), 11, 23); // 23 de Diciembre
161-
162-
if (date >= startTaylorSwiftWeek && date <= endTaylorSwiftWeek) {
163-
document.querySelector('#themeSelect option[value="taylorswift"]').classList.remove('hiddenOption');
164-
} else {
165-
document.querySelector('#themeSelect option[value="taylorswift"]').classList.add('hiddenOption');
166-
}
167-
}
168-
169-
var themeSelect = document.getElementById('themeSelect');
170120

171-
// Cuando se cambia el tema
172-
themeSelect.addEventListener('change', function() {
173-
// Obtiene todos los elementos a los que se les aplicará el cambio de tema
174-
var elements = document.querySelectorAll('p, body, main, mainTop, h1, h2, h3, h4, h5, h6, h7, h8, .avatar1, article, section, aside, panel');
175121

176-
// Elimina las clases de las opciones antiguas
177-
elements.forEach(function(element) {
178-
element.classList.remove('theme1', 'theme2', 'space', 'starwars', 'jurassicworld', 'taylorswift', 'superheroes', 'naturaleza1', 'naturaleza2', 'naturaleza3', 'naturaleza4', 'pokemon');
179-
});
180-
181-
// Si la opción seleccionada no es "default", añade la clase de la opción seleccionada
182-
if (this.value !== 'default') {
183-
elements.forEach(function(element) {
184-
element.classList.add(this.value);
185-
}.bind(this));
186-
}
187-
188-
// Guarda la selección del usuario en el almacenamiento local
189-
localStorage.setItem('selectedTheme', this.value);
190-
});
191-
192-
// Cuando se carga la página
193-
window.addEventListener('load', function() {
194-
// Obtiene la selección del usuario del almacenamiento local
195-
var selectedTheme = localStorage.getItem('selectedTheme');
196-
197-
// Si hay una selección guardada y no es "default", aplica el tema seleccionado
198-
if (selectedTheme && selectedTheme !== 'default') {
199-
var elements = document.querySelectorAll('p, body, main, mainTop, h1, h2, h3, h4, h5, h6, h7, h8, .avatar1, article, section, aside, panel');
200-
elements.forEach(function(element) {
201-
element.classList.add(selectedTheme);
202-
});
203-
themeSelect.value = selectedTheme; // Asegúrate de que el menú desplegable muestre el tema correcto
204-
}
205-
});
206122

207123
var videos = [
208124
{id: 'x09D-9ZpF_o', title: 'Título 1', description: 'Descripción 1', credits: 'Créditos 1'},

‎menu.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -9,23 +9,23 @@
99
</script>
1010
<select id="selector-idioma" onchange="redirigir()">
1111
<option value="">Select</option>
12-
<option value="https://grouvex.github.io/es/grouvex">Español</option>
13-
<option value="https://grouvex.github.io/en/grouvex">English</option>
14-
<option value="https://grouvex.github.io/fr/grouvex" disabled>Français</option>
12+
<option value="../es/grouvex.html">Español</option>
13+
<option value="../en/grouvex.html">English</option>
14+
<option value="../fr/grouvex.html" disabled>Français</option>
1515
<!-- Añade más opciones de idioma según sea necesario -->
1616
</select>
17-
<script src="../index.js"></script>
17+
<script src="../index.js"></script> <script src="../temas.js"></script>
1818
<span class="status new">New</span>
1919
<select id="themeSelect">
2020
<option value="default">Default Theme</option>
2121
<option value="theme1">Theme 1: Color</option>
2222
<option value="theme2">Theme 2: Color</option>
23-
<option value="space" >Theme Space</option>
23+
<option value="space">Theme Space</option>
2424
<option value="starwars" class="hiddenOption">Theme Star Wars</option>
2525
<option value="jurassicworld" class="hiddenOption">Theme Jurassic World</option>
2626
<option value="taylorswift" class="hiddenOption">Theme Taylor Swift</option>
27-
<option value="superheroes">Theme Super Heroes</option>
28-
<option value="naturaleza1">Theme Naturaleza: Atardecer/Amanecer</option>
27+
<option value="superheroes" class="hiddenOption">Theme Super Heroes</option>
28+
<option value="naturaleza1" class="hiddenOption">Theme Naturaleza: Atardecer/Amanecer</option>
2929
<option value="naturaleza2" class="hiddenOption">Theme Naturaleza: Polo Norte/Sur</option>
3030
<option value="naturaleza3" class="hiddenOption">Theme Naturaleza: Mar</option>
3131
<option value="naturaleza4" class="hiddenOption">Theme Naturaleza: Selva</option>

‎temas.js‎

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
window.addEventListener('load', function() {
2+
// Llama a todas las funciones que quieres ejecutar cuando se carga la página
3+
checkThemes();
4+
});
5+
6+
function checkThemes() {
7+
const date = new Date();
8+
const month = date.getMonth();
9+
10+
// Superhéroes
11+
if (month === 0) {
12+
toggleThemeOption('superheroes', false);
13+
} else {
14+
toggleThemeOption('superheroes', true);
15+
}
16+
17+
// Naturaleza 1
18+
if (month === 1) {
19+
toggleThemeOption('naturaleza1', false);
20+
} else {
21+
toggleThemeOption('naturaleza1', true);
22+
}
23+
24+
// Naturaleza 2
25+
if (month === 2) {
26+
toggleThemeOption('naturaleza2', false);
27+
} else {
28+
toggleThemeOption('naturaleza2', true);
29+
}
30+
31+
// Naturaleza 3
32+
if (month === 3) {
33+
toggleThemeOption('naturaleza3', false);
34+
} else {
35+
toggleThemeOption('naturaleza3', true);
36+
}
37+
38+
// Naturaleza 4
39+
if (month === 4) {
40+
toggleThemeOption('naturaleza4', false);
41+
} else {
42+
toggleThemeOption('naturaleza4', true);
43+
}
44+
45+
// Star Wars
46+
const startStarWarsWeek = new Date(date.getFullYear(), 4, 4);
47+
const endStarWarsWeek = new Date(date.getFullYear(), 4, 14);
48+
if (date >= startStarWarsWeek && date <= endStarWarsWeek) {
49+
toggleThemeOption('starwars', false);
50+
} else {
51+
toggleThemeOption('starwars', true);
52+
}
53+
54+
// Jurassic World
55+
const startJurassicWorldWeek = new Date(date.getFullYear(), 5, 10);
56+
const endJurassicWorldWeek = new Date(date.getFullYear(), 5, 20);
57+
if (date >= startJurassicWorldWeek && date <= endJurassicWorldWeek) {
58+
toggleThemeOption('jurassicworld', false);
59+
} else {
60+
toggleThemeOption('jurassicworld', true);
61+
}
62+
63+
// Taylor Swift
64+
const startTaylorSwiftWeek = new Date(date.getFullYear(), 11, 13);
65+
const endTaylorSwiftWeek = new Date(date.getFullYear(), 11, 23);
66+
if (date >= startTaylorSwiftWeek && date <= endTaylorSwiftWeek) {
67+
toggleThemeOption('taylorswift', false);
68+
} else {
69+
toggleThemeOption('taylorswift', true);
70+
}
71+
}
72+
73+
function toggleThemeOption(theme, hide) {
74+
const option = document.querySelector(`#themeSelect option[value="${theme}"]`);
75+
if (option) {
76+
if (hide) {
77+
option.classList.add('hiddenOption');
78+
} else {
79+
option.classList.remove('hiddenOption');
80+
}
81+
}
82+
}
83+
84+
85+
var themeSelect = document.getElementById('themeSelect');
86+
87+
// Cuando se cambia el tema
88+
themeSelect.addEventListener('change', function() {
89+
// Obtiene todos los elementos a los que se les aplicará el cambio de tema
90+
var elements = document.querySelectorAll('p, body, main, mainTop, h1, h2, h3, h4, h5, h6, h7, h8, .avatar1, article, section, aside, panel');
91+
92+
// Elimina las clases de las opciones antiguas
93+
elements.forEach(function(element) {
94+
element.classList.remove('theme1', 'theme2', 'space', 'starwars', 'jurassicworld', 'taylorswift', 'superheroes', 'naturaleza1', 'naturaleza2', 'naturaleza3', 'naturaleza4', 'pokemon');
95+
});
96+
97+
// Si la opción seleccionada no es "default", añade la clase de la opción seleccionada
98+
if (this.value !== 'default') {
99+
elements.forEach(function(element) {
100+
element.classList.add(this.value);
101+
}.bind(this));
102+
}
103+
104+
// Guarda la selección del usuario en el almacenamiento local
105+
localStorage.setItem('selectedTheme', this.value);
106+
});
107+
108+
// Cuando se carga la página
109+
window.addEventListener('load', function() {
110+
// Obtiene la selección del usuario del almacenamiento local
111+
var selectedTheme = localStorage.getItem('selectedTheme');
112+
113+
// Si hay una selección guardada y no es "default", aplica el tema seleccionado
114+
if (selectedTheme && selectedTheme !== 'default') {
115+
var elements = document.querySelectorAll('p, body, main, mainTop, h1, h2, h3, h4, h5, h6, h7, h8, .avatar1, article, section, aside, panel');
116+
elements.forEach(function(element) {
117+
element.classList.add(selectedTheme);
118+
});
119+
themeSelect.value = selectedTheme; // Asegúrate de que el menú desplegable muestre el tema correcto
120+
}
121+
});

0 commit comments

Comments
 (0)