From c23c5f93cde9f98534f2d89e46739a3d35b6239a Mon Sep 17 00:00:00 2001
From: Oscar Najera <hi@oscarnajera.com>
Date: Sun, 15 Oct 2023 23:33:32 +0200
Subject: Social links

---
 layouts/_default/about.html        | 17 +++++++++++++++--
 layouts/partials/head.html         |  1 +
 layouts/partials/social_links.html | 22 ++++++++++++++++++++++
 3 files changed, 38 insertions(+), 2 deletions(-)
 create mode 100644 layouts/partials/social_links.html

diff --git a/layouts/_default/about.html b/layouts/_default/about.html
index 9c4ca2f..4a3a656 100644
--- a/layouts/_default/about.html
+++ b/layouts/_default/about.html
@@ -1,9 +1,22 @@
 {{ define "hero" }}
-  {{ partial "hero.html" . }}
+  <div
+    style="background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) ){{ with resources.Get (index .Params.images 0) }}
+      , url('{{ .RelPermalink }}')
+    {{ end }}; background-position: center;"
+    class="pv5"
+  >
+    <div id="hero" class="mw7 center ph2 near-white lh-copy tc">
+      <img src="{{ .Site.Author.avatar }}" class="br-100" />
+      <h1 class="f1 mv1">{{ .Site.Author.name }}</h1>
+      <h2 class="f3 fw3 pa0 ma0">{{ .Site.Author.role }}</h2>
+      <div class="f2">
+        {{ partial "social_links" . }}
+      </div>
+    </div>
+  </div>
 {{ end }}
 
 {{ define "main" }}
-
   <div class="stripe-dark"></div>
   {{ range .Paginator.Pages }}
     <div class="stripe-dark">
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 3a569e7..fce859b 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -7,6 +7,7 @@
       <link rel="stylesheet" href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous" type="text/css" media="screen" />
     {{ end  }}
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
     <link rel="icon" href="/images/favicon.png">
 {{ range .AlternativeOutputFormats -}}
 {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
diff --git a/layouts/partials/social_links.html b/layouts/partials/social_links.html
new file mode 100644
index 0000000..e06fade
--- /dev/null
+++ b/layouts/partials/social_links.html
@@ -0,0 +1,22 @@
+{{ range .Params.social }}
+  {{ $pack := or .icon_pack "fas" }}
+  {{ $pack_prefix := $pack }}
+  {{ if in (slice "fab" "fas" "far" "fal") $pack }}
+    {{ $pack_prefix = "fa" }}
+  {{ end }}
+  {{ $link := .link }}
+  {{ $scheme := (urls.Parse $link).Scheme }}
+  {{ $target := "" }}
+  {{ if not $scheme }}
+    {{ $link = .link | relLangURL }}
+  {{ else if in (slice "http" "https") $scheme }}
+    {{ $target = "target=\"_blank\" rel=\"noopener\"" }}
+  {{ end }}
+  <a
+    href="{{ $link | safeURL }}"
+    {{ $target | safeHTMLAttr }}
+    class="link near-white"
+  >
+    <i class="{{ $pack }} {{ $pack_prefix }}-{{ .icon }} h2"></i>
+  </a>
+{{ end }}
-- 
cgit v1.2.3