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:
@@ -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;
|
||||
|
||||
@@ -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 -->
|
||||
|
||||
Reference in New Issue
Block a user