starnakin/MyReadings
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: starnakin:e1d4e4f683dd6732799c04f3d72e5810aada10c5
Branches Tags
starnakin:master
...
compare: starnakin:2ca297e68c55dd61c543c94e3f7189311b454ad3
Branches Tags
starnakin:master

2 Commits
e1d4e4f683 ... 2ca297e68c

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

6
Book.py
View File

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

12
cast.html
View File

@ -11,6 +11,16 @@
<body> <body>
<h1>My Readings</h1> <h1>My Readings</h1>
<table id="table"> <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> </table>
</body> </body>

4
constructor_example.json
View File

@ -4,7 +4,9 @@
"name": "1984", "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", "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", "image": "1984.jpg",
"review": "ct pas mal" "review": "ct pas mal",
"reading_date": "08/2024",
"release_date": "08/06/1949"
} }
] ]
} }

2
main.py
View File

@ -15,7 +15,7 @@ books = data['books']
html = "" html = ""
for book_data in books: 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() html += book.to_html()
f = open("cast.html") f = open("cast.html")

48
style.css
View File

@ -1,19 +1,47 @@
body{ :root{
background-color: #586e75; --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; display: flex;
justify-content: center; justify-content: center;
} }
#table { table {
background-color: green; border-collapse:collapse;
background-color: var(--bg2);
}
thead {
background-color: var(--base1);
}
tbody {
background-color: var(--base0);
} }
tr { tr {
max-height: 250px; max-height: 250px;
background-color: green; background-color: inherit;
} }
img { img {
@ -30,9 +58,13 @@ img {
width: 30%; width: 30%;
} }
.reading-date {
width: 5%;
}
td { td {
background-color: red; text-align: center;
border: 2px solid; background-color: none;
} }
.name { .name {