From f52737e7cf7f0ecbd4217528404a7b67d58e7c12 Mon Sep 17 00:00:00 2001
From: Ross Trottier <ross@federated.computer>
Date: Tue, 4 Jun 2024 15:37:08 -0600
Subject: [PATCH] first draft complete

---
 404.php     | 47 +++++++++++++++++++++++++++++++++++++++++++++++
 archive.php | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 header.php  |  2 +-
 page.php    | 25 +++++++++++++++++++++++++
 search.php  | 45 +++++++++++++++++++++++++++++++++++++++++++++
 style.css   | 44 +++++++++++++++++++++++++++++++++++++++++++-
 6 files changed, 207 insertions(+), 2 deletions(-)

diff --git a/404.php b/404.php
index e69de29..55c0112 100644
--- a/404.php
+++ b/404.php
@@ -0,0 +1,47 @@
+<?php get_header() ?>
+
+<div class="container">
+    <div class="column two-thirds">
+        <h1>Oops, this page doesn't exist.</h1>
+        <p>Check out some of our articles below.</p>
+        <?php
+        $post_section_two_args = array(
+            'showposts' => 10,
+            'offset'      => 0,
+            'orderby'     => 'post_date',
+            'order'       => 'DESC',
+            'post_type'   => 'post',
+            'post_status' => 'publish'
+        );
+        query_posts($post_section_two_args);
+        ?>
+        <div style="text-align: center;" class="four-o-four-post-grid">
+            <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
+                    <?php
+                    $category = get_the_category()[0];
+                    ?>
+                    <div class="four-o-four-post-grid-card">
+                        <a href="<?php the_permalink(); ?>">
+                            <img src="<?php the_post_thumbnail_url(); ?>">
+                        </a>
+                        <a href="<?php echo home_url($category->slug) ?>">
+                            <p><?php echo $category->name; ?></p>
+                        </a>
+                        <a style="text-decoration: none; color: black;" href="<?php the_permalink(); ?>">
+                            <h6><?php the_title(); ?></h6>
+                        </a>
+                    </div>
+            <?php
+                endwhile;
+                wp_reset_postdata();
+            endif;
+            ?>
+        </div>
+
+    </div>
+    <div class="column one-third">
+        <img class="article-sidebar-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/vertical-ad-mock.jpg" alt="">
+        <?php dynamic_sidebar('slowtwitch-front-page'); ?>
+    </div>
+</div>
+<?php get_footer() ?>
\ No newline at end of file
diff --git a/archive.php b/archive.php
index e69de29..2930fed 100644
--- a/archive.php
+++ b/archive.php
@@ -0,0 +1,46 @@
+<?php get_header() ?>
+
+<div class="container">
+    <div class="column two-thirds">
+        <?php
+        custom_breadcrumbs();
+        $post_count = 1;
+        $total_posts = $wp_query->post_count;
+        if (have_posts()) {
+            while (have_posts()) {
+                the_post();
+        ?>
+        
+                <div class="archive-article-card">
+                <a style="display: contents;" href="<?php the_permalink( ) ?>">
+                    <?php the_post_thumbnail('thumbnail'); ?>
+                    <div class="archive-article-text-block">
+                        <h4 class="archive-article-title"> <?php the_title(); ?> </h4>
+                        <div class="archive-article-author-box">
+                            <?php the_author() ?>
+                            <?php the_date() ?>
+                        </div>
+                        <?php the_excerpt() ?>
+                    </div>
+                </a>
+                </div>
+                <?php
+                if($post_count < $total_posts) {
+                   ?> <hr class="slowtwitch-divider"> <?php
+                }
+                ?>
+        <?php
+            $post_count++;
+            }
+        }
+        the_posts_pagination();
+        wp_reset_postdata();
+        ?>
+    </div>
+    <div class="column one-third archive-category-list">
+    <img class="article-sidebar-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/vertical-ad-mock.jpg" alt="">
+                <?php dynamic_sidebar('slowtwitch-front-page'); ?>
+    </div>
+</div>
+
+<?php get_footer() ?>
\ No newline at end of file
diff --git a/header.php b/header.php
index 0b2947f..a541794 100644
--- a/header.php
+++ b/header.php
@@ -51,7 +51,7 @@
                         <a style="display: contents;" class="slowtwitch-logo-social" href="https://www.youtube.com/slowtwitch">
                             <img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/youtube.svg" alt="youtube logo">
                         </a>
