added navigation links; tweaked calendarpiece

css/fsi.mcss

@@ -68,6 +68,11 @@ article.loopPost:after {
 	width: 60%;
 	margin: 50px auto 20px auto;
 	border-bottom: solid 1px #ccc;
+	clear: both;
+}
+article.loopPost img {
+	float: right;
+	max-width: 200px;
 }
 
 article.page {
@@ -219,7 +224,7 @@ fsi-date {
 	font-weight: bold;
 	font-size: xx-large;
 	position: relative;
-	width: 70px;
+	width: 65px;
 	border: solid 1px #ccc;
 }
 fsi-date:before {
@@ -238,6 +243,7 @@ fsi-date:before {
 fsi-date small {
 	font-weight: normal;
 	font-size: medium;
+	display: block;
 }
 
 fsi-door {
@@ -664,6 +670,12 @@ main {
 		padding: 0;
 	}
 }
+
+.postNav {
+	text-align: center;
+	font-size: large;
+}
+
 @media (min-width: 992px) {
 	.row.row-eq-height .col-md-4 {
 		width: calc(100%/3 - 16px);

index.php

@@ -10,15 +10,19 @@
 					the_post();
 					echo "
 					<article class='loopPost'>
-					<fsi-date>".get_the_date("d")."<br /><small>".get_the_date("M")."</small></fsi-date>
-						<fsi-title><a href=\"".get_the_permalink()."\">".get_the_title()."</a></fsi-title>
-						".get_the_excerpt()."
-					</article>
-					";
+					<fsi-date>".get_the_date("d")."<small>".get_the_date("M")."</small></fsi-date>
+						<fsi-title><a href=\"".get_the_permalink()."\">".get_the_title()."</a></fsi-title>";
+					if (has_post_thumbnail())
+						echo "<a href='".get_the_post_thumbnail_url()."' rel='lightbox'><img src='".get_the_post_thumbnail_url()."' alt='".get_the_title()."' /></a>";
+					echo get_the_excerpt()."
+					</article>";
 				}
 			}
 
 			?>
+			<nav class="postNav">
+			<?php posts_nav_link(); ?>
+			</nav>
 			</fsi-tile>
 		</section>
 		<section class="col-md-3 col-lg-3">
@@ -27,7 +31,6 @@
 			</fsi-tile>
 		</section>
 	</section>
-
 </main>
 
 <?php get_footer(); ?>
\ No newline at end of file