feat: Add cv layout, styles & shortcodes

Include flexbox based row and column styles.

Author: manid2

assets/styles/_main.scss

@@ -405,3 +405,79 @@ hr {
 .hide {
   display: none;
 }
+
+.row {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+  justify-content: space-between;
+
+  &.start {
+    gap: $spacer-small;
+    justify-content: flex-start;
+  }
+}
+
+.col {
+  display: flex;
+  flex-flow: column wrap;
+}
+
+.row,
+.col {
+  &.lead {
+    font-weight: $font-bold;
+    font-size: $font-size-larger;
+  }
+
+  &.bold {
+    font-weight: $font-bold;
+  }
+
+  &.sub {
+    font-weight: $font-light;
+    font-style: italic;
+  }
+}
+
+.cv-title {
+  display: block;
+  border: none;
+  margin: 0 0 $spacer-smallest 0;
+}
+
+.cv-contacts {
+  display: block;
+  text-align: end;
+  margin: 0 0 $spacer-smallest 0;
+}
+
+.cv-experience {
+  margin: $spacer-small 0;
+  border-bottom: 1px solid;
+
+  @media print {
+    break-after: avoid-page;
+    break-inside: avoid-page;
+  }
+}
+
+.cv-skills {
+  margin: 0;
+  border: none;
+  width: auto;
+
+  .key {
+    padding: 0 $spacer-smallest 0 0;
+  }
+
+  .val {
+    padding: 0 0 0 $spacer-smallest;
+    font-weight: $font-bold;
+  }
+
+  .key,
+  .val {
+    border: none;
+  }
+}

layouts/cv/single.html

@@ -0,0 +1,40 @@
+{{- define "main" -}}
+  <article class="post">
+    <header class="post-header">
+      <div class="post-title row">
+        <h1 class="cv-title">
+          <a href="{{ .Permalink }}">
+            {{- if .Params.name }}
+              {{- .Params.name }}
+            {{- else if .Title }}
+              {{- .Title }}
+            {{- else }}
+              {{- .File.TranslationBaseName }}
+            {{- end }}
+          </a>
+        </h1>
+
+        {{- with .Params.contact }}
+          <div class="cv-contacts">
+            <div class="col">
+              <div>{{ .phone }}</div>
+              <div>{{ .email }}</div>
+            </div>
+          </div>
+        {{- end }}
+      </div>
+    </header>
+
+    {{- with .Content }}
+      <div class="post-content">
+        {{ . }}
+      </div>
+    {{- end }}
+
+    {{- if .GitInfo -}}
+      <footer class="post-footer">
+        {{- partial "gitinfo.html" . -}}
+      </footer>
+    {{- end -}}
+  </article>
+{{- end -}}

layouts/shortcodes/cv/experience.html

@@ -0,0 +1,17 @@
+{{- $name := .Get "name" -}}
+{{- $date := .Get "date" -}}
+{{- $title := .Get "title" -}}
+{{- $location := .Get "location" -}}
+
+
+<div class="cv-experience">
+  <div class="row lead">
+    <span>{{ $name }}</span>
+    <span>{{ $date }}</span>
+  </div>
+
+  <div class="row sub">
+    <span>{{ $title }}</span>
+    <span>{{ $location }}</span>
+  </div>
+</div>

layouts/shortcodes/cv/skills.html

@@ -0,0 +1,22 @@
+<table class="cv-skills">
+  {{- with .Get "technologies" -}}
+    <tr>
+      <td class="key">Technologies</td>
+      <td class="val">{{ . }}</td>
+    </tr>
+  {{- end -}}
+
+  {{- with .Get "languages" -}}
+    <tr>
+      <td class="key">Languages</td>
+      <td class="val">{{ . }}</td>
+    </tr>
+  {{- end -}}
+
+  {{- with .Get "tools" -}}
+    <tr>
+      <td class="key">Tools</td>
+      <td class="val">{{ . }}</td>
+    </tr>
+  {{- end -}}
+</table>