Skip to content

Commit a654c65

Browse files
committed
feat: Add cv layout, styles & shortcodes
Include flexbox based row and column styles.
1 parent 8fe36f7 commit a654c65

File tree

4 files changed

+155
-0
lines changed

4 files changed

+155
-0
lines changed

assets/styles/_main.scss

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -405,3 +405,79 @@ hr {
405405
.hide {
406406
display: none;
407407
}
408+
409+
.row {
410+
display: flex;
411+
flex-flow: row wrap;
412+
align-items: center;
413+
justify-content: space-between;
414+
415+
&.start {
416+
gap: $spacer-small;
417+
justify-content: flex-start;
418+
}
419+
}
420+
421+
.col {
422+
display: flex;
423+
flex-flow: column wrap;
424+
}
425+
426+
.row,
427+
.col {
428+
&.lead {
429+
font-weight: $font-bold;
430+
font-size: $font-size-larger;
431+
}
432+
433+
&.bold {
434+
font-weight: $font-bold;
435+
}
436+
437+
&.sub {
438+
font-weight: $font-light;
439+
font-style: italic;
440+
}
441+
}
442+
443+
.cv-title {
444+
display: block;
445+
border: none;
446+
margin: 0 0 $spacer-smallest 0;
447+
}
448+
449+
.cv-contacts {
450+
display: block;
451+
text-align: end;
452+
margin: 0 0 $spacer-smallest 0;
453+
}
454+
455+
.cv-experience {
456+
margin: $spacer-small 0;
457+
border-bottom: 1px solid;
458+
459+
@media print {
460+
break-after: avoid-page;
461+
break-inside: avoid-page;
462+
}
463+
}
464+
465+
.cv-skills {
466+
margin: 0;
467+
border: none;
468+
width: auto;
469+
470+
.key {
471+
padding: 0 $spacer-smallest 0 0;
472+
}
473+
474+
.val {
475+
padding: 0 0 0 $spacer-smallest;
476+
font-weight: $font-bold;
477+
}
478+
479+
.key,
480+
.val {
481+
border: none;
482+
}
483+
}

layouts/cv/single.html

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
{{- define "main" -}}
2+
<article class="post">
3+
<header class="post-header">
4+
<div class="post-title row">
5+
<h1 class="cv-title">
6+
<a href="{{ .Permalink }}">
7+
{{- if .Params.name }}
8+
{{- .Params.name }}
9+
{{- else if .Title }}
10+
{{- .Title }}
11+
{{- else }}
12+
{{- .File.TranslationBaseName }}
13+
{{- end }}
14+
</a>
15+
</h1>
16+
17+
{{- with .Params.contact }}
18+
<div class="cv-contacts">
19+
<div class="col">
20+
<div>{{ .phone }}</div>
21+
<div>{{ .email }}</div>
22+
</div>
23+
</div>
24+
{{- end }}
25+
</div>
26+
</header>
27+
28+
{{- with .Content }}
29+
<div class="post-content">
30+
{{ . }}
31+
</div>
32+
{{- end }}
33+
34+
{{- if .GitInfo -}}
35+
<footer class="post-footer">
36+
{{- partial "gitinfo.html" . -}}
37+
</footer>
38+
{{- end -}}
39+
</article>
40+
{{- end -}}

layouts/shortcodes/cv/experience.html

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
{{- $name := .Get "name" -}}
2+
{{- $date := .Get "date" -}}
3+
{{- $title := .Get "title" -}}
4+
{{- $location := .Get "location" -}}
5+
6+
7+
<div class="cv-experience">
8+
<div class="row lead">
9+
<span>{{ $name }}</span>
10+
<span>{{ $date }}</span>
11+
</div>
12+
13+
<div class="row sub">
14+
<span>{{ $title }}</span>
15+
<span>{{ $location }}</span>
16+
</div>
17+
</div>

layouts/shortcodes/cv/skills.html

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<table class="cv-skills">
2+
{{- with .Get "technologies" -}}
3+
<tr>
4+
<td class="key">Technologies</td>
5+
<td class="val">{{ . }}</td>
6+
</tr>
7+
{{- end -}}
8+
9+
{{- with .Get "languages" -}}
10+
<tr>
11+
<td class="key">Languages</td>
12+
<td class="val">{{ . }}</td>
13+
</tr>
14+
{{- end -}}
15+
16+
{{- with .Get "tools" -}}
17+
<tr>
18+
<td class="key">Tools</td>
19+
<td class="val">{{ . }}</td>
20+
</tr>
21+
{{- end -}}
22+
</table>

0 commit comments

Comments
 (0)