Skip to content

Update menu1.html #126

New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

#

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Merged
merged 6 commits into from
Oct 8, 2024
Merged

Update menu1.html #126

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
b086207
Update menu1.html
Grouvex Oct 8, 2024
134431e
Update menu.html
Grouvex Oct 8, 2024
e70e6de
Update temas.js
Grouvex Oct 8, 2024
c93422e
Update temas.css
Grouvex Oct 8, 2024
7322efc
Rename themes.html to temas.html
Grouvex Oct 8, 2024
932adf1
Update menu1.html
Grouvex Oct 8, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 5 additions & 3 deletions menu.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,9 +13,11 @@
<option value="naturaleza2">Tema Naturaleza: Polos</option>
<option value="naturaleza3">Tema Naturaleza: Mar</option>
<option value="naturaleza4">Tema Naturaleza: Selva</option>
<option value="httyd">Tema: Cómo Entrenar A Tu Dragón</option>
<option value="pokemon" disabled>Tema Pokémon</option>
<option value="gstudios1">Tema G.Studios: Si Fuera</option>
<option value="httyd">Tema: Cómo Entrenar A Tu Dragón</option>
<option value="pokemon">Tema: Pokémon</option>
<option value="thewildrobot">Tema: The Wild Robot</option>
<option value="gstudios1">Tema G.Studios: Si Fuera</option>
<option value="gstudios2">Tema G.Studios: The Night Sky</option>
<!-- Añade tantas opciones como diseños tengas -->
</select></span>
<span id="google_translate_element"><span>
Expand Down
16 changes: 5 additions & 11 deletions menu1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,4 @@
<script>
function redirigir() {
var selector = document.getElementById('selector-idioma');
var url = selector.value;
window.location.href = url;
}
</script>
| <span><select id="selector-idioma" onchange="redirigir()" disabled>
<html>| <span><select id="selector-idioma" onchange="redirigir()" disabled>
<option value="Language" disabled selected>Language</option>
<option value="https://grouvex.github.io/es">Spanish</option>
<option value="https://grouvex.github.io/en">English | Updating</option>
Expand All @@ -25,12 +18,13 @@
<option value="naturaleza3">Tema Naturaleza: Mar</option>
<option value="naturaleza4">Tema Naturaleza: Selva</option>
<option value="httyd">Tema: Cómo Entrenar A Tu Dragón</option>
<option value="pokemon">Tema Pokémon</option>
<option value="pokemon">Tema: Pokémon</option>
<option value="thewildrobot">Tema: The Wild Robot</option>
<option value="gstudios1">Tema G.Studios: Si Fuera</option>
<option value="gstudios2">Tema G.Studios: The Night Sky</option>
<!-- Añade tantas opciones como diseños tengas -->
</select></span>

</html>
<script>
var themeSelect = document.getElementById('themeSelect');

Expand All @@ -41,7 +35,7 @@

// Elimina las clases de las opciones antiguas
elements.forEach(function(element) {
element.classList.remove('theme1', 'theme2', 'space', 'starwars', 'jurassicworld', 'taylorswift', 'superheroes', 'naturaleza1', 'naturaleza2', 'naturaleza3', 'naturaleza4', 'naturaleza5', 'naturaleza6', 'pokemon', 'httyd', 'gstudios1', 'gstudios2');
element.classList.remove('theme1', 'theme2', 'space', 'starwars', 'jurassicworld', 'taylorswift', 'superheroes', 'naturaleza1', 'naturaleza2', 'naturaleza3', 'naturaleza4', 'naturaleza5', 'naturaleza6', 'pokemon', 'thewildrobot', 'httyd', 'gstudios1', 'gstudios2');
});

// Si la opción seleccionada no es "default", añade la clase de la opción seleccionada
Expand Down
78 changes: 78 additions & 0 deletions temas.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -719,6 +719,84 @@ body.naturaleza1 {
background-position: center; /* Centra la imagen de fondo */
}