-                        <form method="get" action="">
+                        <form method="get" action="/">
                             <div class="searchBarContainer">
                                 <input type="text" class="searchBox" name="s" id="s" placeholder="Search" />
                                 <button class="btn-search">
diff --git a/page.php b/page.php
index e69de29..616a977 100644
--- a/page.php
+++ b/page.php
@@ -0,0 +1,25 @@
+<?php get_header() ?>
+
+<div class="container">
+    <?php
+    if (have_posts()) {
+        while (have_posts()) {
+            the_post();
+            $post_id = get_the_ID();
+    ?>
+    <div class="column two-thirds">
+        <h1 class="article-title"> <?php the_title(); ?> </h1>
+    <?php 
+        the_content();
+        }
+    }
+    wp_reset_postdata();
+        ?>
+            </div>
+            <div class="column one-third">
+                <img class="article-sidebar-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/vertical-ad-mock.jpg" alt="">
+                <?php dynamic_sidebar('slowtwitch-front-page'); ?>
+            </div>
+</div>
+
+<?php get_footer() ?>
\ No newline at end of file
diff --git a/search.php b/search.php
index e69de29..96433b8 100644
--- a/search.php
+++ b/search.php
@@ -0,0 +1,45 @@
+<?php get_header() ?>
+
+<div class="container">
+    <div class="column two-thirds search-results-container">
+        <?php
+        $post_count = 1;
+        $total_posts = $wp_query->post_count;
+        if (have_posts()) {
+            while (have_posts()) {
+                the_post();
+        ?>
+        
+                <div class="archive-article-card">
+                <a style="display: contents;" href="<?php the_permalink( ) ?>">
+                    <?php the_post_thumbnail('thumbnail'); ?>
+                    <div class="archive-article-text-block">
+                        <h4 class="archive-article-title"> <?php the_title(); ?> </h4>
+                        <div class="archive-article-author-box">
+                            <?php the_author() ?>
+                            <?php the_date() ?>
+                        </div>
+                        <?php the_excerpt() ?>
+                    </div>
+                </a>
+                </div>
+                <?php
+                if($post_count < $total_posts) {
+                   ?> <hr class="slowtwitch-divider"> <?php
+                }
+                ?>
+        <?php
+            $post_count++;
+            }
+        }
+        the_posts_pagination();
+        wp_reset_postdata();
+        ?>
+    </div>
+    <div class="column one-third archive-category-list">
+    <img class="article-sidebar-ad" src="/wp-content/themes/slowtwitch-wp/assets/images/vertical-ad-mock.jpg" alt="">
+                <?php dynamic_sidebar('slowtwitch-front-page'); ?>
+    </div>
+</div>
+
+<?php get_footer() ?>
\ No newline at end of file
diff --git a/style.css b/style.css
index ec879a3..16b1edf 100644
--- a/style.css
+++ b/style.css
@@ -462,6 +462,7 @@ nav {
 
 .article-title {
     font-weight: 400;
+    margin-top: 0;
 }
 
 .img-responsive {
@@ -508,10 +509,17 @@ nav {
     text-align: center;
 }
 
+@media screen and (max-width: 550px) {
+   .img-responsive{
+        width: 100%;
+   }
+}
+
 /* BREADCRUMBS */
 #breadcrumbs{
     list-style:none;
-    margin:30px 0;
+    margin-top:30px;
+    margin-bottom: 0;
     overflow:hidden;
 }
   
@@ -525,4 +533,38 @@ nav {
     font-size:18px;
     font-weight:100;
     color:#ccc;
+}
+
+/* archives */
+
+.archive-article-card {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.archive-article-card img {
+    margin-right: 10px;
+}
+
+.archive-article-text-block {
+    color: black;
+}
+
+.pagination {
+    text-align: right;
+}
+
+.pagination .nav-links {
+    background-color: #fff;
+    font-size: 20px;
+}
+
+.search-results-container {
+    margin-top: 20px;
+}
+
+.four-o-four-post-grid {
+    display: flex;
+    flex-wrap: wrap;
 }
\ No newline at end of file