feat: add subtitle typeit

pogor-dev · Aug 7, 2019 · 5e55b25 · 5e55b25
1 parent 0b85b03
commit 5e55b25
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 8 deletions.
diff --git 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
@@ -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
@@ -36,11 +36,20 @@
 {{ $countdown := `
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/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
@@ -7,7 +7,7 @@
     {{ end }}
     {{ $id = printf "#%s" $id }}
         <script>
-            if (!typeitMap) {
+            if (!window.typeitMap) {
                 var typeitMap = {}
             }
             typeitMap["{{ $id }}"] = {{ .Inner | safeHTML }};