refactor: update experience section format to match original React design

- Reorder elements: position first, then company (not reversed)
- Display period, separator, and location inline on same line
- Update CSS to match original styling:
  - Inline display for all date/location elements
  - Gray color (#aaa) for period, separator, location
  - Font-weight 500 (not 600) for consistency
  - Remove flex layout in favor of inline elements

This matches the exact format and styling of the original React CV.
This commit is contained in:
juanatsap
2025-11-04 20:32:42 +00:00
parent ed0760fe3f
commit 38bf09196e
2 changed files with 25 additions and 14 deletions
+6 -4
View File
@@ -74,16 +74,18 @@
<div class="experience-header">
<div class="experience-title-line">
<h4 class="position">
{{.Position}} / {{if eq $.Lang "es"}}Analista Programador{{else}}Analyst Programmer{{end}}
<span class="position-title">{{.Position}}</span>
{{if .Company}}
{{if .CompanyURL}}
- <a href="{{.CompanyURL}}" target="_blank" rel="noopener noreferrer" class="company-link">{{.Company}}</a>
<a href="{{.CompanyURL}}" target="_blank" rel="noopener noreferrer" class="company-link">{{.Company}}</a>
{{else}}
- {{.Company}}
<span class="company-name">{{.Company}}</span>
{{end}}
{{end}}
</h4>
<span class="experience-period">{{.StartDate}} / {{if .Current}}{{if eq $.Lang "es"}}presente{{else}}now{{end}}{{else}}{{.EndDate}}{{end}} - ({{.Location}})</span>
<span class="experience-period">{{.StartDate}} / {{if .Current}}{{if eq $.Lang "es"}}presente{{else}}now{{end}}{{else}}{{.EndDate}}{{end}}</span>
<span class="experience-separator">&nbsp;-&nbsp;</span>
<span class="experience-location">({{.Location}})</span>
</div>
</div>