<?php get_header(); ?>
<?php $blogimage = get_option('ombre_blogimage'); ?>
<?php if (empty($blogimage)) { ?>
<div id="page-title">
    <h1>
        <span>
        <?php
        if ( is_home() && ! is_front_page() ) {
            single_post_title();
        } else { 
            esc_html_e( 'Blog', 'ombre' ); 
        } 
        ?>
        </span>
    </h1>
</div>
<?php } else { ?>
<div id="featured-image-container">
    <!-- LOADER -->
    <div class="img-loading"></div>
    <div id="featured-image" data-img="<?php echo esc_url($blogimage); ?>">
        <div id="featured-image-title">
            <h1>
            <?php
            if ( is_home() && ! is_front_page() ) {
                single_post_title();
            } else { 
                esc_html_e( 'Blog', 'ombre' ); 
            } 
            ?>
            </h1>
        </div>
    </div>
</div>
<?php } ?>
<div id="page-container">
    <div class="grid">
        <div class="unit <?php if ( is_active_sidebar( 'ombremainsidebar' ) ) { ?>two-thirds<?php } else { ?>whole<?php } ?>">
            <?php while(have_posts()) : the_post(); ?>
            <?php get_template_part( 'templates/post', 'template'); ?>
            <?php endwhile; ?>
            <?php if ( (get_next_posts_link()) || (get_previous_posts_link())) : ?>
            <?php ombre_pagination(); ?>
            <?php endif; ?>
        </div>
        <?php if ( is_active_sidebar( 'ombremainsidebar' ) ) { ?>
        <aside class="unit one-third">
            <?php dynamic_sidebar( 'ombremainsidebar' ); ?>
        </aside>
        <?php } ?>
    </div>
</div>
<?php get_footer(); ?>