From b46d946e9fedf88356846ae5b0f86b11c0ebc0da Mon Sep 17 00:00:00 2001 From: Tatiana Villa Ema Date: Tue, 20 Jan 2026 17:36:09 +0100 Subject: [PATCH] Biblioteca cristiana --- biblioteca-cristiana.html | 47 ++++++++++++++++++++++++++++++++++ css/intenciones.css | 53 ++++++++++++++++++++++++++++++++++++++- index.html | 14 ++++++++--- intenciones.html | 43 +++++++++++++++++++++++++++++++ js/intenciones.js | 41 ++++++++++++++++++++++++++++++ oraciones-basicas.html | 2 ++ rosario.html | 3 +++ 7 files changed, 199 insertions(+), 4 deletions(-) create mode 100644 biblioteca-cristiana.html create mode 100644 intenciones.html create mode 100644 js/intenciones.js diff --git a/biblioteca-cristiana.html b/biblioteca-cristiana.html new file mode 100644 index 0000000..b847c6a --- /dev/null +++ b/biblioteca-cristiana.html @@ -0,0 +1,47 @@ + + + + + + Biblioteca cristiana + + + + +
+

RECURSOS CATÓLICOS

+

Biblioteca cristiana

+ +
+ Martes, 15 de enero de 2026 +
+ + + +
+
+
+

Biblia y evangelio

+

Sagrada Biblia de la conferencia Episcopal Española (CEE)

+

Catecismo de la doctrina cristiana

+
+ +
+

Vidas de santos y películas

+

365 días con la madre Teresa de Calcuta

+

San Francisco de Asis (Padre de los Franciscanos)

+
+ +
+

Películas

+

Una monja de cuidado (Sister Act)

+
+
+ + \ No newline at end of file diff --git a/css/intenciones.css b/css/intenciones.css index c4743b6..e5e14fd 100644 --- a/css/intenciones.css +++ b/css/intenciones.css @@ -6,4 +6,55 @@ --arena: #E8DCC2; --color-primary-dark: #2F3A56; --color-text-light: #FDFBF7; - } \ No newline at end of file + } + + +.contenedor-intenciones { + max-width: 600px; + margin: 2rem auto; + padding: 2rem; + background: white; + border-radius: 15px; + box-shadow: 0 10px 30px rgba(0,0,0,0.05); +} + +.formulario-intencion { + display: flex; + gap: 10px; + margin-bottom: 2rem; +} + +.formulario-intencion input { + flex: 1; + padding: 12px; + border: 1px solid var(--arena); + border-radius: 8px; + font-family: 'Nunito', sans-serif; +} + +.lista-personalizada { + list-style: none; + padding: 0; +} + +.item-intencion { + display: flex; + justify-content: space-between; + align-items: center; + padding: 15px; + border-bottom: 1px solid var(--color-secundario); + transition: background 0.3s; +} + +.item-intencion:hover { + background-color: #fdfaf5; +} + +.btn-borrar { + background: none; + border: none; + color: #cc0000; + cursor: pointer; + font-weight: bold; + padding: 5px 10px; +} \ No newline at end of file diff --git a/index.html b/index.html index 34a6608..456b3ca 100644 --- a/index.html +++ b/index.html @@ -36,6 +36,8 @@ Inicio Rosario Oraciones Básicas + Intenciones + Biblioteca cristiana @@ -53,7 +55,6 @@ - + Intenciones de oración + + + + +
+

🙏 Mis Intenciones Personales

+

Estas intenciones se guardan solo en tu dispositivo.

+ +
+ + +
+ + +
+ + + \ No newline at end of file diff --git a/js/intenciones.js b/js/intenciones.js new file mode 100644 index 0000000..a810c20 --- /dev/null +++ b/js/intenciones.js @@ -0,0 +1,41 @@ +document.addEventListener('DOMContentLoaded', () => { + const input = document.getElementById('nueva-intencion'); + const btnGuardar = document.getElementById('btn-guardar'); + const lista = document.getElementById('lista-intenciones'); + + // 1. Cargar intenciones guardadas al iniciar + let intenciones = JSON.parse(localStorage.getItem('misIntenciones')) || []; + renderizarIntenciones(); + + // 2. Función para guardar + btnGuardar.addEventListener('click', () => { + const texto = input.value.trim(); + if (texto) { + intenciones.push({ id: Date.now(), texto: texto }); + localStorage.setItem('misIntenciones', JSON.stringify(intenciones)); + input.value = ''; + renderizarIntenciones(); + } + }); + + // 3. Función para mostrar en pantalla + function renderizarIntenciones() { + lista.innerHTML = ''; + intenciones.forEach(intencion => { + const li = document.createElement('li'); + li.className = 'item-intencion'; + li.innerHTML = ` + ${intencion.texto} + + `; + lista.appendChild(li); + }); + } + + // 4. Función para eliminar (la hacemos global para que el onclick funcione) + window.eliminarIntencion = (id) => { + intenciones = intenciones.filter(i => i.id !== id); + localStorage.setItem('misIntenciones', JSON.stringify(intenciones)); + renderizarIntenciones(); + }; +}); \ No newline at end of file diff --git a/oraciones-basicas.html b/oraciones-basicas.html index 5bedfa9..f06bffa 100644 --- a/oraciones-basicas.html +++ b/oraciones-basicas.html @@ -4,6 +4,7 @@ Oraciones Básicas + @@ -20,6 +21,7 @@ Inicio Rosario Oraciones Básicas + Intenciones diff --git a/rosario.html b/rosario.html index ae927c5..4461586 100644 --- a/rosario.html +++ b/rosario.html @@ -3,6 +3,7 @@ + Rosario @@ -28,6 +29,8 @@ Inicio Rosario Oraciones Básicas + Intenciones + Biblioteca cristiana