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.
This commit is contained in:
juanatsap
2025-11-04 17:43:31 +00:00
parent bdf6a863a8
commit 5cb97c83cd
2 changed files with 21 additions and 0 deletions
+17
View File
@@ -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;
+4
View File
@@ -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 -->