feat: add long/short format support for Courses matching Experience layout
This commit is contained in:
@@ -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
@@ -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 {
|
||||
|
||||
@@ -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"> - </span>
|
||||
<span class="course-duration">{{.Duration}}</span>
|
||||
{{end}}
|
||||
<span class="course-separator"> - </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}}
|
||||
|
||||
Reference in New Issue
Block a user