Libros
This commit is contained in:
Tatiana Villa Ema
parent
d0eed818ca
commit
b129999f39
|
|
@ -1,14 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Biblioteca cristiana</title>
|
||||
<title>Biblioteca Cristiana</title>
|
||||
<link rel="icon" type="image/x-icon" href="img/favicon.png">
|
||||
<link rel="stylesheet" href="css/estilos.css">
|
||||
<link rel="stylesheet" href="css/biblioteca-cristiana.css">
|
||||
<link rel="stylesheet" href="css/biblioteca.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class="header-hoy" id="header-hoy">
|
||||
<h1 class="titulo">RECURSOS CATÓLICOS</h1>
|
||||
<h2>Biblioteca cristiana</h2>
|
||||
|
|
@ -26,25 +27,23 @@
|
|||
<a href="biblioteca-cristiana.html">Biblioteca cristiana</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="contenedor">
|
||||
<section class="bloque bloque-fondo" style="background-image: url('img/biblia.jpg');">
|
||||
<h3>Biblia y evangelio</h3>
|
||||
<p><a href="https://www.amazon.es/Sagrada-Bibliapopular-geltexbac-EDICIONES-B%C3%8DBLICAS/dp/8422015617/ref=sr_1_6?__mk_es_ES=%C3%85M%C3%85%C5%BD%C3%95%C3%91&crid=2X17ZIW20JHVF&keywords=biblia&qid=1686516688&sprefix=biblia%2Caps%2C94&sr=8-6">Sagrada Biblia de la conferencia Episcopal Española (CEE)</a></p>
|
||||
<p><a href="https://www.amazon.es/Catecismo-Doctrina-Cristiana-Ediciones-Populares/dp/8483531496/ref=sr_1_3?crid=1CHRQQCBSKTOY&keywords=catecismo+astete&qid=1686517828&s=books&sprefix=Catecismo+as%2Cstripbooks%2C80&sr=1-3" target="_blank" rel="noreferrer noopener">Catecismo de la doctrina cristiana</a></p>
|
||||
</section>
|
||||
|
||||
<section class="bloque bloque-fondo" style="background-image: url('img/santos.jpg');">
|
||||
<h3>Vidas de santos</h3>
|
||||
<p><a href="https://www.amazon.es/d%C3%ADas-Madre-Teresa-Jos%C3%A9-Gonz%C3%A1lez-Balado-ebook/dp/B09SGHLP6R/ref=tmm_kin_swatch_0?_encoding=UTF8&qid=1686518245&sr=1-12">365 días con la madre Teresa de Calcuta</a></p>
|
||||
<p><a href="https://www.amazon.es/Francisco-Asis-Santos-Amigos-Dios/dp/8484079244/ref=sr_1_1?__mk_es_ES=%C3%85M%C3%85%C5%BD%C3%95%C3%91&crid=3JXXXQXP05Y9H&keywords=san+francisco+de+asis+luis+perez+simon&qid=1686518697&s=digital-text&sprefix=san+francisco+de+asis+luis+perez+simon%2Cdigital-text%2C77&sr=1-1">San Francisco de Asis (Padre de los Franciscanos)</a> </p>
|
||||
<p><a href="https://amzn.eu/d/0bv8Tit">Historia de un alma: La doctrina espiritual de Santa Teresita del Niño Jesús (VersiónKindle)</a></p>
|
||||
</section>
|
||||
<section class="controls">
|
||||
<input type="text" id="searchInput" placeholder="Buscar por título, autor o tema...">
|
||||
|
||||
<section class="bloque bloque-fondo" style="background-image: url('img/peliculas.jpg');">
|
||||
<h3>Películas</h3>
|
||||
<p><a href="https://www.primevideo.com/detail/0RIG0ODHPZZNTT1XF4Y8I9VM46/ref=dvm_src_ret_es_xx_s">Una monja de cuidado</a> (Sister Act)</p>
|
||||
<p><a href="#">The chosen</a></p>
|
||||
</section>
|
||||
</main>
|
||||
<select id="categoryFilter">
|
||||
<option value="all">Todas las categorías</option>
|
||||
<option value="Biblia">Biblia</option>
|
||||
<option value="Doctrina">Doctrina</option>
|
||||
<option value="Oración">Oración</option>
|
||||
<option value="Santos">Santos</option>
|
||||
<option value="Espiritualidad">Espiritualidad</option>
|
||||
<option value="Historia">Historia</option>
|
||||
</select>
|
||||
</section>
|
||||
|
||||
<section id="booksContainer" class="grid"></section>
|
||||
|
||||
<script src="js/biblioteca.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Biblioteca cristiana</title>
|
||||
<link rel="icon" type="image/x-icon" href="img/favicon.png">
|
||||
<link rel="stylesheet" href="css/estilos.css">
|
||||
<link rel="stylesheet" href="css/biblioteca-cristiana.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="header-hoy" id="header-hoy">
|
||||
<h1 class="titulo">RECURSOS CATÓLICOS</h1>
|
||||
<h2>Biblioteca cristiana</h2>
|
||||
|
||||
<div class="fecha">
|
||||
<span id="fecha-hoy">Martes, 15 de enero de 2026</span>
|
||||
</div>
|
||||
|
||||
<!-- MENU -->
|
||||
<nav class="menu-principal">
|
||||
<a href="index.html">Inicio</a>
|
||||
<a href="rosario.html">Rosario</a>
|
||||
<a href="oraciones-basicas.html">Oraciones Básicas</a>
|
||||
<a href="intenciones.html">Intenciones</a>
|
||||
<a href="biblioteca-cristiana.html">Biblioteca cristiana</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="contenedor">
|
||||
<section class="bloque bloque-fondo" style="background-image: url('img/biblia.jpg');">
|
||||
<h3>Biblia y evangelio</h3>
|
||||
<p><a href="https://www.amazon.es/Sagrada-Bibliapopular-geltexbac-EDICIONES-B%C3%8DBLICAS/dp/8422015617/ref=sr_1_6?__mk_es_ES=%C3%85M%C3%85%C5%BD%C3%95%C3%91&crid=2X17ZIW20JHVF&keywords=biblia&qid=1686516688&sprefix=biblia%2Caps%2C94&sr=8-6">Sagrada Biblia de la conferencia Episcopal Española (CEE)</a></p>
|
||||
<p><a href="https://www.amazon.es/Catecismo-Doctrina-Cristiana-Ediciones-Populares/dp/8483531496/ref=sr_1_3?crid=1CHRQQCBSKTOY&keywords=catecismo+astete&qid=1686517828&s=books&sprefix=Catecismo+as%2Cstripbooks%2C80&sr=1-3" target="_blank" rel="noreferrer noopener">Catecismo de la doctrina cristiana</a></p>
|
||||
</section>
|
||||
|
||||
<section class="bloque bloque-fondo" style="background-image: url('img/santos.jpg');">
|
||||
<h3>Vidas de santos</h3>
|
||||
<p><a href="https://www.amazon.es/d%C3%ADas-Madre-Teresa-Jos%C3%A9-Gonz%C3%A1lez-Balado-ebook/dp/B09SGHLP6R/ref=tmm_kin_swatch_0?_encoding=UTF8&qid=1686518245&sr=1-12">365 días con la madre Teresa de Calcuta</a></p>
|
||||
<p><a href="https://www.amazon.es/Francisco-Asis-Santos-Amigos-Dios/dp/8484079244/ref=sr_1_1?__mk_es_ES=%C3%85M%C3%85%C5%BD%C3%95%C3%91&crid=3JXXXQXP05Y9H&keywords=san+francisco+de+asis+luis+perez+simon&qid=1686518697&s=digital-text&sprefix=san+francisco+de+asis+luis+perez+simon%2Cdigital-text%2C77&sr=1-1">San Francisco de Asis (Padre de los Franciscanos)</a> </p>
|
||||
<p><a href="https://amzn.eu/d/0bv8Tit">Historia de un alma: La doctrina espiritual de Santa Teresita del Niño Jesús (VersiónKindle)</a></p>
|
||||
</section>
|
||||
|
||||
<section class="bloque bloque-fondo" style="background-image: url('img/peliculas.jpg');">
|
||||
<h3>Películas</h3>
|
||||
<p><a href="https://www.primevideo.com/detail/0RIG0ODHPZZNTT1XF4Y8I9VM46/ref=dvm_src_ret_es_xx_s">Una monja de cuidado</a> (Sister Act)</p>
|
||||
<p><a href="#">The chosen</a></p>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,50 +0,0 @@
|
|||
/* Fuentes importadas corregidas */
|
||||
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,600;1,400&family=Nunito:wght@400;600&display=swap');
|
||||
|
||||
:root {
|
||||
/* Paleta refinada */
|
||||
--color-primario: #2F3A56; /* Azul noche espiritual */
|
||||
--color-hover: #24314A; /* Azul noche más oscuro */
|
||||
--color-secundario: #EAF2FA; /* Azul muy suave */
|
||||
--color-fondo: #FAF7F2; /* Crema papel antiguo */
|
||||
--color-texto: #2b2b2b;
|
||||
--color-acento: #E8A23A; /* Dorado litúrgico */
|
||||
--blanco-puro: #FFFFFF;
|
||||
--sombra: rgba(47, 58, 86, 0.15);
|
||||
}
|
||||
|
||||
.oracion {
|
||||
background-color: var(--blanco-puro);
|
||||
margin: 2rem auto;
|
||||
padding: 2rem;
|
||||
max-width: 600px; /* Para que no se estire demasiado en PC */
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 4px 15px var(--sombra);
|
||||
border: none; /* Quitamos el borde oscuro para que sea más elegante */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bloque a {
|
||||
color: var(--color-fondo);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.titulo-oracion {
|
||||
font-family: 'EB Garamond', serif;
|
||||
font-size: 2rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 1rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 4px;
|
||||
color: var(--color-primario);
|
||||
padding-bottom: 0.5rem;
|
||||
border-bottom: 2px solid var(--color-acento);
|
||||
}
|
||||
|
||||
.contenido-oracion {
|
||||
font-family: 'EB Garamond', serif;
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.6;
|
||||
color: var(--color-texto);
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 0;
|
||||
background: #f7f5f0;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.header {
|
||||
text-align: center;
|
||||
padding: 2rem;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.controls {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
padding: 1rem;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.controls input, .controls select {
|
||||
padding: 0.7rem;
|
||||
font-size: 1rem;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #ccc;
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
gap: 1.5rem;
|
||||
padding: 2rem;
|
||||
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
|
||||
}
|
||||
|
||||
.card {
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
padding: 1rem;
|
||||
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
|
||||
transition: transform .2s;
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
|
||||
.card img {
|
||||
width: 100%;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.card h3 {
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
.card p {
|
||||
margin: 0.3rem 0;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
|
@ -0,0 +1,114 @@
|
|||
[
|
||||
{
|
||||
"titulo": "Sagrada Biblia (Conferencia Episcopal Española)",
|
||||
"autor": "CEE",
|
||||
"categoria": "Biblia",
|
||||
"portada": "img/libros/biblia-cee.jpg",
|
||||
"enlace": "https://www.amazon.es/Sagrada-Bibliapopular-geltexbac-EDICIONES-B%C3%8DBLICAS/dp/8422015617"
|
||||
},
|
||||
{
|
||||
"titulo": "Catecismo de la Doctrina Cristiana (Astete)",
|
||||
"autor": "Padre Jerónimo de Ripalda / Gaspar Astete",
|
||||
"categoria": "Doctrina",
|
||||
"portada": "img/libros/catecismo-astete.jpg",
|
||||
"enlace": "https://www.amazon.es/Catecismo-Doctrina-Cristiana-Ediciones-Populares/dp/8483531496"
|
||||
},
|
||||
{
|
||||
"titulo": "365 días con la Madre Teresa de Calcuta",
|
||||
"autor": "José Luis González-Balado",
|
||||
"categoria": "Santos",
|
||||
"portada": "img/libros/madre-teresa.jpg",
|
||||
"enlace": "https://www.amazon.es/d%C3%ADas-Madre-Teresa-Jos%C3%A9-Gonz%C3%A1lez-Balado-ebook/dp/B09SGHLP6R"
|
||||
},
|
||||
{
|
||||
"titulo": "San Francisco de Asís",
|
||||
"autor": "Luis Pérez Simón",
|
||||
"categoria": "Santos",
|
||||
"portada": "img/libros/san-francisco.jpg",
|
||||
"enlace": "https://www.amazon.es/Francisco-Asis-Santos-Amigos-Dios/dp/8484079244"
|
||||
},
|
||||
{
|
||||
"titulo": "Historia de un alma",
|
||||
"autor": "Santa Teresita del Niño Jesús",
|
||||
"categoria": "Santos",
|
||||
"portada": "img/libros/teresita.jpg",
|
||||
"enlace": "https://amzn.eu/d/0bv8Tit"
|
||||
},
|
||||
{
|
||||
"titulo": "Imitación de Cristo",
|
||||
"autor": "Tomás de Kempis",
|
||||
"categoria": "Espiritualidad",
|
||||
"portada": "img/libros/imitacion-cristo.jpg",
|
||||
"enlace": "https://www.amazon.es/Imitaci%C3%B3n-Cristo-Tom%C3%A1s-Kempis/dp/8428526769"
|
||||
},
|
||||
{
|
||||
"titulo": "Confesiones",
|
||||
"autor": "San Agustín",
|
||||
"categoria": "Espiritualidad",
|
||||
"portada": "img/libros/confesiones-agustin.jpg",
|
||||
"enlace": "https://www.amazon.es/Confesiones-San-Agust%C3%ADn/dp/8425436824"
|
||||
},
|
||||
{
|
||||
"titulo": "Camino",
|
||||
"autor": "San Josemaría Escrivá",
|
||||
"categoria": "Espiritualidad",
|
||||
"portada": "img/libros/camino.jpg",
|
||||
"enlace": "https://www.amazon.es/Camino-San-Josemar%C3%ADa-Escriv%C3%A1-Balaguer/dp/8432131983"
|
||||
},
|
||||
{
|
||||
"titulo": "Tratado de la verdadera devoción a la Virgen María",
|
||||
"autor": "San Luis María Grignion de Montfort",
|
||||
"categoria": "Espiritualidad",
|
||||
"portada": "img/libros/devocion-montfort.jpg",
|
||||
"enlace": "https://www.amazon.es/Tratado-verdadera-devoci%C3%B3n-Virgen-Mar%C3%ADa/dp/8490610204"
|
||||
},
|
||||
{
|
||||
"titulo": "Catecismo de la Iglesia Católica",
|
||||
"autor": "Iglesia Católica",
|
||||
"categoria": "Doctrina",
|
||||
"portada": "img/libros/catecismo-iglesia.jpg",
|
||||
"enlace": "https://www.vatican.va/archive/catechism_sp/index_sp.html"
|
||||
},
|
||||
{
|
||||
"titulo": "Youcat (Catecismo joven)",
|
||||
"autor": "Iglesia Católica",
|
||||
"categoria": "Doctrina",
|
||||
"portada": "img/libros/youcat.jpg",
|
||||
"enlace": "https://www.amazon.es/Youcat-Catecismo-Iglesia-Cat%C3%B3lica-j%C3%B3venes/dp/8428540124"
|
||||
},
|
||||
{
|
||||
"titulo": "La Biblia de Jerusalén",
|
||||
"autor": "Escuela Bíblica de Jerusalén",
|
||||
"categoria": "Biblia",
|
||||
"portada": "img/libros/biblia-jerusalen.jpg",
|
||||
"enlace": "https://www.amazon.es/Biblia-Jerusal%C3%A9n-Latinoamericana-Edici%C3%B3n-Bolsillo/dp/8433019247"
|
||||
},
|
||||
{
|
||||
"titulo": "Introducción al cristianismo",
|
||||
"autor": "Joseph Ratzinger (Benedicto XVI)",
|
||||
"categoria": "Doctrina",
|
||||
"portada": "img/libros/introduccion-cristianismo.jpg",
|
||||
"enlace": "https://www.amazon.es/Introducci%C3%B3n-al-cristianismo-Joseph-Ratzinger/dp/8425427814"
|
||||
},
|
||||
{
|
||||
"titulo": "La fuerza del silencio",
|
||||
"autor": "Cardenal Robert Sarah",
|
||||
"categoria": "Espiritualidad",
|
||||
"portada": "img/libros/fuerza-silencio.jpg",
|
||||
"enlace": "https://www.amazon.es/fuerza-del-silencio-Cardenal-Sarah/dp/8422019973"
|
||||
},
|
||||
{
|
||||
"titulo": "Historia de la Iglesia Católica",
|
||||
"autor": "Eusebio de Cesarea",
|
||||
"categoria": "Historia",
|
||||
"portada": "img/libros/historia-iglesia.jpg",
|
||||
"enlace": "https://www.amazon.es/Historia-eclesi%C3%A1stica-Eusebio-Cesarea/dp/8425436824"
|
||||
},
|
||||
{
|
||||
"titulo": "El gran misterio: El Evangelio de la familia",
|
||||
"autor": "Papa Francisco",
|
||||
"categoria": "Doctrina",
|
||||
"portada": "img/libros/gran-misterio.jpg",
|
||||
"enlace": "https://www.amazon.es/gran-misterio-Evangelio-familia/dp/8422019973"
|
||||
}
|
||||
]
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 126 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
|
|
@ -0,0 +1,63 @@
|
|||
document.addEventListener("DOMContentLoaded", () => {
|
||||
const container = document.getElementById("booksContainer");
|
||||
const searchInput = document.getElementById("searchInput");
|
||||
const categoryFilter = document.getElementById("categoryFilter");
|
||||
|
||||
let libros = [];
|
||||
|
||||
// Cargar datos desde JSON
|
||||
fetch("data/libros.json")
|
||||
.then(res => res.json())
|
||||
.then(data => {
|
||||
libros = data;
|
||||
renderBooks(libros);
|
||||
});
|
||||
|
||||
// Renderizar tarjetas
|
||||
function renderBooks(lista) {
|
||||
container.innerHTML = "";
|
||||
|
||||
if (lista.length === 0) {
|
||||
container.innerHTML = "<p>No se encontraron resultados.</p>";
|
||||
return;
|
||||
}
|
||||
|
||||
lista.forEach(libro => {
|
||||
const card = document.createElement("div");
|
||||
card.className = "card";
|
||||
|
||||
card.innerHTML = `
|
||||
<img src="${libro.portada}" alt="Portada de ${libro.titulo}">
|
||||
<h3>${libro.titulo}</h3>
|
||||
<p><strong>Autor:</strong> ${libro.autor}</p>
|
||||
<p><strong>Categoría:</strong> ${libro.categoria}</p>
|
||||
<a href="${libro.enlace}" target="_blank">Leer / Descargar</a>
|
||||
`;
|
||||
|
||||
container.appendChild(card);
|
||||
});
|
||||
}
|
||||
|
||||
// Búsqueda en tiempo real
|
||||
searchInput.addEventListener("input", filtrar);
|
||||
categoryFilter.addEventListener("change", filtrar);
|
||||
|
||||
function filtrar() {
|
||||
const texto = searchInput.value.toLowerCase();
|
||||
const categoria = categoryFilter.value;
|
||||
|
||||
const filtrados = libros.filter(libro => {
|
||||
const coincideTexto =
|
||||
libro.titulo.toLowerCase().includes(texto) ||
|
||||
libro.autor.toLowerCase().includes(texto) ||
|
||||
libro.categoria.toLowerCase().includes(texto);
|
||||
|
||||
const coincideCategoria =
|
||||
categoria === "all" || libro.categoria === categoria;
|
||||
|
||||
return coincideTexto && coincideCategoria;
|
||||
});
|
||||
|
||||
renderBooks(filtrados);
|
||||
}
|
||||
});
|
||||
Loading…
Reference in New Issue