index.php

<?php
/**
 * The main template file.
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.
 * Learn more: http://codex.wordpress.org/Template_Hierarchy
 *
 * @package Carr McClellan
 */

get_header(); ?>

<div id="primary" class="content-area page-default">
	<header class="page-header">
		<div class="span12 aligncenter">
			<h1 class="page-title"><?php the_title(); ?></h1>
		</div>
	</header>

	<main id="main" class="site-main span12 aligncenter" role="main">
		<section class="articles_wrap">
			<div class="articles">

				<?php if ( have_posts() ) : ?>
					<?php
					// $count = '';
					$color_class = 'odd';
					$place = 1;
					?>

					<?php while ( have_posts() ) : the_post(); ?>

						<article class="border-block top-right-bottom square blog-post <?php echo $color_class.' place'.$place; ?>">
							<h4 class="timestamp"><span class="month"><?php the_time('M. '); ?></span><span class="day-year"><?php the_time('d, Y'); ?></span></h4>
							<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
						</article>

						<?php
						if ( 'even' == $color_class ) {
							$color_class = 'odd';
						} else {
							$color_class = 'even';
						}

						if ( $place == 4 ) {
							$place = 1;
						} else {
							$place++;
						}
						?>

					<?php endwhile; ?>

					<?php carr_paging_nav(); ?>

				<?php else : ?>

					<article>
						<p>No posts found</p>
					</article>

				<?php endif; ?>
			</div>
		</section>
	</main><!-- #main -->
</div><!-- #primary -->

<?php get_footer(); ?>