From c5f9d0f1fb6d62f1f58d36aeb7a6eda48c880305 Mon Sep 17 00:00:00 2001
From: Rahat Zaman <rahatzamancse@gmail.com>
Date: Mon, 29 Jun 2020 22:54:05 +0600
Subject: [PATCH] Added typer-writer header partials and registered in
 site-header.html

---
 .../partials/header/header-typewriter.html    | 30 +++++++++++++++++++
 layouts/partials/header/site-header.html      |  2 ++
 2 files changed, 32 insertions(+)
 create mode 100644 layouts/partials/header/header-typewriter.html

diff --git a/layouts/partials/header/header-typewriter.html b/layouts/partials/header/header-typewriter.html
new file mode 100644
index 0000000..53d247c
--- /dev/null
+++ b/layouts/partials/header/header-typewriter.html
@@ -0,0 +1,30 @@
+{{ if $.Params.header }}  
+  {{ range $.Params.header }}
+    {{ if eq .type "typewriter" }}
+      <div class="site-header basicflex-column site-header__align-left" data-ani="{{ $.Site.Params.enableUiAnimation | default "true" }}" style="width: 100%; height: {{ .height }}px; padding: {{ .paddingY }}px {{ .paddingX }}px;">
+        {{ $header := . }}
+        {{ if .title }}
+          {{ range .title }}
+          <div class="site-header__title {{ if $header.titleShadow }}site-header__title--shadow{{ end }}" style="font-size: {{ $header.titleFontSize }}px; {{ with $header.titleColor }}color:{{ . }}{{ end }};">
+            {{ . }}
+          </div>
+          {{ end }}
+        {{ end }}
+        {{ if .spaceBetweenTitleTyping }}
+          <div style="height: {{ .spaceBetweenTitleTyping }}px"></div>
+        {{ end }}
+        {{/*  <div class="site-header__subtitle" style="font-size: {{ $header.subtitleFontSize }}px; {{ with $header.subtitleColor }}color:{{ . }}{{ end }}" data-cursive="{{ with $header.subtitleCursive }}{{ . }}{{ end }}">  */}}
+        
+        <h3 class="site-header__subtitle" style="padding-left: 40px;"> 
+          <span style="color: {{ .typingCaretColor }};">&gt;</span>
+          {{ if .typingPrefix }} {{ .typingPrefix }} {{ end }}
+          {{ if .typingItems }}
+            <span class="typer" data-words="{{ range .typingItems }} {{ . }}, {{ end }}" data-delay="100" data-deleteDelay="1000" data-colors="{{ range .typingColors }} {{ . }} {{ end }}" style="font-size: {{ $header.typingFondSize }}px; {{ with $header.typingColor }}color:{{ . }}{{ end }}" data-cursive="{{ with $header.typingCursive }}{{ . }}{{ end }}"></span>
+            <span class="cursor" data-owner="main" data-cursor-display="|"></span>
+          {{ end }}
+        </h3>
+        <script async src="https://unpkg.com/typer-dot-js@0.1.0/typer.js"></script>
+      </div>
+    {{ end }}
+  {{ end }}
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/header/site-header.html b/layouts/partials/header/site-header.html
index 9ca125c..67f352e 100644
--- a/layouts/partials/header/site-header.html
+++ b/layouts/partials/header/site-header.html
@@ -6,6 +6,8 @@
         {{ partial "header/header-img" . }}
     {{ else if and ($.Param "homeHeaderType") (eq ($.Param "homeHeaderType") "text") }}
         {{ partial "header/header-text" . }}
+    {{ else if and ($.Param "homeHeaderType") (eq ($.Param "homeHeaderType") "typewriter") }}
+        {{ partial "header/header-typewriter" . }}
     {{ else }}
         {{ partial "header/custom-header" . }}
     {{ end }}