<?php get_header(); ?>
<?php $blogimage = get_option('ombre_blogimage'); ?>
<?php if (empty($blogimage)) { ?>
<div id="page-title">
    <h1>
        <span>
            <?php the_archive_title( '', '' ); ?>
        </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 the_archive_title( '', '' ); ?>
            </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($wp_query->have_posts()) : $wp_query->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(); ?>