Home page reflects orignal html5 up template

- Created configs for scetions: hightlight, features, blog, and CTA
- Added more sample posts
- Updated footer to pull data from config.toml

9 files changed, 190 insertions, 97 deletions

diff --git a/exampleSite/config/_default/config.toml b/exampleSite/config/_default/config.toml
index 74cc225..dd2574b 100644
--- a/exampleSite/config/_default/config.toml
+++ b/exampleSite/config/_default/config.toml
@@ -5,6 +5,13 @@ theme = "hugo-html5up-alpha"
 googleanalytics = ""
 disqusShortname = ""
 
+[params]
+  description = "Another fine responsive site template freebie by HTML5 UP."
+  images = ["images/pic01.jpg"]
+  author = "Themefisher"
+  copyright = "© Untitled. All rights reserved."
+  design = "Desing: [HTML5 UP](http://html5up.net/) | Hugo Port: [Nelson/Roberto](https://nelsonroberto.com/)."
+  
 # For Pages the .RelPermalink must match the menu .URL 
 # For sections the name/directory must match the menu .Identifier
 [menu]
@@ -52,12 +59,22 @@ disqusShortname = ""
     name = "Option Four"
     url = "#"
     weight = 44
-    
-# [params]
-  # set below parameter to define a favicon
-  # favicon = "favicon.ico"
-  # set to change date format
-  # dateFormat = "2.1.2006"
+
+### Social Media Links ###
+[[params.share]]
+title = "facebook"
+icon = "fa-facebook-f" # fontawesome icons https://fontawesome.com/icons?d=gallery&s=brands
+link = "https://www.facebook.com/"
+
+[[params.share]]
+title = "twitter"
+icon = "fa-twitter" 
+link = "https://twitter.com/"
+
+[[params.share]]
+title = "linkedin"
+icon = "fa-linkedin" 
+link = "https://www.linkedin.com"
 
 # Below parameters can be set to override default post settings
 [params.posts]
diff --git a/exampleSite/content/generic.md b/exampleSite/content/generic.md
index 7da8fc8..07bbcd6 100644
--- a/exampleSite/content/generic.md
+++ b/exampleSite/content/generic.md
@@ -1,6 +1,6 @@
 ---
 Title: "This Is A Generic Page"
-description: "Aenean ornare velit lacus varius enim ullamcorper proin aliquam facilisis ante sed etiam magna interdum congue. Lorem ipsum dolor amet nullam sed etiam veroeros."
+description: "A generic page for every non-generic situation."
 date: "2019-02-06T00:00:00"
 image: 'images/pic01.jpg'
 tags: ["tag1","tag2"]
