From 3af9806280fb288aad87e9f8145ca07024c002cf Mon Sep 17 00:00:00 2001
From: Dan Ballard <dan@mindstab.net>
Date: Sat, 17 Feb 2018 14:54:35 -0800
Subject: [PATCH] blog collection

---
 .../2018-02-10-Aptent-veroeros-et-aliquam.md  |  6 ++++
 ...2018-02-17-Magna-tempus-consequat-lorem.md | 11 ++++++++
 _config.yml                                   |  1 +
 _layouts/landing.html                         | 28 +++++--------------
 4 files changed, 25 insertions(+), 21 deletions(-)
 create mode 100644 _blog/2018-02-10-Aptent-veroeros-et-aliquam.md
 create mode 100644 _blog/2018-02-17-Magna-tempus-consequat-lorem.md

diff --git a/_blog/2018-02-10-Aptent-veroeros-et-aliquam.md b/_blog/2018-02-10-Aptent-veroeros-et-aliquam.md
new file mode 100644
index 0000000..52b307f
--- /dev/null
+++ b/_blog/2018-02-10-Aptent-veroeros-et-aliquam.md
@@ -0,0 +1,6 @@
+---
+title: Aptent veroeros et aliquam
+image: images/pic09.jpg 
+date: 2018-02-10 08:27
+---
+Lorem ipsum dolor sit amet sit veroeros sed et blandit consequat sed veroeros lorem et blandit  adipiscing feugiat phasellus tempus hendrerit, tortor vitae mattis tempor, sapien sem feugiat sapien, id suscipit magna felis nec elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos lorem ipsum dolor sit amet.
diff --git a/_blog/2018-02-17-Magna-tempus-consequat-lorem.md b/_blog/2018-02-17-Magna-tempus-consequat-lorem.md
new file mode 100644
index 0000000..a711086
--- /dev/null
+++ b/_blog/2018-02-17-Magna-tempus-consequat-lorem.md
@@ -0,0 +1,11 @@
+---
+title: Magna tempus consequat lorem
+image: images/pic08.jpg
+date: 2018-02-17 13:51
+excerpt_separator: <!--more-->
+---
+Lorem ipsum dolor sit amet sit veroeros sed et blandit consequat sed veroeros lorem et blandit  adipiscing feugiat phasellus tempus hendrerit, tortor vitae mattis tempor, sapien sem feugiat sapien, id suscipit magna felis nec elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos lorem ipsum dolor sit amet. 
+<!--more-->
+More Text fuller text text that was supposed to be clipped and cut. Too much text.
+Text forever, text only for the full blog post, far too much text, text no human should see.
+Just the most over flow test, never see this, this is definatly a front page error if you are seeing this text, this text should never be above the fold.
diff --git a/_config.yml b/_config.yml
index 0883092..2dc6b2e 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,3 +1,4 @@
 collections:
         - splash_blurbs
         - portfolio
+        - blog
diff --git a/_layouts/landing.html b/_layouts/landing.html
index 6d6c596..f691b71 100644
--- a/_layouts/landing.html
+++ b/_layouts/landing.html
@@ -21,7 +21,7 @@ layout: dopetrope
 										</header>
 										{% assign rowCount = 0 %}
 										<div class="row">
-										{% for portfolio in site.portfolio %}
+										{% for portfolio in site.portfolio reversed %}
 											<div class="4u 12u(mobile)">
 												<section class="box">
 													<a href="#" class="image featured"><img src="{{ portfolio.image }}" alt="" /></a>
@@ -59,30 +59,15 @@ layout: dopetrope
 											<h2>The Blog</h2>
 										</header>
 										<div class="row">
+											{% for post in site.blog reversed limit:2 %}
 											<div class="6u 12u(mobile)">
 												<section class="box">
-													<a href="#" class="image featured"><img src="images/pic08.jpg" alt="" /></a>
+													<a href="#" class="image featured"><img src="{{ post.image }}" alt="" /></a>
 													<header>
-														<h3>Magna tempus consequat lorem</h3>
-														<p>Posted 45 minutes ago</p>
+														<h3>{{ post.title }}</h3>
+														<p>{{ post.date }}</p>
 													</header>
-													<p>Lorem ipsum dolor sit amet sit veroeros sed et blandit consequat sed veroeros lorem et blandit  adipiscing feugiat phasellus tempus hendrerit, tortor vitae mattis tempor, sapien sem feugiat sapien, id suscipit magna felis nec elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos lorem ipsum dolor sit amet.</p>
-													<footer>
-														<ul class="actions">
-															<li><a href="#" class="button icon fa-file-text">Continue Reading</a></li>
-															<li><a href="#" class="button alt icon fa-comment">33 comments</a></li>
-														</ul>
-													</footer>
-												</section>
-											</div>
-											<div class="6u 12u(mobile)">
-												<section class="box">
-													<a href="#" class="image featured"><img src="images/pic09.jpg" alt="" /></a>
-													<header>
-														<h3>Aptent veroeros et aliquam</h3>
-														<p>Posted 45 minutes ago</p>
-													</header>
-													<p>Lorem ipsum dolor sit amet sit veroeros sed et blandit consequat sed veroeros lorem et blandit  adipiscing feugiat phasellus tempus hendrerit, tortor vitae mattis tempor, sapien sem feugiat sapien, id suscipit magna felis nec elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos lorem ipsum dolor sit amet.</p>
+													<p> {{ post.excerpt }}</p>
 													<footer>
 														<ul class="actions">
 															<li><a href="#" class="button icon fa-file-text">Continue Reading</a></li>
@@ -91,6 +76,7 @@ layout: dopetrope
 													</footer>
 												</section>
 											</div>
+											{% endfor %}
 										</div>
 									</section>