From c327e8ae04fff42fd1e96aa03c39332eb5d8d8f9 Mon Sep 17 00:00:00 2001
From: Austin Winstanley <austin@axialcommerce.com>
Date: Tue, 18 Aug 2015 15:40:07 -0500
Subject: [PATCH 1/3] added blog styling

---
 layouts/blog-index.hbs              | 34 ++++++++++++++++++++---------
 layouts/css/base.styl               |  5 +++++
 layouts/css/page-modules/_blog.styl | 22 +++++++++++++++++++
 3 files changed, 51 insertions(+), 10 deletions(-)
 create mode 100644 layouts/css/page-modules/_blog.styl

diff --git a/layouts/blog-index.hbs b/layouts/blog-index.hbs
index 293c4b63a3dc6..062ac4e732882 100644
--- a/layouts/blog-index.hbs
+++ b/layouts/blog-index.hbs
@@ -7,16 +7,30 @@
 
     <main>
         <div class="container">
-
-            <ul>
-                {{#each collections.blog}}
-                    {{#if title}}
-                        <li>
-                            <a href="/{{../../site.locale}}/{{ path }}">{{ title }}</a>
-                        </li>
-                    {{/if}}
-                {{/each}}
-            </ul>
+            
+            <article>
+                {{#with collections.blog.[0]}}
+                    <h3 class="blog-title"><a href="/{{../site.locale}}/{{path}}">{{title}}</a></h3>
+                    <div class="blog-blurb">
+                        {{{ contents }}}
+                    </div>
+                    <p class="blog-ellipses">...</p>
+                    <a href="/{{../site.locale}}/{{path}}">Read the full post</a>
+                {{/with}}                        
+            </article>
+                
+            <article>
+                <h5 class="header-label">Previous Posts</h5>
+                <ul class="blog-list">
+                    {{#each collections.blog}}
+                        {{#if title}}
+                            <li class="blog-list-item">
+                                <a href="/{{../../site.locale}}/{{path}}">{{title}}</a><br />
+                            </li>
+                        {{/if}}
+                    {{/each}}
+                </ul>           
+            </article>
 
         </div>
     </main>
diff --git a/layouts/css/base.styl b/layouts/css/base.styl
index 68d68fc434048..93f127779cadf 100644
--- a/layouts/css/base.styl
+++ b/layouts/css/base.styl
@@ -64,6 +64,7 @@ pre
 @import 'layout/_grid'
 @import 'layout/_main'
 @import 'layout/_lists'
+@import 'page-modules/_blog'
 @import 'page-modules/_linuxfoundation'
 @import 'page-modules/_header'
 @import 'page-modules/_footer'
@@ -108,3 +109,7 @@ pre
 
     article
         margin-left 200px
+        
+
+h5.header-label
+    margin-bottom 5px
\ No newline at end of file
diff --git a/layouts/css/page-modules/_blog.styl b/layouts/css/page-modules/_blog.styl
new file mode 100644
index 0000000000000..791ff32d6e6d4
--- /dev/null
+++ b/layouts/css/page-modules/_blog.styl
@@ -0,0 +1,22 @@
+ul.blog-list
+    list-style-type none
+    padding 0
+    margin 0
+
+.blog-list-item
+    margin-bottom 10px
+    font-size .9em
+    
+    > time
+        font-size .8 em
+
+.blog-title
+    margin-bottom 5px
+
+.blog-blurb
+    font-size .8em
+    max-height 300px
+    overflow hidden
+    
+.blog-ellipses
+    font-weight bold
\ No newline at end of file

From bd566338034148d39f9fbbc6a8271206735179da Mon Sep 17 00:00:00 2001
From: Austin Winstanley <austin@axialcommerce.com>
Date: Sun, 16 Aug 2015 22:56:23 -0500
Subject: [PATCH 2/3] fixed footer color to match linux foundation footer
 background

---
 layouts/css/layout/_sticky-footer.styl | 5 +----
 layouts/css/page-modules/_footer.styl  | 3 ++-
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/layouts/css/layout/_sticky-footer.styl b/layouts/css/layout/_sticky-footer.styl
index 47916db196762..052d7a10b0395 100644
--- a/layouts/css/layout/_sticky-footer.styl
+++ b/layouts/css/layout/_sticky-footer.styl
@@ -5,7 +5,4 @@ body
     margin 0
 
 main
-    flex 1
-
-footer
-    padding 0 20px
\ No newline at end of file
+    flex 1
\ No newline at end of file
diff --git a/layouts/css/page-modules/_footer.styl b/layouts/css/page-modules/_footer.styl
index 85ddc9ebd8d62..9675b49b1c99c 100644
--- a/layouts/css/page-modules/_footer.styl
+++ b/layouts/css/page-modules/_footer.styl
@@ -1,7 +1,8 @@
 footer
     // display flex
     margin-top 2em
-    background-color $node-gray
+    padding 0 20px
+    background-color #404042
 
     a,
     a:link,

From c653151955d8bf75fcea6ab82ee8ba5b4495bd82 Mon Sep 17 00:00:00 2001
From: Austin Winstanley <austin@axialcommerce.com>
Date: Mon, 17 Aug 2015 02:00:50 -0500
Subject: [PATCH 3/3] removed footer color that was changed and added footer
 margin

---
 layouts/css/page-modules/_footer.styl          | 3 +--
 layouts/css/page-modules/_linuxfoundation.styl | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/layouts/css/page-modules/_footer.styl b/layouts/css/page-modules/_footer.styl
index 9675b49b1c99c..85ddc9ebd8d62 100644
--- a/layouts/css/page-modules/_footer.styl
+++ b/layouts/css/page-modules/_footer.styl
@@ -1,8 +1,7 @@
 footer
     // display flex
     margin-top 2em
-    padding 0 20px
-    background-color #404042
+    background-color $node-gray
 
     a,
     a:link,
diff --git a/layouts/css/page-modules/_linuxfoundation.styl b/layouts/css/page-modules/_linuxfoundation.styl
index 3483a336819fd..ed234f3018e97 100644
--- a/layouts/css/page-modules/_linuxfoundation.styl
+++ b/layouts/css/page-modules/_linuxfoundation.styl
@@ -1,6 +1,6 @@
 .linuxfoundation-footer
     width 100%
-    padding-bottom 1em
+    padding 1em
     font-size 14px
     color #fff
     background #404042