Compare commits

...

2 Commits

Author SHA1 Message Date
2ca297e68c change css, add thead 2024-08-06 14:04:44 +02:00
a6b0eb17e7 add: reading date and release date 2024-08-06 13:12:55 +02:00
5 changed files with 60 additions and 12 deletions

View File

@ -1,10 +1,12 @@
class Book:
def __init__(self, name: str, description: str, image: str, review: str) -> None:
def __init__(self, name: str, description: str, image: str, review: str, release_date: str, reading_date: str) -> None:
self.name: str = name
self.description: str = description
self.image: str = image
self.review: str = review
self.release_date: str = release_date
self.reading_date: str = reading_date
def to_html(self) -> str:
return f"""
@ -13,7 +15,9 @@ class Book:
<td class="namedesc-div">
<p class="name">{self.name}</p>
<p class="description">{self.description}</p>
<p class="release-date">{self.release_date}</p>
</td>
<td class="review-div">{self.review}</td>
<td class="reading-date">{self.reading_date}</td>
</tr>
"""

View File

@ -11,6 +11,16 @@
<body>
<h1>My Readings</h1>
<table id="table">
{{books}}
<thead>
<tr>
<th>Image</th>
<th>Name and description</th>
<th>My opignon</th>
<th>Reading date</th>
</tr>
</thead>
<tbody>
{{books}}
</tbody>
</table>
</body>

View File

@ -4,7 +4,9 @@
"name": "1984",
"description": "1984 est un roman dystopique de l'écrivain britannique George Orwell. Publié le 8 juin 1949 par Secker & Warburg, il s'agit du neuvième et dernier livre d'Orwell achevé de son vivant",
"image": "1984.jpg",
"review": "ct pas mal"
"review": "ct pas mal",
"reading_date": "08/2024",
"release_date": "08/06/1949"
}
]
}

View File

@ -15,7 +15,7 @@ books = data['books']
html = ""
for book_data in books:
book = Book(book_data["name"], book_data["description"], book_data["image"], book_data["review"])
book = Book(book_data["name"], book_data["description"], book_data["image"], book_data["review"], book_data["release_date"], book_data["reading_date"])
html += book.to_html()
f = open("cast.html")

View File

@ -1,19 +1,47 @@
body{
background-color: #586e75;
:root{
--bg1: #002b36;
--bg2: #073642;
--content1: #586e75;
--content2: #657b83;
--content3: #839496;
--content4: #93a1a1;
--lbg1: #eee8d5;
--lbg2: #fdf6e3;
}
h1, #table {
table tbody tr:nth-child(odd){
background-color: var(--content1);
}
table tbody tr:nth-child(even) {
background-color: var(--content4);
}
body{
background-color: var(--bg1);
color: white;
}
h1 {
display: flex;
justify-content: center;
}
#table {
background-color: green;
table {
border-collapse:collapse;
background-color: var(--bg2);
}
thead {
background-color: var(--base1);
}
tbody {
background-color: var(--base0);
}
tr {
max-height: 250px;
background-color: green;
background-color: inherit;
}
img {
@ -30,9 +58,13 @@ img {
width: 30%;
}
.reading-date {
width: 5%;
}
td {
background-color: red;
border: 2px solid;
text-align: center;
background-color: none;
}
.name {