From 3f5c9f9dd941016ccbb73fb85c4cfb7229a4b97f Mon Sep 17 00:00:00 2001
From: Marko Korhonen <marko@korhonen.cc>
Date: Sun, 18 Dec 2022 00:16:17 +0200
Subject: [PATCH] Add Mastodon and WhatsApp links

---
 data/en/sections/about.toml          | 10 ++++
 layouts/partials/sections/about.html | 70 ++++++++++++++++++++++++++++
 2 files changed, 80 insertions(+)
 create mode 100644 layouts/partials/sections/about.html

diff --git a/data/en/sections/about.toml b/data/en/sections/about.toml
index 75af681..1b5b392 100644
--- a/data/en/sections/about.toml
+++ b/data/en/sections/about.toml
@@ -14,6 +14,11 @@ template = "sections/about.html"
 name = "Rossum Oy"
 url = "https://rossum.fi"
 
+[[socialLinks]]
+name = "Mastodon"
+icon = "fab fa-mastodon"
+url = "https://social.korhonen.cc/@marko"
+
 [[socialLinks]]
 name = "GitHub"
 icon = "fab fa-github"
@@ -29,6 +34,11 @@ name = "Telegram"
 icon = "fab fa-telegram"
 url = "https://t.me/FunctionalHacker"
 
+[[socialLinks]]
+name = "WhatsApp"
+icon = "fab fa-whatsapp"
+url = "https://wa.me/+358407658800"
+
 [[softSkills]]
 name = "Teamwork"
 percentage = 90
diff --git a/layouts/partials/sections/about.html b/layouts/partials/sections/about.html
new file mode 100644
index 0000000..2ddecdd
--- /dev/null
+++ b/layouts/partials/sections/about.html
@@ -0,0 +1,70 @@
+{{ $sectionID := replace (lower .section.name) " " "-"  }}
+{{ if .section.id }}
+  {{ $sectionID = .section.id }}
+{{ end }}
+
+{{ $author:= site.Data.author }}
+{{ if (index site.Data site.Language.Lang).author }}
+  {{ $author = (index site.Data site.Language.Lang).author }}
+{{ end }}
+
+<div class="container anchor p-lg-5 about-section" id="{{ $sectionID }}">
+  <div class="row pt-sm-2 pt-md-4 align-self-center">
+    <!-- summary -->
+    <!-- takes up full section width if no badges/soft skills are specified -->
+    {{ if or (.softSkills) (.badges) }} <div class="col-sm-6"> {{ else }} <div class="col-sm-12"> {{ end }}
+      <h3 class="p-1">{{ $author.name }}</h3>
+      {{ if .designation }}
+      <h5 class="p-1">
+        {{ .designation }}
+        {{ if .company }}
+        {{ i18n "at"}} <a href="{{ .company.url }}" title="{{ .company.name }}" target="_blank" rel="noopener">{{ .company.name }}</a>
+        {{ end }}
+      </h5>
+      {{ end }}
+      <p class="p-1 text-justify">
+        {{ .summary | markdownify }}
+      </p>
+      <div class="text-container ml-auto">
+        <ul class="social-link d-flex">
+          {{ range .socialLinks }}
+          <li>
+            {{ if eq .name "Email" }}
+              <a href="mailto:{{ .url }}" title="{{ .name }}" target="_blank" rel="noopener"><i class="{{ .icon }}"></i></a>
+            {{ else if eq .name (i18n "phone") }}
+              <a href="tel:{{ .url }}" title="{{ .name }}" target="_blank" rel="noopener"><i class="{{ .icon }}"></i></a>
+            {{ else if eq .name "Mastodon" }}
+              <a href="{{ .url }}" title="{{ .name }}" target="_blank" rel="noopener me"><i class="{{ .icon }}"></i></a>
+            {{ else }}
+              <a href="{{ .url }}" title="{{ .name }}" target="_blank" rel="noopener"><i class="{{ .icon }}"></i></a>
+            {{ end }}
+          </li>
+          {{ end }}
+        </ul>
+      </div>
+      {{ if .resume }}
+      <a href="{{ .resume | relURL }}" title="{{ i18n "resume"}}" target="#"
+        ><button class="btn btn-dark">{{ i18n "resume"}}</button></a
+      >
+      {{ end }}
+      {{ range .resourceLinks }}
+      <a href="{{ .url | relURL }}" title="{{ .title }}" target="#"
+        ><button class="btn btn-dark">{{ .title }}</button></a
+      >
+      {{ end }}
+    </div>
+    <!-- soft skills circular-progressbar -->
+    <div class="col-sm-6 pt-5 pl-md-4 pl-sm-3 pt-sm-0">
+      <div class="row">
+        {{ range .badges }}
+          {{ partial "misc/badge.html" . }}
+        {{ end }}
+        <!-- TODO: Remove this part in version v4+ -->
+        <!-- Keep backward compatibility with old configuration -->
+        {{ range .softSkills }}
+          {{ partial "misc/soft-skills.html" . }}
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</div>