plugins.jquery.com: Use content-listing template on index page; move version and release date to entry-meta.

Author: scottgonzalez

themes/plugins.jquery.com/content-listing.php

@@ -1,15 +1,15 @@
 <article class="hentry clearfix">
 	<header class="entry-header">
+		<div class="entry-meta">
+			Version <?php $latest = get_post_meta( $post->ID, 'latest' ); echo $latest[0]; ?><br>
+			Released <?php echo human_time_diff( get_the_time('U'), current_time('timestamp') ) . ' ago'; ?>
+		</div>
 		<h2 class="entry-title">
 			<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
 		</h2>
 	</header>
 	<div class="entry-summary row collapse">
 		<div class="eight columns">
-			<p class="info">
-				Version <?php $latest = get_post_meta( $post->ID, 'latest' ); echo $latest[0]; ?> -
-				Released <?php echo human_time_diff( get_the_time('U'), current_time('timestamp') ) . ' ago.'; ?>
-			</p>
 			<?php the_excerpt(); ?>
 		</div>
 		<div class="four columns">

themes/plugins.jquery.com/index.php

@@ -24,26 +24,9 @@
 				'order' => 'DESC'
 			));
 			while ( $new_plugins->have_posts() ) : $new_plugins->the_post();
+				get_template_part( 'content', 'listing' );
+			endwhile; wp_reset_postdata();
 			?>
-				<article class="hentry clearfix">
-					<header class="entry-header">
-						<div class="entry-meta">
-							Updated <?php the_date(); ?>
-						</div>
-						<h3 class="entry-title">
-							<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
-						</h3>
-					</head>
-					<div class="entry-summary row">
-						<div class="eight columns">
-							<?php the_excerpt(); ?>
-						</div>
-						<div class="four columns">
-							<a class="button" href="<?php the_permalink(); ?>">View Plugin</a>
-						</div>
-					</div>
-				</article>
-			<?php endwhile; wp_reset_postdata(); ?>
 		</div>
 
 		<div class="three columns">

themes/plugins.jquery.com/style.css

@@ -20,6 +20,9 @@ a {
 	padding-bottom: 8px;
 }
 
+.entry-meta {
+	text-align: right;
+}
 /*----------[ Notifications ]-----------------------------------------------*/
 
 .notify {