Support custom homepage greeting message (hugo-toha#66)

* Support custom greeting message in homepage
Co-authored-by: Emruz Hossain <[email protected]>

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: "[email protected]"

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: "[email protected]"

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
- {{ if .Site.Params.author.nickname }}
- {{ .Site.Params.author.nickname }}
- {{ else if .Site.Params.author.name }}
- {{ .Site.Params.author.name }}
- {{ else }}
- Jane Doe
- {{ end }}
- </h1>
+ <h1 class="greeting"> {{ $greeting }} {{ $name }}</h1>
  <div class="typing-carousel">
  <span id="ityped" class="ityped"></span>
  <span class="ityped-cursor"></span>