From da9969a82c9963c75c1b13ee44ccbb020c6bf235 Mon Sep 17 00:00:00 2001
From: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
Date: Thu, 9 May 2024 23:04:58 +0200
Subject: [PATCH] :sparkles: add books on the shelf in library

Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
---
 src/pages/logs/books.astro | 15 +++++++++++----
 src/styles/global.css      |  3 ++-
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/pages/logs/books.astro b/src/pages/logs/books.astro
index 7430ef8..2c3d5e5 100644
--- a/src/pages/logs/books.astro
+++ b/src/pages/logs/books.astro
@@ -34,11 +34,18 @@ const today = new Date();
 <SectionContainer>
     <main class="flex flex-col gap-4 mt-4">
 		<h1 class="text-3xl font-extrabold">📚 ¿Dónde está la biblioteca?</h1>
-		<h2 class="text-xl font-semibold">{today.getFullYear()} - Currently Reading:</h2>
-        <p>📖 Maskiner som tenker</p>
-        {sortedYears.map(year => (
+    <h2 class="text-xl font-semibold">on the shelf</h2>
+    <ul class="flex flex-col text-s gap-2 text-l">
+      <li class="borderbottom">📚 Dune</li>
+      <li class="borderbottom">📚 The Intelligent Investor (NO)</li>
+      <li class="borderbottom">📚 The Summit of The Gods: Vol.3 - Vol.5</li>
+      <li class="borderbottom">📚 Star Wars: The Tales of Kenobi</li>
+    </ul>
+		<h2 class="text-xl font-semibold">on the nightstand</h2>
+        <p class="borderbottom">📖 Maskiner som tenker</p>
+    {sortedYears.map(year => (
 			<section>
-				<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>
+				<div class="flex items-center gap-2 text-xl font-semibold mb-2">{year}<p class="text-xs">({booksByYear[year].length} entries)</p></div>
 				<ul>
                     {
                         booksByYear[year].map((book) => (
diff --git a/src/styles/global.css b/src/styles/global.css
index bbba801..33b8a1f 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -110,6 +110,7 @@ p {
 .borderbottom {
 	border-bottom-width: 2px;
 	border-color: var(--dark-3);
+  font-size: large;
 }
 
 .dark .borderbottom {
@@ -210,4 +211,4 @@ blockquote {
 .dark blockquote {
 	padding: 0 0 0 10px;
 	border-left: 5px solid var(--light-1);
-}
\ No newline at end of file
+}