devportfolio/archive.php at master · matthummeldev/devportfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<?php /* Template Name: Archives */ ?>

<?php get_header(); ?>

	<section class="bg-white entry-content dark:bg-gray-900">
			<div class="max-w-screen-xl px-4 py-8 mx-auto lg:py-16 lg:px-6">
				<div class="max-w-screen-lg mx-auto mb-8 lg:mb-16">


<div class="grid gap-8 sm:grid-cols-1 lg:grid-cols-1">

<?php
$lastposts = get_posts( array(

    'cat' => get_query_var('cat'),
    'post_status' => 'publish',
    'orderby' => 'publish_date',
    'order' => 'DESC'

  ) );

if ( $lastposts ) {
    foreach ( $lastposts as $post ) :
setup_postdata( $post ); ?>

<article class="bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700">

<div class="p-10">
          <header class="mb-4 entry-header">

          <?php the_title( sprintf( '<h2 class="my-6 text-3xl font-bold tracking-tight text-gradient hover:bg-gray-900 dark:text-white"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); ?>

          </header>

          <hr class="mb-4"/>

          <div class="mb-4 dark:text-white ">

          <span class="mb-4 text-sm"><?php echo 'Posted ', human_time_diff(get_the_time('U'), current_time('timestamp')) . ' ago in: '; ?></span>
                            <?php

                                $output = '';
                                $categories = get_the_category();
                                if ($categories){

                                    foreach($categories as $category) {
                                        $output .= '<span class="px-3 py-2 mr-2 text-sm font-small leading-[3em] text-white bg-indigo-500 rounded-full dark:bg-gray-700mb-4" style="width: max-content"><a href="' . esc_attr( esc_url( get_category_link( $category->term_id ) ) ) . '">' . $category->name . '</a></span>';
                                    }

                                echo trim($output);
                                }
                            ?>


                    </div>

                    <hr/>

                <p class="mt-4 mb-4 font-light text-gray-500 dark:text-gray-400"><?php the_excerpt(); ?></p>

                    <div class="mt-10 mb-8">
                        <a href="<?php echo get_the_permalink(); ?>" class="primary-button">Read Post</a>
                    </div>
                            </div>
                 </article>

                                    <?php

                                        endforeach;

                                        wp_reset_postdata();

                                    }

                                    ?>
                            </div>


				</div>
			</div>
	</section>

<?php
get_footer();