From a50dbca257068fa7bfbb96e69e2270bece7a77db Mon Sep 17 00:00:00 2001
From: Ross Trottier <ross@federated.computer>
Date: Fri, 19 Jul 2024 13:53:03 -0600
Subject: [PATCH] featured article on archive pages

---
 archive.php | 24 ++++++++++++++++++++++++
 style.css   | 21 +++++++++++++++++++++
 2 files changed, 45 insertions(+)

diff --git a/archive.php b/archive.php
index 2b889f1..1a8f1c3 100644
--- a/archive.php
+++ b/archive.php
@@ -4,12 +4,34 @@
     <div class="st-article-archives">
         <?php
         $count = $wp_the_query->post_count;
+        $article_number = 0;
         custom_breadcrumbs();
         if (have_posts()) {
             while (have_posts()) {
                 the_post(); 
                 $category = get_the_category()[0];
                 $count++;
+                $article_number++;
+                if ($article_number == 1) {
+                    $author = get_userdata( $post->post_author );
+                ?>
+                <article class="st-article-archive-article st-article-archive-article-featured">
+                    <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>
+                        <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>
+                    </div>
+                    </a>
+                </article>
+                <?php
+                } else {
                 ?>
                 <article class="st-article-archive-article">
                     <a href="<?php the_permalink(); ?>" class="st-article-section-wide-article__image-link">
@@ -26,11 +48,13 @@
                     </a>
                 </article>
                 <?php
+                }
             }
         }
         
         wp_reset_postdata();
         ?>
+        <!-- HERE IS WHERE THE AD WILL GO -->
     </div>
     <?php list_pagination($count); ?>
 </div>
diff --git a/style.css b/style.css
index ecdc864..fd3e4cb 100644
--- a/style.css
+++ b/style.css
@@ -942,6 +942,10 @@ COMPONENTS
     font-size: 1.5rem;
 }
 
+.st-article-archive-article-featured .st-article-section-main-article__author-link {
+    display: none;
+}
+
 @media (min-width: 760px) {
     .st-article-section-four-oh-four,
     .st-article-archives {
@@ -954,6 +958,19 @@ COMPONENTS
     .st-article-archives .pagination {
         grid-column: 1/span 2;
     }
+
+    .st-article-archive-article-featured {
+        grid-column: 1/span 2;
+        grid-row: 2/span 2;
+    }
+
+    .st-article-archive-article-featured img {
+        width: 100%;
+    }
+
+    .st-article-archive-article-featured .st-article-section-main-article__author-link {
+        display: initial;
+    }
 }
 
 @media (min-width: 1200px) {
@@ -970,6 +987,10 @@ COMPONENTS
     .st-article-archives .pagination {
         grid-column: 1/span 4;
     }
+
+    .st-article-archive-article-featured img {
+        height: 73.25%;
+    }
 }
 
 /* Pagination */