From 5cb97c83cd1001f8da67bcf9f14e41f8ac0201a8 Mon Sep 17 00:00:00 2001
From: juanatsap <juanatsap@gmail.com>
Date: Tue, 4 Nov 2025 17:43:31 +0000
Subject: [PATCH] fix: add intro/excerpt text to header section

- Added cv-excerpt div in header to display summary/intro text
- Shows immediately after "20 years of experience"
- Styled with borders, italic font, and proper spacing
- Matches original React CV layout with visible intro

The red box area highlighted by user now contains the summary text.
---
 static/css/main.css       | 17 +++++++++++++++++
 templates/cv-content.html |  4 ++++
 2 files changed, 21 insertions(+)

diff --git a/static/css/main.css b/static/css/main.css
index c607c09..95cd870 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -323,6 +323,23 @@ a:hover {
     margin: 0;
 }
 
+/* Intro/Excerpt Text */
+.cv-excerpt {
+    margin-top: 1.5rem;
+    padding: 1rem 0;
+    border-top: 1px solid #e0e0e0;
+    border-bottom: 1px solid #e0e0e0;
+}
+
+.excerpt-text {
+    font-family: 'Quicksand', sans-serif;
+    font-size: 0.95em;
+    line-height: 1.6;
+    color: rgb(51, 51, 51);
+    margin: 0;
+    font-style: italic;
+}
+
 /* Sections */
 .cv-section {
     margin-bottom: 2rem;
diff --git a/templates/cv-content.html b/templates/cv-content.html
index 54e1d5d..afb90bc 100644
--- a/templates/cv-content.html
+++ b/templates/cv-content.html
@@ -92,6 +92,10 @@
                 <img src="/static/images/profile/photo.jpg" alt="{{.CV.Personal.Name}}" onerror="this.src='/static/images/profile/placeholder.svg'">
             </div>
         </div>
+        <!-- Intro/Excerpt Text -->
+        <div class="cv-excerpt">
+            <p class="excerpt-text">{{.CV.Summary}}</p>
+        </div>
     </div>
 
     <!-- Summary -->