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);
            }
            if (function_exists('dynamic_sidebar')) {
                dynamic_sidebar('mailing_list');
            }
            ?>
        </section>
        <!-- TECH SECTION -->
        <section class="st-article-section st-article-section-bottom">
            <?php
            $section_category = 'News';
            $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>

    <!-- FLAT HORIZONTAL SECTION HERE -->
    <section class="st-article-section st-article-section-wide">
        <?php
        $section_category = 'Cycling';
        $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 = 'Industry';
            $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);
            }
            if (function_exists('dynamic_sidebar')) {
                dynamic_sidebar('mailing_list');
            }
            ?>
        </section>

        <section class="st-article-section st-article-section-bottom">
            <?php
            $section_category = 'Running';
            $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 = 'Training';
        $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() ?>