added reviews

src/components/CardLink.astro

@@ -1,23 +1,26 @@
 ---
-export interface Props {
+import type { HTMLAttributes } from 'astro/types';
+
+export interface Props extends HTMLAttributes<'li'> {
   link: string;
   isExternal?: boolean;
 }
 
 const random = Math.round(Math.random() * 10) % 4;
 
-const { link, isExternal = false } = Astro.props;
+const { link, isExternal = false, class: classes } = Astro.props;
 ---
 
 <li
   class:list={[
-    'border-primary-800 hover:cursor-alias border-2 hover:shadow-primary-800 active:shadow-primary-800 transition-shadow duration-100 w-96 max-w-full group/card',
+    'border-primary-800 hover:cursor-alias border-2 hover:shadow-primary-800 active:shadow-primary-800 transition-shadow duration-100 max-w-full group/card',
     {
       'hover:shadow-[-5px_-5px] active:shadow-[-5px_-5px]': random === 0,
       'hover:shadow-[-5px_5px] active:shadow-[-5px_5px]': random === 1,
       'hover:shadow-[5px_-5px] active:shadow-[5px_-5px]': random === 2,
       'hover:shadow-[5px_5px] active:shadow-[5px_5px]': random === 3,
     },
+    classes,
   ]}
 >
   <a

src/content/library/en/esquerda-e-direita.yaml

@@ -0,0 +1,13 @@
+title: Esquerda e Direita
+subtitle: Guia histórico para o século XXI
+checkedOut: true
+link: https://www.goodreads.com/book/show/25739364-esquerda-e-direita
+description: >-
+  As one would expect, a super pleasant read. I really enjoy the way that Rui
+  writes. Esquerda e Direita is, perhaps counterintuitively, a very light book,
+  but one with which you can learn a lot. I recommend it to anyone that has a
+  free weekend, no idea yet of a book to read, and curiosity to be introduced to
+  the most known political dichotomy of our days.
+date: 2024-07-23
+mainAuthors:
+  - Rui Tavares

src/content/library/en/factfulness.yaml

@@ -0,0 +1,27 @@
+title: Factfulness
+subtitle: >-
+  Ten Reasons We're Wrong About the World – and Why Things Are Better Than You
+  Think
+checkedOut: true
+link: https://archive.org/details/factfulness-hans-rosling/page/n153/mode/2up
+description: >-
+  After having been recommended this book ad nauseam, I finally got it from the
+  library. I cannot say it lived up to its revolutionary promise, in my eyes.
+  There were, without a doubt, some great features, like the mention to biases
+  that we are all prone to, and should be aware of, a sort of simple system to
+  have in mind, to improve our thinking about data and facts, and digestible
+  concepts like the "bad but better" (which is not necessarily true in the whole
+  world, all the time). But… that is about it. At times, the tone of the book
+  borders the cynical (referring to pregnant women as bad business for menstrual
+  pad companies might take the first prize in this regard), and, like it has
+  been analysed by some progressive thinkers and bloggers, the book — and,
+  honestly, Hans's whole career as a "fact educator" — seems to be very
+  selective on the facts chosen and, more importantly, how they are presented.
+  Overall, I would recommend the book if you are looking for a fun, light read
+  on how to think about data, more than a critical take on the current state of
+  affairs.
+date: 2024-07-23
+mainAuthors:
+  - Hans Rosling
+  - Anna Rosling Rönnlund
+  - Ola Rosling

src/content/library/pt/esquerda-e-direita.yaml

@@ -0,0 +1,14 @@
+title: Esquerda e Direita
+subtitle: Guia histórico para o século XXI
+checkedOut: true
+link: >-
+  https://ccbibliotecas.azores.gov.pt/cgi-bin/koha/opac-detail.pl?biblionumber=623322
+description: >-
+  Como seria de esperar, uma leitura super agradável. Gosto muito de como o Rui
+  escreve. Esquerda e Direita é um livro que se lê muito descontraidamente, mas
+  com o qual se aprende muito. Recomendo a qualquer pessoa que tenha um
+  fim-de-semana livre sem nada para ler, e tenha interesse em introduzir-se à
+  dicotomia política mais conhecida da atualidade.
+date: 2024-07-23
+mainAuthors:
+  - Rui Tavares

src/content/library/pt/factfulness.yaml

@@ -0,0 +1,29 @@
+title: Factfulness
+subtitle: >-
+  Dez razões pelas quais estamos errados acerca do mundo e porque as coisas
+  estão melhor do que pensamos
+checkedOut: true
+link: >-
+  https://catalogolx.cm-lisboa.pt/ipac20/ipac.jsp?session=1B217666L0245.46844&profile=rbml&source=~!rbml&view=subscriptionsummary&uri=full=3100024~!483703~!0&ri=1&aspect=subtab11&menu=search&ipp=20&spp=20&staffonly=&term=factfulness&index=.GW&uindex=&aspect=subtab11&menu=search&ri=1
+description: >-
+  Depois de me terem recomendado este livro ad nauseam, finalmente consegui uma
+  cópia na biblioteca. Não posso dizer que cumpriu a promessa revolucionária.
+  Houve, sem dúvida, algumas coisas interessantíssimas a retirar, como a
+  demonstração dos enviesamentos a que estamos todos sujeitos, e que devemos ter
+  em conta, uma espécie de sistema simples para melhorar o nosso raciocínio
+  acerca de dados e factos e também conceitos muito digeríveis como o "mau mas
+  melhor" (que não é necessariamente verdade em todo o mundo, em todos os
+  momentos). Mas… é mais ou menos isso. De vez em quando, o tom do livro roça o
+  cínico (referir-se a mulheres grávidas como um mau negócio para empresas de
+  pensos higiénicos parece-me levar o prémio no que toca a isto) e, como já foi
+  analisado por alguns pensadores e escritores progressistas, o livro — e,
+  aparentemente, toda a carreira do Hans como um "educador de factos" — parece
+  ser muito seletivo quanto aos factos escolhidos e, mais importantes, como eles
+  são apresentados. No final de contas, recomendaria o livro para quem procura
+  uma leitura leve e divertida sobre como pensar sobre dados, mais do que uma
+  visão crítica do atual estado das coisas.
+date: 2024-07-23
+mainAuthors:
+  - Hans Rosling
+  - Anna Rosling Rönnlund
+  - Ola Rosling