diff --git a/exampleSite/content/posts/post.1.md b/exampleSite/content/posts/post.1.md
new file mode 100644
index 0000000..6e966e1
--- /dev/null
+++ b/exampleSite/content/posts/post.1.md
@@ -0,0 +1,8 @@
++++
+title = 'Primis eget imperdiet lorem'
+slug = 'post1'
+image = 'images/pic03.jpg'
+description = 'Example of post with missing date property'
+disableComments = true
++++
+Example of post with missing date property.
\ No newline at end of file
diff --git a/exampleSite/content/posts/post.2.md b/exampleSite/content/posts/post.2.md
new file mode 100644
index 0000000..c8380b8
--- /dev/null
+++ b/exampleSite/content/posts/post.2.md
@@ -0,0 +1,8 @@
++++
+title = 'Ante mattis interdum dolor'
+slug = 'post2'
+image = 'images/pic04.jpg'
+date = "2019-04-18T00:00:00"
+description = 'Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.'
+disableComments = true
++++
\ No newline at end of file
diff --git a/exampleSite/content/posts/post.3.md b/exampleSite/content/posts/post.3.md
new file mode 100644
index 0000000..f0c5012
--- /dev/null
+++ b/exampleSite/content/posts/post.3.md
@@ -0,0 +1,8 @@
++++
+title = 'Augue lorem primis vestibulum'
+slug = 'post3'
+image = 'images/pic07.jpg'
+date = "2019-04-07T00:00:00"
+description = 'Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.'
+disableComments = true
++++
\ No newline at end of file
diff --git a/exampleSite/content/posts/post.4.md b/exampleSite/content/posts/post.4.md
new file mode 100644
index 0000000..9101391
--- /dev/null
+++ b/exampleSite/content/posts/post.4.md
@@ -0,0 +1,11 @@
++++
+title = 'Odio magna sed consectetur'
+slug = 'post4'
+image = 'images/pic06.jpg'
+date = "2019-04-11T00:00:00"
+description = 'Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.'
+disableComments = true
++++
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet dui nec dui commodo auctor non eu mauris. Duis varius finibus vestibulum. Praesent aliquam, erat sed dictum feugiat, velit erat iaculis elit, eget iaculis ex libero ac sapien. Sed maximus ut lectus et varius. Nullam posuere velit vitae est consectetur porttitor. Vestibulum tempor felis ante, nec volutpat risus vestibulum ac. Mauris at finibus felis, eu placerat arcu. Sed nec semper nunc. Proin eget mollis felis. Donec fermentum lectus non metus elementum, dignissim ornare felis congue. In rhoncus vehicula nibh, ac imperdiet dolor tincidunt sit amet.
+
+Nullam commodo, diam nec finibus ultrices, odio enim tempus risus, quis dapibus ex ligula non erat. In sed lectus id massa fermentum euismod fringilla vel ligula. Quisque tincidunt tortor non ante scelerisque convallis ut vitae nunc. Mauris id consectetur sapien, et vulputate turpis. Nulla et diam urna. Duis varius, metus sit amet mollis gravida, felis turpis sodales nulla, id dapibus lacus est ac felis. Cras porttitor orci sit amet lorem scelerisque laoreet. Sed non mi et velit bibendum efficitur ut et mauris. Curabitur sem nisl, condimentum suscipit magna sit amet, vehicula ultricies purus. Phasellus blandit ultrices ante, eget blandit turpis fringilla et. Nam commodo volutpat semper.
\ No newline at end of file
diff --git a/exampleSite/data/homepage.yml b/exampleSite/data/homepage.yml
new file mode 100644
index 0000000..f988230
--- /dev/null
+++ b/exampleSite/data/homepage.yml
@@ -0,0 +1,43 @@
+### highlight ###
+highlight:
+  enable: true
+  header: "Introducing the ultimate mobile app <br /> for doing stuff with your phone"
+  content: "Blandit varius ut praesent nascetur eu penatibus nisi risus faucibus nunc ornare<br /> adipiscing nunc adipiscing. Condimentum turpis massa."
+  image: "images/pic01.jpg"
+  
+### features ###
+features:
+  enable: true
+  rows:  
+    - items:
+      - title: "Magna etiam"
+        icon: "fa-bolt"
+        accent: "accent2" #accent values are 1-8
+        content: "Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros."
+      - title: "Ipsum dolor"
+        icon: "fa-chart-area"
+        accent: "accent3" #accent values are 1-8
+        content: "Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros."
+    - items:
+        - title: "Sed feugiat"
+          icon: "fa-cloud"
+          accent: "accent4" #accent values are 1-8
+          content: "Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros."
+        - title: "Enim phasellus"
+          icon: "fa-lock"
+          accent: "accent5" #accent values are 1-8
+          content: "Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros."
+
+### Blog ###
+blog:
+  enable: true
+  # Leave header text blank to remove entire <section>
+  header: "Recent Posts"
+  buttonText: "Read More"
+  postCount: 2
+
+### Call to Action ###
+cta:
+  enable: true
+  header: "Sign up for beta access"
+  content: "Blandit varius ut praesent nascetur eu penatibus nisi risus faucibus nunc."
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
index b0f2e17..82412f1 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -2,14 +2,17 @@
 <html>
     <head>
         {{- partial "head.html" . -}}
+        {{ template "_internal/opengraph.html" . }}
     </head>
     <body class="landing is-preload">
         <div id="page-wrapper">
             {{- partial "header.html" . -}}
             <!-- Banner -->
             <section id="banner">
-                <h2>Alpha</h2>
-                <p>Another fine responsive site template freebie by HTML5 UP.</p>
+                <h2>{{ .Site.Title }}</h2>
+                {{ with .Site.Params.description }}
+                <p>{{ . }}</p>
+                {{ end }}
                 <ul class="actions special">
                     <li><a href="#" class="button primary">Sign Up</a></li>
                     <li><a href="#" class="button">Learn More</a></li>
@@ -18,93 +21,91 @@
             
             <!-- Main -->
             <section id="main" class="container">
+                <!-- Highlight -->
+                {{ if .Site.Data.homepage.highlight.enable }}
+                {{ with .Site.Data.homepage.highlight }}
+                    <section class="box special">
+                        <header class="major">
+                            {{/* Include 'safeHTML' function to render the HTML in strings */}}
+                            <h2>{{ .header | safeHTML }}</h2>
+                            <p>{{ .content | safeHTML }}</p>
+                        </header>
+                        <span class="image featured"><img src="{{ .image }}" alt="" /></span>
+                    </section>
+                {{ end }}
+                {{ end }}
+                
+                <!-- Features -->               
+                {{ if .Site.Data.homepage.features.enable }}
+                {{ with .Site.Data.homepage.features }}
+                    <section class="box special features">
+                        {{ range .rows }}
+                        <div class="features-row">
+                            {{ range .items }}
+                            <section>
+                                <span class="icon solid major {{ .icon }} {{ .accent }}"></span>
+                                <h3>{{ .title }}</h3>
+                                <p>{{ .content }}</p>
+                            </section>
+                            {{ end }}
+                        </div>
+                        {{ end }}
+                    </section>
+                {{ end }}
+                {{ end }}
             
