From 4d217b25bf92b36f7712e8878dae365d61db6dae Mon Sep 17 00:00:00 2001
From: Ross Trottier <ross@federated.computer>
Date: Tue, 2 Jul 2024 16:01:34 -0600
Subject: [PATCH] archive and search

---
 archive.php    | 38 +++++++++++++++++++++++++++++
 front-page.php |  1 -
 functions.php  | 20 +++++++++++++++
 header.php     |  2 +-
 search.php     | 37 ++++++++++++++++++++++++++++
 style.css      | 66 ++++++++++++++++++++++++++++++++++++++++++++++++--
 6 files changed, 160 insertions(+), 4 deletions(-)
 create mode 100644 archive.php
 create mode 100644 search.php

diff --git a/archive.php b/archive.php
new file mode 100644
index 0000000..2b889f1
--- /dev/null
+++ b/archive.php
@@ -0,0 +1,38 @@
+<?php get_header() ?>
+
+<div class="st-main-grid">
+    <div class="st-article-archives">
+        <?php
+        $count = $wp_the_query->post_count;
+        custom_breadcrumbs();
+        if (have_posts()) {
+            while (have_posts()) {
+                the_post(); 
+                $category = get_the_category()[0];
+                $count++;
+                ?>
+                <article class="st-article-archive-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
+            }
+        }
+        
+        wp_reset_postdata();
+        ?>
+    </div>
+    <?php list_pagination($count); ?>
+</div>
+
+<?php get_footer() ?>
\ No newline at end of file
diff --git a/front-page.php b/front-page.php
index 5ddd44c..0f82e46 100644
--- a/front-page.php
+++ b/front-page.php
@@ -167,7 +167,6 @@
             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">
diff --git a/functions.php b/functions.php
index 804b90e..aff0d1b 100644
--- a/functions.php
+++ b/functions.php
@@ -270,4 +270,24 @@ function custom_breadcrumbs() {
            
     }
        
+}
+
+//paginate
+
+function list_pagination($count)
+{
+    global $wp_query;
+    $big = 99999999;
+    $paged = paginate_links(array(
+        'base'      => str_replace($big, '%#%', get_pagenum_link($big)),
+        'format'    => '?paged=%#%',
+        'current'  => max(1, get_query_var('paged')),
+        'mid_size'  => 0,
+        'prev_next' => true,
+        'prev_text' => __('<span class="st-nav-arrow"><</span>'),
+        'next_text' => __('<span class="st-nav-arrow">></span>'),
+        'type'      => 'list',
+        'total'     => $wp_query->max_num_pages
+    ));
+    echo $paged;
 }
\ No newline at end of file
diff --git a/header.php b/header.php
index f78a1b2..d1d4a98 100644
--- a/header.php
+++ b/header.php
@@ -36,7 +36,7 @@
             <button class="st-nav-btn st-open-nav" aria-label="Open Navigation"><i class="fa fa-bars"></i></button>
         </div>
 
-        <h1 class="st-site-title">Slowtwitch</h1>
+        <a href="<?php echo home_url() ?>" class="st-site-title-link"><h1 class="st-site-title">Slowtwitch</h1></a>
 
         <nav class="st-nav st-main-grid">
             <button class="st-nav-btn st-close-nav" aria-label="Close Navigation">&times;</button>
diff --git a/search.php b/search.php
new file mode 100644
index 0000000..98182c9
--- /dev/null
+++ b/search.php
@@ -0,0 +1,37 @@
+<?php get_header() ?>
+
+<div class="st-main-grid">
+    <div class="st-article-archives">
+        <?php
+        $count = $wp_the_query->post_count;
+        if (have_posts()) {
+            while (have_posts()) {
+                the_post(); 
+                $category = get_the_category()[0];
+                $count++;
+                ?>
+                <article class="st-article-archive-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
+            }
+        }
+        
+        wp_reset_postdata();
+        ?>
+    </div>
+    <?php list_pagination($count); ?>
+</div>
+
+<?php get_footer() ?>
\ No newline at end of file
diff --git a/style.css b/style.css
index a246a9b..ecdc864 100644
--- a/style.css
+++ b/style.css
@@ -47,6 +47,10 @@ h1 {
     transform-origin: top left;
 }
 
+.st-site-title-link {
+    text-decoration: none;
+}
+
 .st-title-scrolled {
     transform: scale(0,0);
 }
@@ -939,11 +943,17 @@ COMPONENTS
 }
 
 @media (min-width: 760px) {
-    .st-article-section-four-oh-four {
+    .st-article-section-four-oh-four,
+    .st-article-archives {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 1em;
     }
+
+    .st-article-archives .breadcrumbs,
+    .st-article-archives .pagination {
+        grid-column: 1/span 2;
+    }
 }
 
 @media (min-width: 1200px) {
@@ -951,7 +961,59 @@ COMPONENTS
         font-size: 4rem;
     }
 
-    .st-article-section-four-oh-four {
+    .st-article-section-four-oh-four,
+    .st-article-archives {
         grid-template-columns: repeat(4, 1fr);
     }
+
+    .st-article-archives .breadcrumbs,
+    .st-article-archives .pagination {
+        grid-column: 1/span 4;
+    }
+}
+
+/* Pagination */
+
+ul.page-numbers {
+    list-style: none;
+    margin: 0;
+    margin-bottom: .75em;
+    padding: 0;
+    display: flex;
+    justify-content: space-between;
+}
+
+.page-numbers li {
+    min-width: 40px;
+    display: flex;
+    justify-content: center;
+    background-color: #0b4fa0;
+}
+
+.page-numbers a {
+    text-decoration: none;
+    margin: 0;
+}
+
+.page-numbers a,
+.page-numbers .dots,
+.page-numbers .current {
+    padding: .25em .4em;
+    background-color: #0b4fa0;
+}
+
+.page-numbers .dots,
+.page-numbers .current,
+.st-nav-arrow,
+a.page-numbers,
+.page-numbers a:visited {
+    color: #fff;
+}
+
+@media (min-width: 760px) {
+    ul.page-numbers {
+        justify-content: center;
+        gap: 1em;
+        margin: 1em 0;
+    }
 }
\ No newline at end of file