feat: add long/short format support for Courses matching Experience layout

This commit is contained in:
juanatsap
2025-11-07 18:52:30 +00:00
parent 39e64811a1
commit 72af2e1874
3 changed files with 63 additions and 19 deletions
+8 -6
View File
@@ -126,12 +126,14 @@ type Certification struct {
}
type Course struct {
Title string `json:"title"`
Institution string `json:"institution"`
Location string `json:"location"`
Date string `json:"date"`
Duration string `json:"duration"`
Description string `json:"description"`
Title string `json:"title"`
Institution string `json:"institution"`
Location string `json:"location"`
Date string `json:"date"`
Duration string `json:"duration"`
Description string `json:"description"`
ShortDescription string `json:"shortDescription,omitempty"`
Responsibilities []string `json:"responsibilities,omitempty"`
}
type Reference struct {
+30 -9
View File
@@ -840,17 +840,38 @@ iconify-icon {
flex: 1;
}
.course-item strong {
font-size: 0.95em;
color: var(--text-dark);
line-height: 1.3;
.course-header {
margin-bottom: 0.5rem;
}
.course-item small {
display: block;
font-size: 0.85em;
color: var(--text-gray);
margin-top: 0.2rem;
.course-title {
font-size: 1em;
font-weight: 600;
margin: 0 0 0.3rem 0;
line-height: 1.4;
color: var(--text-dark);
}
.course-title-text {
display: inline;
}
.course-institution {
display: inline;
margin-left: 0.5em;
font-weight: normal;
}
.course-period,
.course-separator,
.course-location,
.course-duration {
color: #555;
font-size: 0.9em;
}
.course-separator {
color: #999;
}
.course-desc {
+25 -4
View File
@@ -190,10 +190,31 @@
<iconify-icon icon="mdi:school" width="60" height="60" class="default-course-icon"></iconify-icon>
</div>
<div class="course-content">
<strong>{{.Title}}</strong><br>
<small>{{.Institution}} - {{.Location}}</small><br>
<small>{{.Date}} ({{.Duration}})</small>
{{if .Description}}<p class="course-desc">{{.Description}}</p>{{end}}
<div class="course-header">
<h4 class="course-title">
<span class="course-title-text">{{.Title}}</span>
<span class="course-institution">{{.Institution}}</span>
</h4>
<span class="course-period">{{.Date}}</span>
{{if .Duration}}
<span class="course-separator">&nbsp;-&nbsp;</span>
<span class="course-duration">{{.Duration}}</span>
{{end}}
<span class="course-separator">&nbsp;-&nbsp;</span>
<span class="course-location">({{.Location}})</span>
</div>
{{if .ShortDescription}}
<p class="course-desc short-desc">{{.ShortDescription}}</p>
{{end}}
{{if .Responsibilities}}
<ul class="responsibilities long-only">
{{range .Responsibilities}}
<li>{{.}}</li>
{{end}}
</ul>
{{end}}
</div>
</div>
{{end}}