From 87f69f8c265e28d24042079c5f8eb5dae9dc84d8 Mon Sep 17 00:00:00 2001
From: kazutoiris <78157415+kazutoiris@users.noreply.github.com>
Date: Wed, 22 Dec 2021 06:05:55 +0800
Subject: [PATCH] Show name pronunciation in About widgets (#2489)

Add `name_pronunciation: ...` to an author profile to use.
---
 wowchemy/layouts/partials/widgets/about.avatar.html | 13 ++++++++++++-
 wowchemy/layouts/partials/widgets/about.html        | 13 ++++++++++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/wowchemy/layouts/partials/widgets/about.avatar.html b/wowchemy/layouts/partials/widgets/about.avatar.html
index 8f944d38..e80b97bf 100644
--- a/wowchemy/layouts/partials/widgets/about.avatar.html
+++ b/wowchemy/layouts/partials/widgets/about.avatar.html
@@ -28,7 +28,18 @@
   {{ end }}
 
   <div class="portrait-title">
-    <h2>{{ $person_page.Title }}</h2>
+    
+    <h2>
+      {{- if $person.name_pronunciation -}}
+        <ruby>
+          <rb>{{ $person_page.Title }}</rb>
+          <rt>{{ $person.name_pronunciation }}</rt>
+        </ruby>
+      {{- else -}}
+        {{- $person_page.Title -}}
+      {{- end -}}
+    </h2>
+
     {{ with $person.role }}<h3>{{ . | markdownify | emojify }}</h3>{{ end }}
 
     {{ range $person.organizations }}
diff --git a/wowchemy/layouts/partials/widgets/about.html b/wowchemy/layouts/partials/widgets/about.html
index d74655dc..c93ea216 100644
--- a/wowchemy/layouts/partials/widgets/about.html
+++ b/wowchemy/layouts/partials/widgets/about.html
@@ -32,7 +32,18 @@
       {{ end }}
 
       <div class="portrait-title">
-        <h2>{{ $person_page.Title }}</h2>
+        
+        <h2>
+          {{- if $person.name_pronunciation -}}
+            <ruby>
+              <rb>{{ $person_page.Title }}</rb>
+              <rt>{{ $person.name_pronunciation }}</rt>
+            </ruby>
+          {{- else -}}
+            {{- $person_page.Title -}}
+          {{- end -}}
+        </h2>
+        
         {{ with $person.role }}<h3>{{ . | markdownify | emojify }}</h3>{{ end }}
 
         {{ range $person.organizations }}