improve quote styling

content/books/citadel.md

@@ -18,7 +18,7 @@ C'est le début d'un tome enfin riche en action et morceaux de bravoure divers,
 
 Et ca valait la peine d'attendre puisque c'est l'escalade. Ca explose et ça surine dans tous les sens, on passe du tueur sadique à une embuscade terrestre, on y découvre un vaisseau high-tech et des personnages qui s'affirment de plus en plus dans l'adversité.
 
-> “There’s no fate. There’s no ‘deserve.’ There’s just random chance. And a universe that doesn’t give a fuck about any of us. You start taking chance personal, you’re on a fast track to losing your mind.”
+> There’s no fate. There’s no ‘deserve.’ There’s just random chance. And a universe that doesn’t give a fuck about any of us. You start taking chance personal, you’re on a fast track to losing your mind.
 
 Le découpage entre les 4 points de vue est toujours habile. Chaque chapitre est parsemé de punchlines musclées. Les personnages se croisent de plus en plus. On le sentait venir et dans des circonstances toutes plus incroyables les unes que les autres, cela arrive enfin !
 

content/notes/notes_19_05_2024.md

@@ -62,9 +62,9 @@ Et encore ?
 * Le [TidByt](https://tidbyt.com), un appareil à 200$ (hors frais de port) un peu inutile mais qui fait frétiller le geek en moi.
 * J'ai découvert le concept d'[Intelligence Amplification](https://en.wikipedia.org/wiki/Intelligence_amplification), c'est à dire l'augmentation cognitive, par opposition à l'"AI" grâce à ce [post](http://viznut.fi/texts-en/machine_learning_rant.html) intéressant partagé par Ploum.
 
-> “L’idée est ne de ne pas avoir un numérique, mais d’en avoir plusieurs ; de ne pas avoir un paradigme pour interpréter le monde, mais plusieurs.”
+> L’idée est ne de ne pas avoir un numérique, mais d’en avoir plusieurs ; de ne pas avoir un paradigme pour interpréter le monde, mais plusieurs.
 
-> Marcello Vitali-Rosati, [entretien](https://usbeketrica.com/fr/article/le-bug-un-outil-de-resistance-insoupconne-face-a-la-mainmise-des-gafam) dans Usbek & Rica
+> — Marcello Vitali-Rosati, [entretien](https://usbeketrica.com/fr/article/le-bug-un-outil-de-resistance-insoupconne-face-a-la-mainmise-des-gafam) dans Usbek & Rica
 
 * [Don't Give Every Minute a Job](https://www.fractals.fyi/blog/dont-give-every-minute-a-job/): prendre le temps de glander, c'est aussi prévoir des moments de buffer entre des tâches. De la glande organisée, quoi.
 * [The Analog Web](https://thehistoryoftheweb.com/the-analog-web/), un excellent article pour vieux cons qui préfèrent le web d'avant, quand tout n'était pas que business (cf premier paragraphe de cette note).
@@ -75,9 +75,9 @@ Et encore ?
 
 La citation
 
-> “Alors le jeu est truqué. Qu'es-ce qui ne l'est pas ? Le triomphe de l'intellect. La démonstration du talent. La sensibilité humaine.”
+> Alors le jeu est truqué. Qu'es-ce qui ne l'est pas ? Le triomphe de l'intellect. La démonstration du talent. La sensibilité humaine.
 
-> Iain M. Banks, L'Homme des Jeux
+> — Iain M. Banks, [L'Homme des Jeux](https://www.goodreads.com/book/show/290591.L_Homme_des_jeux)
 
 ---
 

themes/mytheme/static/css/style.css

@@ -1,5 +1,6 @@
 /* Imports */
 @import url("pygment.css");
+@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans');
 
 /* Base styles */
 @font-face {
@@ -261,12 +262,52 @@ pre>code {
   all: unset;
 }
 
-blockquote {
+/*blockquote {
   border: 1px solid var(--gray);
   color: var(--black);
   padding: 2px 0 2px 20px;
   margin: 0;
-  font-style: italic;
+  font-style: italic ;
+} */
+
+blockquote {
+  font-style: italic ;
+  line-height: 1.4;
+  border: 1px solid var(--gray);
+  color: var(--black);
+  position: relative;
+  background-color: var(--quote-bg-color);
+  margin: 1em 2ch 1em 2ch;
+  padding-left: 2em;
+  padding-right: 1em;
+  padding-top: 0.3em;
+  padding-bottom: 0em;*/
+}
+
+blockquote::before,
+blockquote::after {
+  font-style: normal;
+  font-family: 'Nunito Sans';
+  font-size: 5em;
+  position: absolute;
+  color: #a3a2a2;
+  overflow: hidden;
+  white-space: pre;
+  line-height: 70px;
+  cursor: default;
+}
+
+blockquote::before {
+  top: 0rem;
+  left: 0rem;
+  bottom: 0;
+  content: "“";
+}
+
+blockquote::after {
+  bottom: -2.5rem;
+  right: 0rem;
+  content: "”";
 }
 
 h1,