diff --git a/css/style.css b/css/style.css index 99e2844..2844ea1 100644 --- a/css/style.css +++ b/css/style.css @@ -7,6 +7,7 @@ --accent-orange: #ff9900; --light-gold: #ffc24a; --bg-dark: #0f172a; /* Fondo muy oscuro para contraste */ + --gray: #acb3bf; } body { @@ -107,6 +108,13 @@ body { .card-text { color: white !important; } + +.card-tecnologia { + font-size: 0.75rem; + font-style: italic; + color: var(--gray) !important; +} + .btn-link { color: var(--light-blue); text-decoration: none; diff --git a/eltiempo/img/eltiempo-logo.png b/eltiempo/img/eltiempo-logo.png new file mode 100644 index 0000000..7d347c9 Binary files /dev/null and b/eltiempo/img/eltiempo-logo.png differ diff --git a/eltiempo/index.html b/eltiempo/index.html index 4fe8348..aa9a340 100644 --- a/eltiempo/index.html +++ b/eltiempo/index.html @@ -4,6 +4,7 @@ El Tiempo + diff --git a/eltiempo/js/codigo.js b/eltiempo/js/codigo.js index bd4ff86..75aeecd 100644 --- a/eltiempo/js/codigo.js +++ b/eltiempo/js/codigo.js @@ -28,6 +28,8 @@ async function santoDelDia() { const hoy = new Date(); const offset = hoy.getTimezoneOffset() * 60000; const fechaISO = new Date(hoy - offset).toISOString().split('T')[0]; + const santoDelDiaElem = document.getElementById("santo-del-dia"); + try { const res = await fetch('data/santos.json'); @@ -38,7 +40,6 @@ async function santoDelDia() { if (elSanto) { document.getElementById("santo-del-dia").textContent = elSanto.santo; santoDelDiaElem.textContent = elSanto.santo; - descripcionSantoDelDiaElem.textContent = elSanto.descripcion || ""; } } catch (e) { console.error("Error en la carga de santos:", e); @@ -68,7 +69,7 @@ async function getLocationName(lat, lon) { if (data.address.city) return data.address.city + ", " + data.address.country; if (data.address.town) return data.address.town + ", " + data.address.country; if (data.address.village) return data.address.village + ", " + data.address.country; - if (data.address.hamlet) return data.address.hamlet + ", " + data.address.country; + // if (data.address.hamlet) return data.address.hamlet + ", " + data.address.country; } return "Ubicación desconocida"; @@ -241,7 +242,7 @@ function generateMiniMoonCalendar() { const daysInMonth = new Date(year, month + 1, 0).getDate(); const container = document.getElementById("moon-mini-calendar"); - container.innerHTML = ""; + //container.innerHTML = "."; let firstDay = new Date(year, month, 1).getDay(); firstDay = (firstDay === 0) ? 6 : firstDay - 1; @@ -250,7 +251,7 @@ function generateMiniMoonCalendar() { const empty = document.createElement("div"); empty.classList.add("moon-day"); empty.style.visibility = "hidden"; - container.appendChild(empty); + // container.appendChild(empty); } for (let day = 1; day <= daysInMonth; day++) { @@ -260,7 +261,7 @@ function generateMiniMoonCalendar() { if (day === today) div.classList.add("moon-today"); div.innerHTML = `${day}${icon}`; - container.appendChild(div); +// container.appendChild(div); } } diff --git a/img/eltiempo.jpg b/img/eltiempo.jpg new file mode 100644 index 0000000..cc35069 Binary files /dev/null and b/img/eltiempo.jpg differ diff --git a/index.html b/index.html index bb1bb8a..13773d3 100644 --- a/index.html +++ b/index.html @@ -32,7 +32,8 @@
Recursos Católicos
-

Tecnologia (HTML, CSS, Bootstrap, JavaScript, PHP, SQL, XML, JSON).

+

Web de recursos católicos gratuitos (Rosario, oraciones, etc.).

+

HTML, CSS, Bootstrap, JavaScript, PHP, SQL, XML, JSON.

Saber más →
@@ -45,7 +46,8 @@
Piedra, Papel o Tijera
-

El famoso juego Piedra, Papel o Tijera realizado en HTML, CSS, JavaScript y optimizado para dispositivos móviles.

+

El famoso juego Piedra, Papel o Tijera.

+

HTML, CSS, JavaScript y optimizado para dispositivos móviles.

Saber más →
@@ -58,18 +60,33 @@
Portfolio
-

Tecnologia (.NET, C#, HTML, CSS, Bootstrap, JavaScript).

+

Mi portfolio personal donde muestro mis proyectos y habilidades.

+

.NET, C#, HTML, CSS, Bootstrap, JavaScript.

Saber más →
+ +
+
+
+ El Tiempo +
+
+
El Tiempo
+

Guardo los datos del tiempo de 3 ciudades españolas que me interesan (Madrid, L'Ampolla (Tarragona), L'Alfas del Pi (Alicante)) con fines estadísticos.

+

PHP, MySQL, HTML, CSS, JavaScript.

+ Saber más → +
+
+