added the book data

Author: Selasi3

_articles/es/club.md

@@ -1,48 +1,13 @@
 <footer role="contentinfo">
   <div class="wrapper">
     <nav class="social-links">{%- include social.html -%}</nav>
-
-    <div class="footer-grid">
-      <div class="footer-column">
-        <h4>About</h4>
-        <ul>
-          <li><a href="/about/">About BPD</a></li>
-          <li><a href="/leadership">Leadership</a></li>
-          <li><a href="/mission">Mission</a></li>
-          <li><a href="/coc/">Code of Conduct</a></li>
-        </ul>
-      </div>
-
-      <!-- Support Column -->
-      <div class="footer-column">
-        <h4>Support</h4>
-        <ul>
-          <li><a href="#">Support</a></li>
-        </ul>
-      </div>
-
-      <!-- Programs and Events Column -->
-      <div class="footer-column">
-        <h4>Programs and Events</h4>
-        <ul>
-          <li><a href="/events">Events</a></li>
-          <li><a href="/meetup">Meetup</a></li>
-          <li><a href="programs">Programs</a></li>
-        </ul>
+    <div class="footer-col-wrapper">
+      <div class="footer-col">
+        <a href="/coc/">Code of Conduct</a>
       </div>
-
-      <!-- Community Column -->
-      <div class="footer-column">
-        <h4>Community</h4>
-        <ul>
-          <li><a href="/community.md">Community</a></li>
-          <li><a href="#">Social Links</a></li>
-        </ul>
+      <div class="footer-col">
+        <small>&copy; {{ 'now' | date: "%Y" }} {{ site.domain }}</small>
       </div>
     </div>
-
-    <div class="footer-col-wrapper">
-      <small>&copy; {{ 'now' | date: "%Y" }} {{ site.domain }}</small>
-    </div>
   </div>
 </footer>

_includes/footer.html

@@ -13,6 +13,5 @@
   {%- include latest-posts.html -%}
   {%- include join_us.html -%}
   {%- include partnerships.html -%}
-  {%- include club.html -%}
   {%- include newsletter_form.html newsletter_title="Learn what the community and its members are doing from our newsletter!" -%}
 </div>

_layouts/index.html

@@ -517,44 +517,3 @@ ul.speaking-list {
     max-width: 60%;
   }
 }
-
-.footer-grid {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr); /* 4 equal columns */
-  gap: 20px; /* space between columns */
-  padding: 20px;
-}
-
-.footer-column h4 {
-  margin-bottom: 10px;
-  font-size: 16px;
-  color: #333;
-}
-
-.footer-column ul {
-  list-style: none;
-  padding: 0;
-}
-
-.footer-column ul li {
-  margin-bottom: 5px;
-}
-
-.footer-column ul li a {
-  text-decoration: none;
-  color: #666;
-}
-
-.footer-column ul li a:hover {
-  color: #000;
-}
-
-.footer-col-wrapper {
-  text-align: center;
-  margin-top: 20px;
-}
-
-footer small {
-  font-size: 12px;
-  color: #999;
-}

assets/css/bpd.css

@@ -0,0 +1,43 @@
+---
+layout: default
+title: "Club Page"
+description: "This is the club page."
+---
+
+<section class="book-club">
+  <h1><strong>Black Python Devs Book Club: A Community of Readers and Learners</strong></h1>
+  <p>The Black Python Devs book club was born from the community's growing passion for technical reading and learning.</p>
+
+  <p>
+    Our goal is to create a welcoming and supportive space where members can share their love of Python development, discuss industry trends, and dive deeper into technical concepts. By reading and discussing books together, we hope to sharpen our
+    skills, connect with like-minded developers, and contribute to the growth of our community.
+  </p>
+
+  <p>The club's leadership is dedicated to building a vibrant and engaging community for everyone. Our initiative aligns with BPD's overall mission to increase participation, empower our members, and provide opportunities for professional growth.</p>
+
+  <h3><strong>Books Completed:</strong></h3>
+
+  {% for book in site.data.books %}
+  <div class="book">
+    <h2>{{ book.title }}</h2>
+    <p><strong>Author:</strong> {{ book.author }}</p>
+    {% if book.cover %}
+    <img src="{{ book.cover }}" alt="Cover of {{ book.title }}" />
+    {% endif %}
+    <p><strong>Summary:</strong> {{ book.summary }}</p>
+  </div>
+  {% endfor %}
+
+  <h4>Upcoming Books</h4>
+  <ul>
+    {% for upcoming in site.data.upcoming_books %}
+    <li>{{ upcoming.title }} by {{ upcoming.author }} ({{ upcoming.date }})</li>
+    {% endfor %}
+  </ul>
+
+  <h4>Join Today</h4>
+  <p>Our Book club meets twice a month on <a href="https://discord.com/invite/XUc3tFqCT3">Discord</a>.</p>
+</section>
+
+<hr />
+<p>Have a book suggestion? <a href="https://github.com/BlackPythonDevs/blackpythondevs.github.io/issues/new?assignees=&labels=book&projects=&template=add_book.yml&title=%5BBOOK%5D+%3CBOOK+TITLE%3E+BY+AUTHOR">Submit a Suggestion</a></p>