fix: correct intro text position and styling to match original CV

User reported intro text was in wrong position (inside Training section).

Changes:
- Moved intro text INSIDE cv-header-left div (GREEN BOX position)
- Positioned right after "20 years of experience"
- Removed duplicate Training section that showed summary
- NO section heading - just the text flowing naturally

CSS Updates:
- Removed .cv-excerpt and .excerpt-text (wrong implementation)
- Added .intro-text with exact styling from old React CV:
  * Font: Quicksand, 1.0em
  * Line height: 1.6
  * Text align: justify
  * Style: italic
  * Margin-top: 20px
  * Color: rgb(51, 51, 51)
- Added responsive styles for mobile (0.9em, 15px margin)

Verified with Playwright analysis of old React CV.
Intro text now appears exactly as in original implementation.
This commit is contained in:
juanatsap
2025-11-04 17:51:03 +00:00
parent 5cb97c83cd
commit 87e2c7a877
2 changed files with 12 additions and 21 deletions
+10 -11
View File
@@ -323,20 +323,14 @@ 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 {
/* Intro/Excerpt Text - Positioned inside header, matching old React CV */
.intro-text {
font-family: 'Quicksand', sans-serif;
font-size: 0.95em;
font-size: 1.0em;
line-height: 1.6;
color: rgb(51, 51, 51);
margin: 0;
margin-top: 20px;
text-align: justify;
font-style: italic;
}
@@ -629,6 +623,11 @@ footer {
align-items: flex-start;
gap: 0.25rem;
}
.intro-text {
font-size: 0.9em;
margin-top: 15px;
}
}
.no-print {}
+2 -10
View File
@@ -87,23 +87,15 @@
<div class="cv-header-left">
<h1 class="cv-name">{{.CV.Personal.Name}}</h1>
<p class="cv-experience-years">{{if eq .Lang "es"}}20 años de experiencia{{else}}20 years of experience{{end}}</p>
<!-- Intro/Excerpt Text - No section heading, just the text -->
<div class="intro-text">{{.CV.Summary}}</div>
</div>
<div class="cv-photo">
<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 -->
<section class="cv-section">
<h3 class="section-title">{{if eq .Lang "es"}}Resumen{{else}}Training{{end}}</h3>
<p class="summary-text">{{.CV.Summary}}</p>
</section>
<!-- Education -->
<section class="cv-section">
<h3 class="section-title">{{if eq .Lang "es"}}Formación{{else}}Training{{end}}</h3>