<?php global $theme_option; ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
	<div class="blog-post" data-scroll-reveal="enter bottom move 100px over 0.5s after 0.1s">
		<?php if ( has_post_thumbnail() ) { ?>
		<div class="item">
			<a href="<?php the_permalink(); ?>">
				<?php the_post_thumbnail('',array('class'=>'img-responsive')); ?>
			</a>
		</div>
		<?php } ?>
		<div class="blog-text-wrap">
			<?php echo get_avatar( get_the_author_meta( 'ID' ), 70 ); ?>
			<div class="blog-text-name"><?php the_author_posts_link(); ?></div>
			<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
			<div class="meta-data">
				<ul>					
					<li><i class="fa fa-calendar-o" aria-hidden="true"></i> <a href="<?php the_permalink(); ?>"><?php the_date(get_option( 'date_format' )); ?></a></li>
					<li><i class="fa fa-folder-open-o" aria-hidden="true"></i> <?php the_category( ', ' ); ?></li>
					<li><i class="fa fa-comments-o" aria-hidden="true"></i> <?php comments_popup_link( __( 'No comments yet', 'ananke'), __( '1 comment', 'ananke'), __( '% comments', 'ananke'), 'comments-link', __( 'Comments are off for this post', 'ananke') ); ?></li>
				</ul>				
			</div>
			<p><?php echo ananke_blog_excerpt($theme_option['blog_excerpt']); ?>
				<a href="<?php the_permalink(); ?>">
					<span>
					<?php if($theme_option['read_more']) { echo esc_attr($theme_option['read_more']); }else{ echo '<i class="fa fa-long-arrow-right"></i>'; }?>
					</span>
				</a>
			</p>
		</div>
	</div>
</article>