Skip to content

Commit 49bad6b

Browse files
committed
feat: [cv] CV layout improvements
Breaking changes: * Add cv-description class to replace post-meta class in cv layout to keep it separate from post layout. This class is similar to post-meta class except for text color which is set to normal instead of accent. * Remove bottom border in cv-experience to avoid printing too many lines due to many experiences listed. These lines are a distraction when reading the CV. * Remove cv-skills class and cv/skills shortcode replace it with simple line e.g. "Skills: C++, Python". This is done to reduce the printed content. * Add cv-content class to apply cv content specific styles: + Reduce h2 size as it is not more important than the listed experiences and educations. + Reduce line height and margins for all elements under cv-content to keep the CV readable in print while also fitting into smallest page area. Example site: * Update example cv to demo these changes.
1 parent ffb942d commit 49bad6b

File tree

4 files changed

+27
-46
lines changed

4 files changed

+27
-46
lines changed

assets/styles/_main.scss

Lines changed: 20 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -454,32 +454,37 @@ hr {
454454
margin: 0 0 $spacer-smallest 0;
455455
}
456456

457+
.cv-description {
458+
font-style: italic;
459+
font-size: $font-size-smaller;
460+
margin: $spacer-smallest 0;
461+
}
462+
457463
.cv-experience {
458464
margin: $spacer-small 0;
459-
border-bottom: 1px solid;
465+
border-bottom: none;
460466

461467
@media print {
462468
break-after: avoid-page;
463469
break-inside: avoid-page;
464470
}
465471
}
466472

467-
.cv-skills {
468-
margin: 0;
469-
border: none;
470-
width: auto;
471-
472-
.key {
473-
padding: 0 $spacer-smallest 0 0;
474-
}
473+
.cv-content {
474+
h2 {
475+
font-size: $font-size-larger;
476+
width: 100%;
475477

476-
.val {
477-
padding: 0 0 0 $spacer-smallest;
478-
font-weight: $font-bold;
478+
.hanchor {
479+
display: none;
480+
}
479481
}
480482

481-
.key,
482-
.val {
483-
border: none;
483+
@media print {
484+
* {
485+
margin-top: $spacer-2;
486+
margin-bottom: 0;
487+
line-height: 1.2;
488+
}
484489
}
485490
}

exampleSite/content/cv.md

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,7 @@ Experience
2121
* Working as part of Data-Plane team to develop and maintain features for
2222
ActiveLogic product which processes internet packets.
2323

24-
{{< cv/skills
25-
technologies="C, Python, DPDK, NUMA, Data-Plane, TCP/IP, PostgreSQL" >}}
24+
Technologies: C, Python, DPDK, NUMA, Data-Plane, TCP/IP, PostgreSQL
2625

2726
{{< cv/experience
2827
name="Toshiba Software"
@@ -35,8 +34,7 @@ Experience
3534
feature the users can scan a non-standard paper sizes such as identity
3635
cards, bills and receipts.
3736

38-
{{< cv/skills
39-
technologies="C++, C, JPEG, PDF, OpenCV, Linux, Embedded Systems" >}}
37+
Technologies: C++, C, JPEG, PDF, OpenCV, Linux, Embedded Systems
4038

4139
Education
4240
---------
@@ -51,9 +49,9 @@ Education
5149
Technical Skills
5250
----------------
5351

54-
{{< cv/skills
55-
languages="C, C++, Python"
56-
tools="Git, Docker, GDB, Valgrind, Gitlab, Vim, Ctags" >}}
52+
Languages: C, C++, Python
53+
54+
Tools: Git, Docker, GDB, Valgrind, Gitlab, Vim, Ctags
5755

5856
Hobbies
5957
-------

layouts/cv/single.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,12 +25,12 @@ <h1 class="cv-title">
2525
</div>
2626

2727
{{- with .Params.Description }}
28-
<p class="post-meta">{{ . }}</p>
28+
<p class="cv-description">{{ . }}</p>
2929
{{- end }}
3030
</header>
3131

3232
{{- with .Content }}
33-
<div class="post-content">
33+
<div class="post-content cv-content">
3434
{{ . }}
3535
</div>
3636
{{- end }}

layouts/shortcodes/cv/skills.html

Lines changed: 0 additions & 22 deletions
This file was deleted.

0 commit comments

Comments
 (0)