WomenCodingCommunity.github.io/programme-book-club.html at main · Women-Coding-Community/WomenCodingCommunity.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
---
layout: default
title: Book Club Programme
body_class: page page-programme page-book-club
image: /assets/images/default-seo-thumbnail.png
---

<div class="container">
    <div class="row">
        <div class="content-constrained">
            <section>
                <p>What sets our book club apart are the lively conversations, valuable insights and an opportunity to
                    connect with like-minded individuals. The books we read are selected by the community, offering a
                    diverse selection of tech books and essential soft skills topics.</p>
                <p>The book club meets monthly to share views, exchange ideas, and inspire personal and professional
                    growth.</p>
                <p>Join our <a href="{{site.slack_channel}}/C06VB4MH17G" target="_blank">slack
                        channel #prog_book_club</a> to be part of this vibrant community.</p>
            </section>
        </div>
    </div>
</div>
<div class="container list-books">
    <section class="row col-12">
        <div class="row-header col-12">
            <h2>Previous Books</h2>
        </div>
        <div class="row-content col-12 px-0">
            {% for book in site.data.book_club %}
            {% if book.status == 'done' %}
            <div class="row-content"> <!-- Add a row for each book -->
                <div class="card-book-club card card-l card-horizontal">
                    <div class="card-body col-12 col-md-8">
                        <h3 class="card-title">{{book.title}}</h3>
                        <h4>{{book.author}}</h4>
                        <p>{{book.description}}</p>
                        <a href={{book.link}} class="btn btn-outline-primary" target="_blank">View book on Goodreads</a>
                    </div>
                    <div class="card-media col-12 col-md-4">
                        <img src={{book.image}} alt="book cover">
                    </div>
                </div>
            </div>
            {% endif %}
            {% endfor %}
        </div>
    </section>
</div>