Support custom homepage greeting message (#66)

* Support custom greeting message in homepage
Co-authored-by: Emruz Hossain <emruz@appscode.com>

README.md

@@ -116,6 +116,8 @@ params:
     name: "Jane Doe"
     nickname: "Jane"
     image: "images/avatar.png"
+    # greeting message before your name. it will default to "Hi! I am" if not provided
+    greeting: "Hi, I am"
     # give your some contact information. they will be used in the footer
     contactInfo:
       email: "janedoe@example.com"

exampleSite/config.yaml

@@ -66,6 +66,8 @@ params:
     name: "Jane Doe"
     nickname: "Jane"
     image: "images/avatar.png"
+    # greeting message before your name. it will default to "Hi! I am" if not provided
+    greeting: "Hi, I am"
     # give your some contact information. they will be used in the footer
     contactInfo:
       email: "janedoe@example.com"

layouts/partials/sections/home.html

@@ -1,3 +1,13 @@
+{{ $greeting:="Hi! I am" }}
+{{ if .Site.Params.author.greeting }}
+  {{ $greeting = .Site.Params.author.greeting }}
+{{ end }}
+{{ $name:="Jane Doe" }}
+{{ if .Site.Params.author.nickname }}
+  {{ $name = .Site.Params.author.nickname }}
+{{ else if .Site.Params.author.name }}
+  {{ $name = .Site.Params.author.name }}
+{{ end }}
 <div class="container-fluid home" id="home">
   <div
     class="background container-fluid"
@@ -7,15 +17,7 @@
     <img src="{{ if .Site.Params.author.image }}{{ .Site.Params.author.image }}{{ else }}/assets/images/default-avatar.png{{ end }}"
       class="rounded-circle mx-auto d-block img-fluid"
     />
-    <h1 class="greeting">Hi, I am
+    <h1 class="greeting"> {{ $greeting }} {{ $name }}</h1>
-      {{ if .Site.Params.author.nickname }}
-        {{ .Site.Params.author.nickname }}
-      {{ else if .Site.Params.author.name }}
-        {{ .Site.Params.author.name }}
-      {{ else }}
-        Jane Doe
-      {{ end }}
-    </h1>
     <div class="typing-carousel">
       <span id="ityped" class="ityped"></span>
       <span class="ityped-cursor"></span>