/*Theme The Wild Robot*/
/* Establece el fondo de toda la página a gris */
p.thewildrobot {
color: rgb(255, 255, 255);
text-shadow: white;
display: block;
}
/* Establece el fondo de toda la página a gris */
body.thewildrobot {
height: 100%;
flex-direction: column;
margin: 0px;
font-family: Arial, sans-serif; /* Tipo de letra */
background-position: center;
background-size: cover;
background-image: url(https://th.bing.com/th/id/OIP.9IJqsdTIYe-3tvaja3v8AwHaD3?w=1442&h=752&rs=1&pid=ImgDetMain);
}
/* Estilo para el contenido principal */
main.thewildrobot {
box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75);
flex-wrap: wrap;
justify-content: center;
padding: 10px;
flex: 0;
color: white;
margin-top: 30px;
background-image: url(https://th.bing.com/th/id/OIP.PZFnac4UZPYzXyZb6MhehgHaDt?rs=1&pid=ImgDetMain);
background-size: cover;
background-repeat: no-repeat;
}
h1.thewildrobot,h2.thewildrobot,h3.thewildrobot,h4.thewildrobot,h5.thewildrobot,h6.thewildrobot {
text-align: center;
color: white;
background-image: url(https://th.bing.com/th/id/OIP.fXzET8932QEAPm2_VL9h2wHaEK?w=316&h=180&c=7&r=0&o=5&pid=1.7);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
mainTop.thewildrobot {
justify-content: space-between;
display: flex;
padding: 10px;
background-image: url(https://tse1.mm.bing.net/th?id=OIF.5AwZgs%2fEhDWDi9%2f03gHgwg&pid=1.7&w=325&h=198&c=8&dpr=1);
background-position: center;
background-size:cover;
background-repeat: no-repeat;
}
/* Estilo para los artículos, secciones y barras laterales */
article.thewildrobot {
border: 1px solid #ddd; /* Borde gris */
margin: 10px;
padding: 10px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Sombra suave */
background-image: url(https://th.bing.com/th/id/OIF.Tt2G5kQkQvl37uusC06hWw?rs=1&pid=ImgDetMain);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
section.thewildrobot {
border: 1px solid #ddd; /* Borde gris */
margin: 10px;
padding: 10px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Sombra suave */
background-image: url(https://th.bing.com/th?id=OIF.QhY99bwu%2bTuiCjEhNTzwlw&rs=1&pid=ImgDetMain);
background-size: cover;
background-repeat: no-repeat;
}
aside.thewildrobot {
border: 1px solid #ddd; /* Borde gris */
margin: 10px;
padding: 10px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Sombra suave */
background-image: url(https://th.bing.com/th/id/OIF.KoeiYZqILYJW5VPZhezbeA?rs=1&pid=ImgDetMain);
background-size: cover;
background-repeat: no-repeat;
}


/* Estilo para el contenido principal */
main.naturaleza1 {
box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75);
Expand Down
2 changes: 1 addition & 1 deletion themes.html → temas.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -81,4 +81,4 @@ <h2>Title 2</h2>
</div>
</footer>
</body>
</html>
</html>
14 changes: 11 additions & 3 deletions temas.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -101,13 +101,21 @@ function checkThemes() {
toggleThemeOption('taylorswift', true);
}
// Pokemon
const startPokemontWeek = new Date(date.getFullYear(), 2, 1);
const endPokemontWeek = new Date(date.getFullYear(), 11, 20);
const startPokemontWeek = new Date(date.getFullYear(), 2, 21);
const endPokemontWeek = new Date(date.getFullYear(), 2, 27);
if (date >= startPokemontWeek && date <= endPokemontWeek) {
toggleThemeOption('pokemon', false);
} else {
toggleThemeOption('pokemon', true);
}
// TheWildRobot
const startTheWildRobotWeek = new Date(date.getFullYear(), 9, 27);
const endTheWildRobotWeek = new Date(date.getFullYear(), 10, 4);
if (date >= startTheWildRobotWeek && date <= endTheWildRobotWeek) {
toggleThemeOption('thewildrobot', false);
} else {
toggleThemeOption('thewildrobot', true);
}
}

function toggleThemeOption(theme, hide) {
Expand All @@ -131,7 +139,7 @@ themeSelect.addEventListener('change', function() {

// Elimina las clases de las opciones antiguas
elements.forEach(function(element) {
element.classList.remove('theme1', 'theme2', 'space', 'starwars', 'jurassicworld', 'taylorswift', 'superheroes', 'naturaleza1', 'naturaleza2', 'naturaleza3', 'naturaleza4', 'naturaleza5', 'naturaleza6', 'pokemon', 'httyd', 'gstudios1', 'gstudios2');
element.classList.remove('theme1', 'theme2', 'space', 'starwars', 'jurassicworld', 'taylorswift', 'superheroes', 'naturaleza1', 'naturaleza2', 'naturaleza3', 'naturaleza4', 'naturaleza5', 'naturaleza6', 'pokemon', 'thewildrobot', 'httyd', 'gstudios1', 'gstudios2');
});

// Si la opción seleccionada no es "default", añade la clase de la opción seleccionada
Expand Down