-                <section class="box special">
-                    <header class="major">
-                        <h2>Introducing the ultimate mobile app
-                        <br />
-                        for doing stuff with your phone</h2>
-                        <p>Blandit varius ut praesent nascetur eu penatibus nisi risus faucibus nunc ornare<br />
-                        adipiscing nunc adipiscing. Condimentum turpis massa.</p>
-                    </header>
-                    <span class="image featured"><img src="images/pic01.jpg" alt="" /></span>
-                </section>
-            
-                <section class="box special features">
-                    <div class="features-row">
-                        <section>
-                            <span class="icon solid major fa-bolt accent2"></span>
-                            <h3>Magna etiam</h3>
-                            <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p>
-                        </section>
-                        <section>
-                            <span class="icon solid major fa-chart-area accent3"></span>
-                            <h3>Ipsum dolor</h3>
-                            <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p>
-                        </section>
-                    </div>
-                    <div class="features-row">
-                        <section>
-                            <span class="icon solid major fa-cloud accent4"></span>
-                            <h3>Sed feugiat</h3>
-                            <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p>
-                        </section>
-                        <section>
-                            <span class="icon solid major fa-lock accent5"></span>
-                            <h3>Enim phasellus</h3>
-                            <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p>
-                        </section>
-                    </div>
-                </section>
-            
-                <div class="row">
-                    <div class="col-6 col-12-narrower">
-            
-                        <section class="box special">
-                            <span class="image featured"><img src="images/pic02.jpg" alt="" /></span>
-                            <h3>Sed lorem adipiscing</h3>
-                            <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p>
-                            <ul class="actions special">
-                                <li><a href="#" class="button alt">Learn More</a></li>
-                            </ul>
-                        </section>
-            
-                    </div>
-                    <div class="col-6 col-12-narrower">
-            
-                        <section class="box special">
-                            <span class="image featured"><img src="images/pic03.jpg" alt="" /></span>
-                            <h3>Accumsan integer</h3>
-                            <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p>
-                            <ul class="actions special">
-                                <li><a href="#" class="button alt">Learn More</a></li>
-                            </ul>
-                        </section>
-            
-                    </div>
-                </div>
-            
+                <!-- Posts -->
+                {{ if .Site.Data.homepage.blog.enable }}
+                {{ with $blogSettings := .Site.Data.homepage.blog }}
+                  {{ with .header }}
+                  <section class="box special">
+                      <header class="major">
+                          <h2>{{ . }}</h2>
+                      </header>
+                  </section>
+                  {{ end }}
+                  <div class="row">
+                      {{ range first .postCount (where $.Site.RegularPages "Type" "posts") }}
+                          <div class="col-6 col-12-narrower">
+                              <section class="box special">
+                                  <span class="image featured"><img src="{{ .Params.image }}" alt="" /></span>
+                                  <h3>{{ .Title }}</h3>
+                                  {{ with .Description }}
+                                  <p>{{ . }}</p>
+                                  {{ else }}
+                                  <p>{{ .Summary }}</p>
+                                  {{ end }}
+                                  <ul class="actions special">
+                                      <li><a href="{{ .Permalink }}" class="button alt">{{ $blogSettings.buttonText }} </a></li>
+                                  </ul>
+                              </section>
+                          </div>
+                      {{ end }}
+                  </div>
+                {{ end }}
+                {{ end }}
             </section>
             
             <!-- CTA -->
-            <section id="cta">
-            
-                <h2>Sign up for beta access</h2>
-                <p>Blandit varius ut praesent nascetur eu penatibus nisi risus faucibus nunc.</p>
-            
-                <form>
-                    <div class="row gtr-50 gtr-uniform">
-                        <div class="col-8 col-12-mobilep">
-                            <input type="email" name="email" id="email" placeholder="Email Address" />
+            {{ if .Site.Data.homepage.cta.enable }}
+            {{ with .Site.Data.homepage.cta}}
+                <section id="cta">
+                    <h2>{{ .header }}</h2>
+                    <p>{{ .content }}</p>
+                    <form>
+                        <div class="row gtr-50 gtr-uniform">
+                            <div class="col-8 col-12-mobilep">
+                                <input type="email" name="email" id="email" placeholder="Email Address" />
+                            </div>
+                            <div class="col-4 col-12-mobilep">
+                                <input type="submit" value="Sign Up" class="fit" />
+                            </div>
                         </div>
-                        <div class="col-4 col-12-mobilep">
-                            <input type="submit" value="Sign Up" class="fit" />
-                        </div>
-                    </div>
-                </form>
+                    </form>
+                </section>
+            {{ end }}
+            {{ end }}
             
-            </section>
-          
             {{- partial "footer.html" . -}}
         </div>
         {{- partial "scripts.html" . -}}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index ab42c9e..4228eff 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,14 +1,11 @@
 <!-- Footer -->
 <footer id="footer">
     <ul class="icons">
-        <li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
-        <li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
-        <li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
-        <li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li>
-        <li><a href="#" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li>
-        <li><a href="#" class="icon brands fa-google-plus"><span class="label">Google+</span></a></li>
+        {{ range .Site.Params.share }}
+            <li><a href="{{ .link }}" class="icon brands {{ .icon }}"><span class="label">{{ .title }}</span></a></li>
+        {{ end }}
     </ul>
     <ul class="copyright">
-        <li>&copy; Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
+        <li>{{ .Site.Params.copyright }}</li><li>{{ .Site.Params.design | markdownify }}</li>
     </ul>
 </footer>
\ No newline at end of file