Added images.

3 files changed, 28 insertions, 39 deletions

diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index b94a4aa..27e6fd4 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -27,11 +27,13 @@
                         <section class="post">
                             <div class="row">
                                 <div class="col-md-4">
+                                  {{ if .Params.image }}
                                     <div class="image">
                                         <a href="{{ .Permalink }}">
-                                            <img src="{{ .Site.BaseURL }}img/blog-medium.jpg" class="img-responsive" alt="Example blog post alt">
+                                            <img src="{{ .Site.BaseURL}}{{ .Params.image }}" class="img-responsive" alt="">
                                         </a>
                                     </div>
+                                  {{ end }}
                                 </div>
                                 <div class="col-md-8">
                                     <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
@@ -39,8 +41,7 @@
                                         <p class="author-category">{{ if .Params.author }}By <a href="#">{{ .Params.author }}</a> {{ end }}in <a href="blog.html">Webdesign</a>
                                         </p>
                                         <p class="date-comments">
-                                            <a href="blog-post.html"><i class="fa fa-calendar-o"></i> {{ .Date.Format "January 2, 2006" }}</a>
-                                            <a href="blog-post.html"><i class="fa fa-comment-o"></i> 8 Comments</a>
+                                            <a href="{{ .Permalink }}"><i class="fa fa-calendar-o"></i> {{ .Date.Format "January 2, 2006" }}</a>
                                         </p>
                                     </div>
                                     <p class="intro">{{ .Summary }}</p>
diff --git a/layouts/partials/blog.html b/layouts/partials/blog.html
index 0757e6c..6115e08 100644
--- a/layouts/partials/blog.html
+++ b/layouts/partials/blog.html
@@ -7,7 +7,7 @@
             </div>
 
             <p class="lead">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae
-                est. Mauris placerat eleifend leo. <span class="accent">Check our blog!</span>
+                est. Mauris placerat eleifend leo. <a href="#" class="accent">Check our blog!</span>
             </p>
 
             <!-- *** BLOG HOMEPAGE *** -->
@@ -18,21 +18,25 @@
                 {{ range first 4 $posts.Pages }}
                 <div class="col-md-3 col-sm-6">
                     <div class="box-image-text blog">
-                        <div class="top">
-                            <div class="image">
-                                <img src="img/portfolio-4.jpg" alt="" class="img-responsive">
-                            </div>
-                            <div class="bg"></div>
-                            <div class="text">
-                                <p class="buttons">
-                                    <a href="{{ .Permalink }}" class="btn btn-template-transparent-primary"><i class="fa fa-link"></i> Read more</a>
-                                </p>
-                            </div>
-                        </div>
+                        {{ if .Params.image }}
+                          <div class="top">
+                              <div class="image">
+                                  <img src="{{ .Site.BaseURL}}{{ .Params.image }}" alt="" class="img-responsive">
+                              </div>
+
+                              <div class="bg"></div>
+                              <div class="text">
+                                  <p class="buttons">
+                                      <a href="{{ .Permalink }}" class="btn btn-template-transparent-primary"><i class="fa fa-link"></i> Read more</a>
+                                  </p>
+                              </div>
+                          </div>
+                        {{ end }}
+
                         <div class="content">
                             <h4><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
                             {{ if .Params.author }}
-                            <p class="author-category">By <a href="#">{{ .Params.author }}</a> on {{ .Date.Format "January 2, 2006" }}
+                              <p class="author-category">By <a href="#">{{ .Params.author }}</a> on {{ .Date.Format "January 2, 2006" }}
                             {{ end }}
                             </p>
                             <p class="intro">{{ .Summary }}</p>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 408f85f..9447751 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -34,38 +34,22 @@
             <h4>Blog</h4>
 
             <div class="blog-entries">
-                <div class="item same-height-row clearfix">
-                    <div class="image same-height-always">
-                        <a href="#">
-                            <img class="img-responsive" src="{{ .Site.BaseURL }}img/detailsquare.jpg" alt="">
-                        </a>
-                    </div>
-                    <div class="name same-height-always">
-                        <h5><a href="#">Blog post name</a></h5>
-                    </div>
-                </div>
-
-                <div class="item same-height-row clearfix">
-                    <div class="image same-height-always">
-                        <a href="#">
-                            <img class="img-responsive" src="{{ .Site.BaseURL }}img/detailsquare.jpg" alt="">
-                        </a>
-                    </div>
-                    <div class="name same-height-always">
-                        <h5><a href="#">Blog post name</a></h5>
-                    </div>
-                </div>
+              {{ $posts := .Paginate (where .Data.Pages "Type" "post") }}
+              {{ range first 3 $posts.Pages }}
 
                 <div class="item same-height-row clearfix">
                     <div class="image same-height-always">
                         <a href="#">
-                            <img class="img-responsive" src="{{ .Site.BaseURL }}img/detailsquare.jpg" alt="">
+                          {{ if .Params.image }}
+                            <img src="{{ .Site.BaseURL}}{{ .Params.image }}" alt="" class="img-responsive">
+                          {{ end }}
                         </a>
                     </div>
                     <div class="name same-height-always">
-                        <h5><a href="#">Very very long blog post name</a></h5>
+                        <h5><a href="{{ .Permalink }}">{{ .Title }}</a></h5>
                     </div>
                 </div>
+              {{ end }}
             </div>
 
             <hr class="hidden-md hidden-lg">