feat: add subtitle typeit

layouts/partials/home_post.html

@@ -16,10 +16,10 @@
         </div>
         {{ end }}
 
-        {{ with .Site.Params.subtitle}}
+        {{ with .Site.Params.subtitle }}
-        <h2 class="description">
+            <h2 class="description">
-            {{ . }}
+                <div id="subtitle"></div>
-        </h2>
+            </h2>
         {{ end }}
 
     </div>

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}}
+    {{ with .Site.Params.subtitle }}
-        <h2 class="description">{{ . }}</h2>
+        <h2 class="description">
+            <div id="subtitle"></div>
+        </h2>
     {{ end }}
 
     <div class="social-links">

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 }}
 

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 }};