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;
|
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 */
|
/* Sections */
|
||||||
.cv-section {
|
.cv-section {
|
||||||
margin-bottom: 2rem;
|
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'">
|
<img src="/static/images/profile/photo.jpg" alt="{{.CV.Personal.Name}}" onerror="this.src='/static/images/profile/placeholder.svg'">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- Intro/Excerpt Text -->
|
||||||
|
<div class="cv-excerpt">
|
||||||
|
<p class="excerpt-text">{{.CV.Summary}}</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Summary -->
|
<!-- Summary -->
|
||||||
|
|||||||
Reference in New Issue
Block a user