homepage defaults and config params from site

exampleSite/config.toml

@@ -21,6 +21,10 @@ pygmentsUseClasses = true
 [params]
   google_analytics_id=""
   mainSections = ["docs"]
+  homepage_button_link = '/docs'
+  homeoage_button_text = 'Read The Docs'
+  homepage_intro = 'Whisper is a documentation theme built with Hugo. The design and functionality is intentionally minimal.'
+  homepage_image = '/images/terminal.gif'
 
   [params.homepage_meta_tags]
     meta_description = "Hugo Whisper is a documentation theme built with Hugo."

exampleSite/content/_index.md

@@ -1,9 +1,6 @@
 ---
 title: 'Hugo Whisper Docs'
 date: 2018-11-28T15:14:39+10:00
-button_link: '/docs'
-button_text: 'Read The Docs'
-image: '/images/terminal.gif'
 ---
 
 Whisper is a documentation theme built with Hugo. The design and functionality is intentionally minimal. 

layouts/index.html

@@ -20,25 +20,25 @@
   <div class="container pt-4 pb-16">
     <div class="row">
       <div class="col-12">
-        <h1 class="title">{{ .Title }}</h1>
+        <h1 class="title">{{ .Title | default .Site.Title }}</h1>
         <div class="content">
-          {{ .Content }}
+          {{ .Content | default .Site.Params.homepage_intro }}
         </div>
-        <a class="button button-primary mb-2" href="{{ .Page.Params.button_link | relURL }}">
-          {{ .Page.Params.button_text }}
+        <a class="button button-primary mb-2" href="{{ .Site.Params.homepage_button_link | relURL }}">
+          {{ .Site.Params.homeoage_button_text }}
         </a>
       </div>
     </div>
   </div>
 </div>
 
-{{ if .Page.Params.image }}
+{{ if .Site.Params.homepage_image }}
 <div class="strip">
   <div class="container pt-4 pb-4">
     <div class="row justify-content-center">
       <div class="col-12 col-md-10">
         <div class="terminal">
-          <img src="{{ .Page.Params.image | absURL}}" />
+          <img src="{{ .Site.Params.homepage_image | absURL}}" />
         </div>
       </div>
     </div>