slowtwitch-news/front-page.php

<?php get_header() ?>

<main class="st-main st-main-grid">
    <!-- LATEST SECTION -->
     <div class="st-article-section-topper"></div>
    <section class="st-article-section-grid">
        <section class="st-article-section st-article-section-highlight">
            <h2 class="st-article-section-title">Latest <a href="<?php echo home_url() . '/articles/'; ?>" class="st-article-section-category-link">></a></h2>
            <?php
                query_posts('showposts=1');
                if (have_posts()) : while (have_posts()) : the_post();
                    $category = get_the_category()[0];
                    $author = get_userdata( $post->post_author );
            ?>
            <article class="st-article-section-main-article">
                <a href="<?php the_permalink(); ?>" class="st-article-section-main-article__image-link">
                    <?php the_post_thumbnail(); ?>
                </a>
                <a href="<?php echo home_url($category->slug); ?>" class="st-article-section-main-article__category-link"><?php echo $category->name; ?></a>
                <a class="st-article-section-main-article__title" href="<?php the_permalink(); ?>">
                <h3><?php the_title(); ?></h3>
                </a>

                <p class="st-article-section-main-article__excerpt"><?php echo get_the_excerpt(); ?></p>
                <a href="<?php echo get_author_posts_url( $post->post_author ); ?>" class="st-article-section-main-article__author-link">by <?php echo $author->display_name; ?>, <?php the_time('F j, Y'); ?></a>
            </article>

            <?php
            endwhile;
            endif;

            wp_reset_postdata();
            wp_reset_query();

            $post_section_two_args = array(
                'showposts' => 5,
                'offset'      => 1,
                'orderby'     => 'post_date',
                'order'       => 'DESC',
                'post_type'   => 'post',
                'post_status' => 'publish'
            );
            query_posts($post_section_two_args);
            ?><div class="st-article-section-sub-article-stack"><?php
            if (have_posts()) : while (have_posts()) : the_post();
                    $category = get_the_category()[0];
                    $author = get_userdata( $post->post_author );
            ?>
            
            <article class="st-article-section-sub-article">
                <a href="<?php the_permalink(); ?>" class="st-article-section-sub-article__image-link">
                    <?php the_post_thumbnail(); ?>
                </a>
                <div class="st-article-section-sub-article__text-container">
                    <a href="<?php echo home_url($category->slug); ?>" class="st-article-section-sub-article__category-link"><?php echo $category->name; ?></a>
                    <a class="st-article-section-sub-article__title" href="<?php the_permalink(); ?>"><h3><?php the_title(); ?></h3></a>
                </div>
                </a>
            </article>
            <?php
                endwhile;
                endif; 
                wp_reset_postdata();
                wp_reset_query();
                ?>
            </div>
        </section>
        <section class="st-ad-section st-ad-section__top">
             <?php 
             if(function_exists('the_ad_group')){
                the_ad_group(146); 
                the_ad_group(147);
                the_ad_group(148);
             }
             ?>
        </section>
        <!-- TECH SECTION -->
        <section class="st-article-section st-article-section-bottom">
            <?php
            $section_category = 'Tech';
            $section_category_id = get_cat_ID( $section_category );
            ?>
            <h2 class="st-article-section-title"><?php echo $section_category; ?> <a href="<?php echo get_category_link( $section_category_id ); ?>" class="st-article-section-category-link">></a></h2>
            <?php
                $section_category = 'Tech';
                $post_section_three_featured_args = array(
                    'showposts' => 1,
                    'category_name' => $section_category,
                    'orderby'     => 'post_date',
                    'order'       => 'DESC',
                    'post_type'   => 'post',
                    'post_status' => 'publish'
                );
                query_posts($post_section_three_featured_args);
                if (have_posts()) : while (have_posts()) : the_post();
                    $category = get_the_category()[0];
                    $author = get_userdata( $post->post_author );
            ?>
            <article class="st-article-section-main-article">
                <a href="<?php the_permalink(); ?>" class="st-article-section-main-article__image-link">
                    <?php the_post_thumbnail(); ?>
                </a>
                <a href="<?php echo home_url($category->slug); ?>" class="st-article-section-main-article__category-link"><?php echo $category->name; ?></a>
                <a class="st-article-section-main-article__title" href="<?php the_permalink(); ?>">
                <h3><?php the_title(); ?></h3>
                </a>

                <p class="st-article-section-main-article__excerpt"><?php echo get_the_excerpt(); ?></p>
                <a href="<?php echo get_author_posts_url( $post->post_author ); ?>" class="st-article-section-main-article__author-link">by <?php echo $author->display_name; ?>, <?php the_time('F j, Y'); ?></a>
            </article>

            <?php
            endwhile;
            endif;

            wp_reset_postdata();
            wp_reset_query();

            $post_section_two_args = array(
                'showposts' => 5,
                'offset'      => 1,
                'category_name' => $section_category,
                'orderby'     => 'post_date',
                'order'       => 'DESC',
                'post_type'   => 'post',
                'post_status' => 'publish'
            );
            query_posts($post_section_two_args);
            ?><div class="st-article-section-sub-article-stack"><?php
            if (have_posts()) : while (have_posts()) : the_post();
                    $category = get_the_category()[0];
                    $author = get_userdata( $post->post_author );
            ?>
            <article class="st-article-section-sub-article">
                <a href="<?php the_permalink(); ?>" class="st-article-section-sub-article__image-link">
                    <?php the_post_thumbnail(); ?>
                </a>
                <div class="st-article-section-sub-article__text-container">
                    <a href="<?php echo home_url($category->slug); ?>" class="st-article-section-sub-article__category-link"><?php echo $category->name; ?></a>
                    <a class="st-article-section-sub-article__title" href="<?php the_permalink(); ?>"><h3><?php the_title(); ?></h3></a>
                </div>
                </a>
            </article>
            <?php
                endwhile;
                endif; 
                wp_reset_postdata(); 
                wp_reset_query();   
            ?>
            </div>
        </section>
    </section>

    <!-- FLAT HORIZONTAL SECTION HERE -->
    <section class="st-article-section st-article-section-wide">
        <?php
            $section_category = 'Gravel';
            $section_category_id = get_cat_ID( $section_category );
        ?>
        <h2 class="st-article-section-title"><?php echo $section_category; ?><a href="<?php echo get_category_link( $section_category_id ); ?>" class="st-article-section-category-link">></a></h2>
        <?php
            $post_section_three_featured_args = array(
                'showposts' => 4,
                'category_name' => $section_category,
                'orderby'     => 'post_date',
                'order'       => 'DESC',
                'post_type'   => 'post',
                'post_status' => 'publish'
            );
            query_posts( $post_section_three_featured_args );
            if (have_posts()) : while (have_posts()) : the_post();
                $category = get_the_category()[0];
        ?>
            <article class="st-article-section-wide-article">
                <a href="<?php the_permalink(); ?>" class="st-article-section-wide-article__image-link">
                    <?php the_post_thumbnail(); ?>
                </a>
                <div class="st-article-section-wide-article__text-container">
                    <a href="<?php echo home_url($category->slug); ?>" class="st-article-section-wide-article__category-link"><?php echo $category->name; ?></a>
                    <a class="st-article-section-wide-article__title" href="<?php the_permalink(); ?>"><h3><?php the_title(); ?></h3></a>
                    <p class="st-article-section-wide-article__excerpt"><?php the_excerpt(); ?></p>
                </div>
                </a>
            </article>
        <?php
            endwhile;
            endif;

            wp_reset_postdata();
            wp_reset_query();
        ?>
    </section>
    <section class="st-ad-section-long">
        <?php
            if(function_exists('the_ad_group')){
                the_ad_group(149); 
            }
        ?>
    </section>
    <!-- LATEST SECTION -->
    <section class="st-article-section-grid">
        <section class="st-article-section st-article-section-highlight">
            <?php
                $section_category = 'Lifestyle';
                $section_category_id = get_cat_ID( $section_category );
            ?>
            <h2 class="st-article-section-title"><?php echo $section_category; ?> <a href="<?php echo get_category_link( $section_category_id ); ?>" class="st-article-section-category-link">></a></h2>
            <?php
                $post_section_three_featured_args = array(
                    'showposts' => 1,
                    'category_name' => $section_category,
                    'orderby'     => 'post_date',
                    'order'       => 'DESC',
                    'post_type'   => 'post',
                    'post_status' => 'publish'
                );
                query_posts($post_section_three_featured_args);
                if (have_posts()) : while (have_posts()) : the_post();
                    $category = get_the_category()[0];
                    $author = get_userdata( $post->post_author );
            ?>
            <article class="st-article-section-main-article">
                <a href="<?php the_permalink(); ?>" class="st-article-section-main-article__image-link">
                    <?php the_post_thumbnail(); ?>
                </a>
                <a href="<?php echo home_url($category->slug); ?>" class="st-article-section-main-article__category-link"><?php echo $category->name; ?></a>
                <a class="st-article-section-main-article__title" href="<?php the_permalink(); ?>">
                <h3><?php the_title(); ?></h3>
                </a>

                <p class="st-article-section-main-article__excerpt"><?php echo get_the_excerpt(); ?></p>
                <a href="<?php echo get_author_posts_url( $post->post_author ); ?>" class="st-article-section-main-article__author-link">by <?php echo $author->display_name; ?>, <?php the_time('F j, Y'); ?></a>
            </article>

            <?php
            endwhile;
            endif;

            wp_reset_postdata();
            wp_reset_query();

            $post_section_two_args = array(
                'showposts' => 5,
                'offset'      => 1,
                'category_name' => $section_category,
                'orderby'     => 'post_date',
                'order'       => 'DESC',
                'post_type'   => 'post',
                'post_status' => 'publish'
            );
            query_posts($post_section_two_args);
            ?><div class="st-article-section-sub-article-stack"><?php
            if (have_posts()) : while (have_posts()) : the_post();
                    $category = get_the_category()[0];
                    $author = get_userdata( $post->post_author );
            ?>
            
            <article class="st-article-section-sub-article">
                <a href="<?php the_permalink(); ?>" class="st-article-section-sub-article__image-link">
                    <?php the_post_thumbnail(); ?>
                </a>
                <div class="st-article-section-sub-article__text-container">
                    <a href="<?php echo home_url($category->slug); ?>" class="st-article-section-sub-article__category-link"><?php echo $category->name; ?></a>
                    <a class="st-article-section-sub-article__title" href="<?php the_permalink(); ?>"><h3><?php the_title(); ?></h3></a>
                </div>
                </a>
            </article>
            <?php
                endwhile;
                endif; 
                wp_reset_postdata();
                wp_reset_query();
                ?>
            </div>
        </section>
        <section class="st-ad-section st-ad-section__top">
        <?php 
             if(function_exists('the_ad_group')){
                the_ad_group(146); 
                the_ad_group(147);
                the_ad_group(148);
             }
        ?>
        </section>
        
        <section class="st-article-section st-article-section-bottom">
            <?php 
                $section_category = 'Opinion';
                $section_category_id = get_cat_ID( $section_category );
            ?>
            <h2 class="st-article-section-title"><?php echo $section_category; ?> <a href="<?php echo get_category_link( $section_category_id ); ?>" class="st-article-section-category-link">></a></h2>
            <?php
                $post_section_three_featured_args = array(
                    'showposts' => 1,
                    'category_name' => $section_category,
                    'orderby'     => 'post_date',
                    'order'       => 'DESC',
                    'post_type'   => 'post',
                    'post_status' => 'publish'
                );
                query_posts($post_section_three_featured_args);
                if (have_posts()) : while (have_posts()) : the_post();
                    $category = get_the_category()[0];
                    $author = get_userdata( $post->post_author );
            ?>
            <article class="st-article-section-main-article">
                <a href="<?php the_permalink(); ?>" class="st-article-section-main-article__image-link">
                    <?php the_post_thumbnail(); ?>
                </a>
                <a href="<?php echo home_url($category->slug); ?>" class="st-article-section-main-article__category-link"><?php echo $category->name; ?></a>
                <a class="st-article-section-main-article__title" href="<?php the_permalink(); ?>">
                <h3><?php the_title(); ?></h3>
                </a>

                <p class="st-article-section-main-article__excerpt"><?php echo get_the_excerpt(); ?></p>
                <a href="<?php echo get_author_posts_url( $post->post_author ); ?>" class="st-article-section-main-article__author-link">by <?php echo $author->display_name; ?>, <?php the_time('F j, Y'); ?></a>
            </article>

            <?php
            endwhile;
            endif;

            wp_reset_postdata();
            wp_reset_query();

            $post_section_two_args = array(
                'showposts' => 5,
                'offset'      => 1,
                'category_name' => $section_category,
                'orderby'     => 'post_date',
                'order'       => 'DESC',
                'post_type'   => 'post',
                'post_status' => 'publish'
            );
            query_posts($post_section_two_args);
            ?><div class="st-article-section-sub-article-stack"><?php
            if (have_posts()) : while (have_posts()) : the_post();
                    $category = get_the_category()[0];
                    $author = get_userdata( $post->post_author );
            ?>
            <article class="st-article-section-sub-article">
                <a href="<?php the_permalink(); ?>" class="st-article-section-sub-article__image-link">
                    <?php the_post_thumbnail(); ?>
                </a>
                <div class="st-article-section-sub-article__text-container">
                    <a href="<?php echo home_url($category->slug); ?>" class="st-article-section-sub-article__category-link"><?php echo $category->name; ?></a>
                    <a class="st-article-section-sub-article__title" href="<?php the_permalink(); ?>"><h3><?php the_title(); ?></h3></a>
                </div>
                </a>
            </article>
            <?php
                endwhile;
                endif; 
                wp_reset_postdata();
                wp_reset_query();
                ?>
            </div>
        </section>
        <section class="st-newsletter-signup">
            <!-- MORE STUFF HERE -->
        </section>
    </section>
    <!-- FLAT HORIZONTAL SECTION HERE -->
    <section class="st-article-section st-article-section-wide">
        <?php
            $section_category = 'Race Reports';
            $section_category_id = get_cat_ID( $section_category );
        ?>
        <h2 class="st-article-section-title"><?php echo $section_category; ?> <a href="<?php echo get_category_link( $section_category_id ); ?>" class="st-article-section-category-link">></a></h2>
        <?php
            $post_section_three_featured_args = array(
                'showposts' => 4,
                'category_name' => $section_category,
                'orderby'     => 'post_date',
                'order'       => 'DESC',
                'post_type'   => 'post',
                'post_status' => 'publish'
            );
            query_posts($post_section_three_featured_args);
            if (have_posts()) : while (have_posts()) : the_post();
                $category = get_the_category()[0];
                $author = get_userdata( $post->post_author );
        ?>
            <article class="st-article-section-wide-article">
                <a href="<?php the_permalink(); ?>" class="st-article-section-wide-article__image-link">
                    <?php the_post_thumbnail(); ?>
                </a>
                <div class="st-article-section-wide-article__text-container">
                    <a href="<?php echo home_url($category->slug); ?>" class="st-article-section-wide-article__category-link"><?php echo $category->name; ?></a>
                    <a class="st-article-section-wide-article__title" href="<?php the_permalink(); ?>"><h3><?php the_title(); ?></h3></a>
                    <p class="st-article-section-wide-article__excerpt"><?php the_excerpt(); ?></p>
                </div>
                </a>
            </article>
        <?php
            endwhile;
            endif;

            wp_reset_postdata();
            wp_reset_query();
        ?>
    </section>
</main>

<?php get_footer() ?>