Added styling to quote.

letesdev · Dec 25, 2024 · 8b66192 · 8b66192
1 parent 5c91fc6
commit 8b66192
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/cv.json b/cv.json
@@ -11,7 +11,9 @@
     "quote": {
       "text": "The problem today is most people spend time CONSUMING versus CREATING. Make a real commitment to start creating. It will benefit both your personal and professional life.",
       "book": "The Visual MBA", 
-      "author": "Jason Barron"
+      "author": "Jason Barron", 
+      "bookUrl": "https://www.instagram.com/visualmba",
+      "authorUrl":""
     },
     "summary": "Aburrido de Excels y PowerPoints, es en este pequeño espacio dónde descargo mi curiosidad por la programación 😋",
     "location": {

diff --git a/src/components/sections/About.astro b/src/components/sections/About.astro
@@ -3,13 +3,17 @@ import Section from "../Section.astro"
 
 import { basics } from "@cv"
 const { summary, quote } = basics
-const {text, book, author} = quote
+const {text, book, author, bookUrl, authorUrl} = quote
 ---
 
 <Section title="Sobre mí">
-  <quote class="dark:text-slate-400 font-sans font-semibold tracking-tight text-justify text-sm">
-    <i>{text}</i> - <b>{book}, {author}.</b>
-  </quote>
+  <blockquote class="border-l-4 border-gray-300 pl-4 italic text-gray-600 -mx-5">
+    <p>
+      “{text}” 
+      — <a href={bookUrl} class="text-blue-500 underline" target="_blank" rel="noopener noreferrer">{book}</a>, {author}.
+    </p>
+  </blockquote>
+
   <p class="font-sans text-gray-700 dark:text-slate-400 text-pretty pt-3">
     {summary}
   </p>