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">
<h1 class="text-3xl font-extrabold">📚 ¿Dónde está la biblioteca?</h1>
<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 => (
<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>
{
books.map((book) => (
booksByYear[year].map((book) => (
<div class="flex justify-between mb-2 break-words gap-2 borderbottom">
<p class="text-s">{book.title} - {book.author}</p>
<p>{getEmojiStars(book.my_rating)}</p>

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

@ -29,19 +29,20 @@ function getEmojiStars(rating:any) {
<p>👀 Star Wars: The Clone Wars S02</p>
<p>👀 JUJUTSU KAISEN S02</p>
{sortedYears.map(year => (
<section>
<div class="text-xl font-semibold mb-2">{year} - Finished</div>
<ul>
<section>
<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>
{
watched.map((tv) => (
<div class="flex justify-between mb-2 break-words gap-2 borderbottom">
<p class="text-s">{tv.title}</p>
<p>{getEmojiStars(tv.my_rating)}</p>
</div>
tvByYear[year].map(tv => (
<li class="flex mb-2 break-words gap-2 borderbottom">
<p class="text-s w-1/3">{tv.title}</p>
<p class="w-1/3 text-center">{tv.type}</p>
<p class="w-1/3 text-end">{getEmojiStars(tv.my_rating)}</p>
</li>
))
}
</ul>
</section>
))}
</section>
))}
</main>
</SectionContainer>