Skip to content

Commit

Permalink
Merge pull request #1 from pachicodes/add-dynamic-book-list
Browse files Browse the repository at this point in the history
Add dynamic book list using JavaScript
  • Loading branch information
pachicodes authored Feb 17, 2025
2 parents fe55c4c + f2b6a56 commit 8c59edb
Show file tree
Hide file tree
Showing 3 changed files with 5 additions and 42 deletions.
35 changes: 1 addition & 34 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,39 +7,6 @@
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="book">
<h2>Umbanda - Uma nova era chegou</h2>
<p>
Em Umbanda – A Nova Era Chegou, existe uma reflexão profunda das
responsabilidades que envolvem as nossas escolhas individuais, com o
apoio e o acompanhamento dos Guias, Orixás, Mestres, Divindades e toda a
espiritualidade da Luz. Os autores mostram que as entidades, como
Pretos-Velhos, Caboclos e Exus, há tempos nos trazem ensinamentos que
são condizentes com este momento da Nova Era.
</p>
</div>
<div class="book">
<h2>Manual doutrinário, ritualístico e comportamental umbandista</h2>
<p>
Este livro não tem o propósito de codificar procedimentos, mas sim de
ser um manual prático que auxiliará os médiuns umbandistas nos seus
trabalhos e nas suas sessões espirituais. É certo que cada centro tenha
sua forma particular de conduzi-los, mas muitas outras práticas podem
ser acrescentadas para tornar o culto mais atraente e para abrir novas
opções religiosas aos consulentes que, após serem auxiliados, costumam
se afastar e só retornam quando se sentem necessitados do auxílio dos
guias espirituais.
</p>
</div>
<div class="book">
<h2>Os Orixás na Umbanda e no Candomblé</h2>
<p>
Nesta obra, os autores apresentam as características dos Orixás e de
seus "filhos", as suas atuações na Umbanda e no Candomblé, as oferendas,
os dias da semana, as cores, os pontos e outros atributos importantes
relacionados a eles. O livro inclui também a história do início da
Umbanda, com Zélio de Moraes, e algumas lendas a respeito dos Orixás.
</p>
</div>
<div id="book-container"></div>
</body>
</html>
6 changes: 1 addition & 5 deletions script.js
Original file line number Diff line number Diff line change
Expand Up @@ -14,10 +14,6 @@ function createBookCard(book) {
title.textContent = book.title;
card.appendChild(title);

const author = document.createElement('p');
author.textContent = `Author: ${book.author}`;
card.appendChild(author);

const description = document.createElement('p');
description.textContent = book.description;
card.appendChild(description);
Expand All @@ -36,4 +32,4 @@ function displayBooks(books) {
// Assuming you have a container element with id 'book-container' in your HTML
document.addEventListener('DOMContentLoaded', () => {
displayBooks(books);
});
});
6 changes: 3 additions & 3 deletions style.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/* Style book cards */
.book {
.book-card {
background: #fff;
border: 1px solid #ddd;
border-radius: 5px;
Expand All @@ -10,7 +10,7 @@
max-width: 400px; /* Set a max width */
}

.book:hover {
.book-card:hover {
transform: translateY(-5px);
}
body {
Expand All @@ -32,4 +32,4 @@ header, footer {
color: #fff; /* White text */
padding: 10px 0;
text-align: center;
}
}

0 comments on commit 8c59edb

Please sign in to comment.