diff --git a/_layouts/home.html b/_layouts/home.html index ff29dae31c4b4345109d09935b087c7a9cc04d5e..10a87ce85a721fa04a9ccac7f9277c60dd379725 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -16,9 +16,11 @@ layout: default <div class="col-sm-6"> <h2>News</h2> {% for post in site.posts %} - <h3 class="blog-post-title"><a href="{{ post.url }}">{{ post.title }}</a></h3> - <p class="blog-post-meta">{{ post.date | date: "%b %-d, %Y" }}</p> - {{ post.excerpt}} + <div class="post-preview"> + <h3 class="post-title"><a href="{{ post.url }}">{{ post.title }}</a></h3> + <p class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</p> + {{ post.excerpt}} + </div> {% endfor %} </div> diff --git a/assets/blog.scss b/assets/blog.scss index 60f551f1d8328080ba25deb024d92ad6bf5f9e64..c172be4bb5d917c67a4a5cb70bdfbc9847c032bf 100644 --- a/assets/blog.scss +++ b/assets/blog.scss @@ -277,14 +277,20 @@ h6, .h6 { .post { margin-bottom: 4rem; + .post-title { + margin-bottom: .75rem; + font-size: 2.5rem; + } + .post-meta { + margin-bottom: 1.25rem; + color: #999; + } } -.post-title { - margin-bottom: .75rem; - font-size: 2.5rem; -} -.post-meta { - margin-bottom: 1.25rem; - color: #999; + +.post-preview { + img { + width: 100%; + } }