From 5e55b25c8ad04c8aa1af12d87b7fa47147996602 Mon Sep 17 00:00:00 2001
From: Dillon ZENG <dillonzq@outlook.com>
Date: Thu, 8 Aug 2019 06:05:51 +0800
Subject: [PATCH] feat: add subtitle typeit

---
 layouts/partials/home_post.html    |  8 ++++----
 layouts/partials/home_profile.html |  6 ++++--
 layouts/partials/js.html           | 11 ++++++++++-
 layouts/shortcodes/typeit.html     |  2 +-
 4 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/layouts/partials/home_post.html b/layouts/partials/home_post.html
index 80080b9..f53dac5 100644
--- a/layouts/partials/home_post.html
+++ b/layouts/partials/home_post.html
@@ -16,10 +16,10 @@
         </div>
         {{ end }}
 
-        {{ with .Site.Params.subtitle}}
-        <h2 class="description">
-            {{ . }}
-        </h2>
+        {{ with .Site.Params.subtitle }}
+            <h2 class="description">
+                <div id="subtitle"></div>
+            </h2>
         {{ end }}
 
     </div>
diff --git a/layouts/partials/home_profile.html b/layouts/partials/home_profile.html
index 3901231..c379956 100644
--- a/layouts/partials/home_profile.html
+++ b/layouts/partials/home_profile.html
@@ -12,8 +12,10 @@
         <div class="avatar"><a href="/posts/"> <img src={{ $avatar }} alt="avatar"></a></div>
     {{ end }}
 
-    {{ with .Site.Params.subtitle}}
-        <h2 class="description">{{ . }}</h2>
+    {{ with .Site.Params.subtitle }}
+        <h2 class="description">
+            <div id="subtitle"></div>
+        </h2>
     {{ end }}
 
     <div class="social-links">
diff --git a/layouts/partials/js.html b/layouts/partials/js.html
index 812374d..772c19f 100644
--- a/layouts/partials/js.html
+++ b/layouts/partials/js.html
@@ -36,11 +36,20 @@
 {{ $countdown := `
   <script src="https://cdn.jsdelivr.net/npm/jquery-countdown@2.2.0/dist/jquery.countdown.min.js" integrity="sha256-Ikk5myJowmDQaYVCUD0Wr+vIDkN8hGI58SGWdE671A8=" crossorigin="anonymous"></script>
 ` }}
+
 {{ $jquery | safeHTML }}
+{{ $typeit | safeHTML }}
+{{ with .Site.Params.subtitle }}
+    <script>
+        if (!window.typeitMap) {
+            var typeitMap = {}
+        }
+        typeitMap["#subtitle"] = "{{ . }}";
+    </script>
+{{ end }}
 
 {{ if .IsPage }}
     {{ $prettify | safeHTML }}
-    {{ $typeit | safeHTML }}
     {{ $countdown | safeHTML }}
     {{ $scripts = $scripts | append $dynamicToTop }}
 
diff --git a/layouts/shortcodes/typeit.html b/layouts/shortcodes/typeit.html
index faf3df4..fefcd88 100644
--- a/layouts/shortcodes/typeit.html
+++ b/layouts/shortcodes/typeit.html
@@ -7,7 +7,7 @@
     {{ end }}
     {{ $id = printf "#%s" $id }}
         <script>
-            if (!typeitMap) {
+            if (!window.typeitMap) {
                 var typeitMap = {}
             }
             typeitMap["{{ $id }}"] = {{ .Inner | safeHTML }};