sidski/kjelsrud.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

✨ added entrycount to my logs

Browse source 
Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
Sindre Kjelsrud 2023-12-28 21:59:58 +01:00
parent 87775bead7
commit dc3b264479
Signed by untrusted user who does not match committer: sidski
GPG key ID: D2BBDF3EDE6BA9A6
2 changed files with 14 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/pages/logs/books.astro
View file

@ -25,13 +25,13 @@ function getEmojiStars(rating:any) {
<main class="flex flex-col h-screen gap-4 mt-4"> <main class="flex flex-col h-screen gap-4 mt-4">
<h1 class="text-3xl font-extrabold">📚 ¿Dónde está la biblioteca?</h1> <h1 class="text-3xl font-extrabold">📚 ¿Dónde está la biblioteca?</h1>
<h2 class="text-xl font-semibold">2023 - Currently Reading:</h2> <h2 class="text-xl font-semibold">2023 - Currently Reading:</h2>
<p>📖 Barack Obama: A Promised Land</p> <p>📖 The Summit Of The Gods: Vol.1</p>
{sortedYears.map(year => ( {sortedYears.map(year => (
<section> <section>
<div class="text-xl font-semibold mb-2">{year} - Finished</div> <div class="flex items-center gap-2 text-xl font-semibold mb-2">{year} - Finished <p class="text-xs">({booksByYear[year].length} entries)</p></div>
<ul> <ul>
{ {
books.map((book) => ( booksByYear[year].map((book) => (
<div class="flex justify-between mb-2 break-words gap-2 borderbottom"> <div class="flex justify-between mb-2 break-words gap-2 borderbottom">
<p class="text-s">{book.title} - {book.author}</p> <p class="text-s">{book.title} - {book.author}</p>
<p>{getEmojiStars(book.my_rating)}</p> <p>{getEmojiStars(book.my_rating)}</p>

13
src/pages/logs/watched.astro
View file

@ -30,14 +30,15 @@ function getEmojiStars(rating:any) {
<p>👀 JUJUTSU KAISEN S02</p> <p>👀 JUJUTSU KAISEN S02</p>
{sortedYears.map(year => ( {sortedYears.map(year => (
<section> <section>
<div class="text-xl font-semibold mb-2">{year} - Finished</div> <div class="flex items-center gap-2 text-xl font-semibold mb-2">{year} - Finished <p class="text-xs">({tvByYear[year].length} entries)</p></div>
<ul> <ul>
{ {
watched.map((tv) => ( tvByYear[year].map(tv => (
<div class="flex justify-between mb-2 break-words gap-2 borderbottom"> <li class="flex mb-2 break-words gap-2 borderbottom">
<p class="text-s">{tv.title}</p> <p class="text-s w-1/3">{tv.title}</p>
<p>{getEmojiStars(tv.my_rating)}</p> <p class="w-1/3 text-center">{tv.type}</p>
</div> <p class="w-1/3 text-end">{getEmojiStars(tv.my_rating)}</p>
</li>
)) ))
} }
</ul> </ul>