Individual blog post styling

diff --git a/index.php b/index.php
index fa85f1b..b81da5f 100644 (file)
--- a/index.php
+++ b/index.php
@@ -11,7 +11,10 @@
             </div>
         </div>
     </div>
-<div class="row content">
+<div class="row">
+<div id="blog-posts-over" class="small-12 medium-9 columns">
+<?php if(have_posts()) : while(have_posts()): the_post();?>
+<div class="row content" id="blog-posts-container">
     <div class="small-11 small-centered columns">
         <div class="row">
             <div class="small-12 columns">
@@ -20,13 +23,61 @@
                 </ul>
             </div>
         </div>
-        <div class=" row">
+        <div class="row">
             <div class="small-12 columns">
-                <?php if(have_posts()) : while(have_posts()): the_post();?>
-                <?php the_content();?>
-                <?php endwhile; else:?>
-                <p><?php _e('Sorry, no posts yet');?></p>
-                <?php endif;?>
+                
+                <article id="<?php the_ID()?>" <?php post_class()?>>
+                    <header class="entry-header">
+
+                        <h2 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h2>
+                        <span class="meta"> Posted on <strong><?php the_time('F jS, Y'); ?></strong> </span>
+
+                        
+                    </header>
+                    
+                    <?php echo the_content(); ?>
+                    <hr>
+                </article>
             </div>
         </div>
-        <?php get_footer(); ?>
\ No newline at end of file
+    </div>
+</div>
+<?php endwhile; ?>
+<div class="navigation">
+<span class="newer"><?php previous_posts_link(__('« Newer','example')) ?></span> <span class="older"><?php next_posts_link(__('Older »','example')) ?></span>
+</div><!-- /.navigation -->
+<?php else: ?>
+<div id="post-404" class="noposts">
+    <p><?php _e('Sorry, no posts yet');?></p>
+</div><!-- /#post-404 -->
+<?php endif;?>
+</div>
+<div id="blog-side-info" class="alignright small-12 medium-3">
+    <p>Recent Posts</p>
+    <ul>
+    <?php
+            $args = array( 'numberposts' => '5' );
+            $recent_posts = wp_get_recent_posts( $args );
+            foreach( $recent_posts as $recent ){
+                    echo '<li><a href="' . get_permalink($recent["ID"]) . '">' .   $recent["post_title"].'</a> </li> ';
+            }
+    ?>
+    </ul>
+    <p>Archive</p>
+    <ul><?php wp_get_archives( array( 'type' => 'monthly', 'limit' => 12 ) ); ?></ul>
+    <p>Categories</p>
+    <ul>
+        <?php
+        $args = array(
+        'orderby' => 'name',
+        'order' => 'ASC'
+        );
+      $categories = get_categories($args);
+        foreach($categories as $category) { 
+          echo '<li><a href="' . get_category_link( $category->term_id ) . '" title="' . sprintf( __( "View all posts in %s" ), $category->name ) . '" ' . '>' . $category->name.'</a> </li> ';  } 
+        ?>
+    </ul>
+</div>
+</div>
+<?php get_footer(); ?>
+