Fixed post layout for image, updates to README

Header image in post matches layout to homepage.

Updated defaults to match what is expected in screenshot.

README.md reflects defaults for config snippet.

4 files changed, 47 insertions, 23 deletions

diff --git a/README.md b/README.md
index 5b9b55e..e87d674 100644
--- a/README.md
+++ b/README.md
@@ -12,6 +12,13 @@ Bulma is a great framework for starting off sites. It's pure CSS, meaning you do
 ### Why Doesn't Huey use "X" Bulma feature?
 This is meant to be "minimal". Only add features needed for a slim site and when necessary. If you want a full-featured Bulma theme meant to provide everything Bulma offers, check out [hugo-bulma](https://github.com/wayn3h0/hugo-bulma).
 
+### How Can I Contribute?
+File a pull request in the Huey theme repository. Preferably create a Github Issue which addresses a problem that needs to be solved, then submit a PR fixing it.
+
+
+## How Can I Get New Features?
+If you need or want new functionality, please create a new issue on Github in the Huey project.
+
 
 ## Theme Configuration
 Huey comes with a number of configuration options. Read through this section for more details, along with a boilerplate configuration that can be used to get started.
@@ -81,18 +88,20 @@ canonifyurls = true
   # Use your Font Awesome token here. Example token is fake, so please get your own.
   fontawesomeToken = "018de52a07"
 
+  # Use content from _index.md on homepage
+  # useIndexContent = true # default is false
+
   # Navigation, use Bulma options here
-  navbarStyle = "is-transparent" # Default is "is-transparent"
-  navbarTitleStyle = "has-text-black" # Default is "has-text-black"
-
-  # Override Bulma schemes with values
-  schemeMain = ""
-  link = "#000" # Default is blue
-  linkHover = "#000" # Default is darker-grey
-  footerBackground = "false" # Default is true
-  footerBackgroundColor = "false" # Default is #fafafa
-  navbarItemHoverColor = "#444" # Default is link color, which unchanged is blue
-  navbarItemColor = "#888" # Default is text color
+  # navbarStyle = "is-transparent" # Default is "is-transparent"
+  # navbarTitleStyle = "has-text-black" # Default is "has-text-black"
+
+  # # Override Bulma schemes with values
+  # schemeMain = "" # Change background color, default is white
+  # link = "#000" # Bulma default is blue, though theme is black
+  # linkHover = "#888" # Bulma default is grey-darker, though theme is #888
+  # footerBackgroundColor = "false" # Bulma default is #fafafa. You can use "false" or #hex
+  # navbarItemHoverColor = "#444" # Bulma default is blue, though theme is #444
+  # navbarItemColor = "#888" # Bulma default is grey-dark, though theme is #888
 
   # Set static directory locations and favicon
   favicon = "favicon.ico"
@@ -219,6 +228,6 @@ If you want to add new CSS definitions that don't exist in Bulma, add them to `a
 
 
 ## TODO
-This is the author's current TODO list for Huey. It won't impact your use of Huey. If you run into an issue and it's in the list, be assurred it's being looked into.
+This is the author's current TODO list for Huey. It won't impact your use of Huey. If you run into an issue and it's in the list, be assured it's being looked into.
 
 - Children pages will show active for parent in menu
diff --git a/assets/css/base/base.scss b/assets/css/base/base.scss
index cae7beb..f118c03 100644
--- a/assets/css/base/base.scss
+++ b/assets/css/base/base.scss
@@ -5,12 +5,12 @@
 @import "../bulma/sass/utilities/functions";
 
 // override colors using Hugo parameters for Huey theme
-$scheme-main: {{ .Site.Params.schemeMain | default "#ffffff" }}; // default scheme, background color
-$link: {{ .Site.Params.link | default "$blue" }}; // link color
-$link-hover: {{ .Site.Params.linkHover | default "$grey-darker"}}; // link hover color
+$scheme-main: {{ .Site.Params.schemeMain | default "#fff" }}; // default scheme, background color
+$link: {{ .Site.Params.link | default "#000" }}; // link color
+$link-hover: {{ .Site.Params.linkHover | default "#888"}}; // link hover color
 $footer-color: {{ .Site.Params.footerBackground | default "true"}};  // removes background color in footer
-$footer-background-color: {{ .Site.Params.footerBackgroundColor | default "#fafafa;"}}; // specifies a footer color
-$navbar-item-hover-color: {{ .Site.Params.navbarItemHoverColor | default "$link;"}}; // navbar menu color hover
-$navbar-item-color: {{ .Site.Params.navbarItemColor | default "$text"}}; // navbar menu text color
+$footer-background-color: {{ .Site.Params.footerBackgroundColor | default "false;"}}; // specifies a footer color
+$navbar-item-hover-color: {{ .Site.Params.navbarItemHoverColor | default "#444;"}}; // navbar menu color hover
+$navbar-item-color: {{ .Site.Params.navbarItemColor | default "#888"}}; // navbar menu text color
 
 @import "../bulma/";
\ No newline at end of file
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index c607f00..9abdc75 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -3,12 +3,16 @@
   <div class="section">
     <div class="columns">
       <div class="column">
-        <div class="content">
-         <figure class="image ">
+        <figure class="image ">
           {{ with .Resources.GetMatch "header.jpg" }}
             <img src="data:{{ .MediaType }};base64,{{ .Content | base64Encode }}">
           {{ end }}
-          </figure>
+        </figure>
+      </div>
+    </div>
+    <div class="columns">
+      <div class="column">
+        <div class="content">
           <p class="title is-3">{{.Page.Title | title }}</p>
           <p class="subtitle is-4">{{.Page.Description}}</p>
           {{ $dateFormat := .Site.Params.dateFormat | default "January 2, 2006"}}
diff --git a/layouts/index.html b/layouts/index.html
index d191131..4e796ec 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -4,6 +4,19 @@
     <div class="hero-body">
       <div class="container">
 
+       <!-- index page content included from content folder -->
+       {{ if .Site.Params.useIndexContent }}
+        <div class="columns">
+          <div class="column">
+            <div class="content">
+                <h1 class="title">{{ .Title | title }}</h1>
+                <p>{{ .Content }}</p>
+            </div>
+          </div>
+        </div>
+        {{ end}}
+
+
         <!-- first post content -->
         {{ range first 3 (where .Site.RegularPages "Type" "blog")  }}
         <div class="columns">
@@ -16,7 +29,6 @@
           </div>
         </div>
 
-        <div class="section">
           <div class="columns">
             <div class="column">
               <div class="content">
@@ -31,7 +43,6 @@
                 </div>
               </div>
             </div>
-          </div>
         </div>
         {{ end }}