src/pages/biblioteca/index.astro

@@ -18,14 +18,14 @@ const libraryItems = (
   />
   <header class="mb-10">
     <PageTitle class="mb-3">Biblioteca</PageTitle>
-    <p>
+    <p class="max-w-xl">
       Livros, artigos, <span class="italic">etc.</span> que já li e que recomendo
       ou que quero ler num futuro próximo. Se um item tiver uma marca "<span
         class="text-primary-700">✓</span
       >", siginifca que eu já o li, vi, <span class="italic">etc.</span>
     </p>
   </header>
-  <ol class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-4 items-start">
+  <ol class="grid grid-cols-1 md:grid-cols-2 gap-4 items-start">
     {
       libraryItems.map(
         ({
@@ -46,7 +46,16 @@ const libraryItems = (
               )}
               {mainAuthors.length > 0 && (
                 <h3 class="mb-3 sm:text-lg text-end">
-                  {mainAuthors.join(', ')}
+                  {mainAuthors.map((author, i) =>
+                    i !== mainAuthors.length - 1 ? (
+                      <>
+                        <span>{author}</span>
+                        <br />
+                      </>
+                    ) : (
+                      <span>{author}</span>
+                    ),
+                  )}
                 </h3>
               )}
               <p class="mb-5">{description}</p>

src/pages/blog/index.astro

@@ -23,7 +23,12 @@ const posts = (
   />
   <header class="mb-10">
     <PageTitle class="mb-3">Blog</PageTitle>
-    <p>A collection of articles I have written. Mostly for fun.</p>
+    <p class="max-w-xl">
+      A collection of articles I have written. Mostly for fun. Please, do check
+      the portuguese version (it is updated way more often) and translate using,
+      for example, DeepL. I will do my best to translate articles to English as
+      I write them.
+    </p>
   </header>
   <ol class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-4 items-start">
     {

src/pages/library/index.astro

@@ -18,7 +18,7 @@ const libraryItems = (
   />
   <header class="mb-10">
     <PageTitle class="mb-3">Library</PageTitle>
-    <p>
+    <p class="max-w-xl">
       Books, articles, <span class="italic">etc.</span> that I've read and recommend
       or that I want to check out in the near future. If an item has a checkmark
       "<span class="text-primary-700">✓</span>", that means I've read it,
@@ -26,7 +26,7 @@ const libraryItems = (
       <span class="italic">etc.</span>
     </p>
   </header>
-  <ol class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-4 items-start">
+  <ol class="grid grid-cols-1 md:grid-cols-2 gap-4 items-start">
     {
       libraryItems.map(
         ({
@@ -47,7 +47,16 @@ const libraryItems = (
               )}
               {mainAuthors.length > 0 && (
                 <h3 class="mb-3 sm:text-lg text-end">
-                  {mainAuthors.join(', ')}
+                  {mainAuthors.map((author, i) =>
+                    i !== mainAuthors.length - 1 ? (
+                      <>
+                        <span>{author}</span>
+                        <br />
+                      </>
+                    ) : (
+                      <span>{author}</span>
+                    ),
+                  )}
                 </h3>
               )}
               <p class="mb-5">{description}</p>