From 7feacffd5eb2f3944dcc3633f696a0785dc75101 Mon Sep 17 00:00:00 2001
From: Nataliia Bobrova <nataliia.bobrova@telos.digital>
Date: Fri, 4 Apr 2025 11:20:11 +0000
Subject: [PATCH] update posts page styling [index.php]

---
 index.php | 147 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 147 insertions(+)
 create mode 100644 index.php

diff --git a/index.php b/index.php
new file mode 100644
index 0000000..7bbdd9a
--- /dev/null
+++ b/index.php
@@ -0,0 +1,147 @@
+<?php
+
+/**
+ * The main template file
+ *
+ * This is the most generic template file in a WordPress theme
+ * and one of the two required files for a theme (the other being style.css).
+ * It is used to display a page when nothing more specific matches a query.
+ * E.g., it puts together the home page when no home.php file exists.
+ *
+ * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
+ *
+ * @package Bootscore
+ * @version 6.1.1
+ */
+
+// Exit if accessed directly
+defined('ABSPATH') || exit;
+
+get_header();
+?>
+  <div id="content" class="site-content">
+      <div id="primary" class="content-area">
+
+        <?php do_action('bootscore_after_primary_open', 'index'); ?>
+
+        <main id="main" class="site-main">
+
+            <!-- Header -->
+            <?php 
+            $page_for_posts = get_option( 'page_for_posts' ); 
+            $thumb = wp_get_attachment_image_src(get_post_thumbnail_id($page_for_posts), 'full'); 
+            ?>
+
+            <div class="entry-header <?= apply_filters('bootscore/class/featured-full-width-img', 'featured-full-width-img bg-dark text-light mb-5', 'page-full-width-image'); ?>" style="background-image: url('<?= $thumb['0']; ?>')">
+                <div class="<?= apply_filters('bootscore/class/container', 'container', 'page-full-width-image'); ?> <?= apply_filters('bootscore/class/featured-full-width-img/container', 'h-100 d-flex align-items-end pb-3', 'page-full-width-image'); ?>">
+                    <div class="<?= apply_filters('bootscore/class/full-width-img-title-wrapper', 'full-width-img-title-wrapper', 'page-full-width-image'); ?>">
+                    <?php do_action( 'bootscore_before_title', 'page-full-width-image' ); ?>
+                    <?php the_title('<h1 class="entry-title ' . apply_filters('bootscore/class/entry/title', '', 'page-full-width-image') . '">', '</h1>'); ?>
+                    <?php do_action( 'bootscore_after_title', 'page-full-width-image' ); ?>
+                    </div>
+                </div>
+            </div>
+
+          <div class="container">
+            <!-- Post List -->
+            <div class="row">
+                <div class="col">
+
+                    <?php do_action( 'bootscore_before_loop', 'index' ); ?>
+
+                    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
+
+                    <?php do_action( 'bootscore_before_loop_item', 'index' ); ?>
+
+                    <article id="post-<?php the_ID(); ?>" <?php post_class( apply_filters('bootscore/class/loop/card', 'card horizontal mb-4', 'index') ); ?>>
+
+                        <div class="<?= apply_filters('bootscore/class/loop/card/row', 'row g-0', 'index'); ?>">
+
+                        <?php if (has_post_thumbnail()) : ?>
+                            <div class="<?= apply_filters('bootscore/class/loop/card/image/col', 'col-lg-6 col-xl-5 col-xxl-4', 'index'); ?>">
+                            <a href="<?php the_permalink(); ?>">
+                                <?php the_post_thumbnail('medium', array('class' => apply_filters('bootscore/class/loop/card/image', 'card-img-lg-start', 'index'))); ?>
+                            </a>
+                            </div>
+                        <?php endif; ?>
+
+                        <div class="<?= apply_filters('bootscore/class/loop/card/content/col', 'col', 'index'); ?>">
+                            <div class="<?= apply_filters('bootscore/class/loop/card/body', 'card-body', 'index'); ?>">
+                            
+                            <div class="d-flex justify-content-between gap-3">
+
+                                <?php if (apply_filters('bootscore/loop/category', true, 'index')) : ?>
+                                <?php bootscore_category_badge(); ?>
+                                <?php endif; ?>
+
+                                <?php if (is_sticky() ) { ?>
+                                <p class="sticky-badge"><span class="badge text-bg-danger"><?= apply_filters('bootscore/icon/star', '<i class="fa-solid fa-star"></i>'); ?></span></p>
+                                <?php } ?>
+                                
+                            </div>
+                            
+                            <?php do_action('bootscore_before_loop_title', 'index'); ?>
+
+                            <a class="text-body text-decoration-none" href="<?php the_permalink(); ?>">
+                                <?php the_title('<h2 class="' . apply_filters('bootscore/class/loop/card/title', 'blog-post-title h5', 'index') . '">', '</h2>'); ?>
+                            </a>
+
+                            <?php if (apply_filters('bootscore/loop/meta', true, 'index')) : ?>
+                                <?php if ('post' === get_post_type()) : ?>
+                                <p class="meta small mb-2 text-body-secondary">
+                                    <?php
+                                    bootscore_date();
+                                    bootscore_author();
+                                    bootscore_comments();
+                                    bootscore_edit();
+                                    ?>
+                                </p>
+                                <?php endif; ?>
+                            <?php endif; ?>
+
+                            <?php if (apply_filters('bootscore/loop/excerpt', true, 'index')) : ?>
+                                <p class="<?= apply_filters('bootscore/class/loop/card-text/excerpt', 'card-text', 'index'); ?>">
+                                <a class="text-body text-decoration-none" href="<?php the_permalink(); ?>">
+                                    <?= strip_tags(get_the_excerpt()); ?>
+                                </a>
+                                </p>
+                            <?php endif; ?>
+
+                            <?php if (apply_filters('bootscore/loop/read-more', true, 'index')) : ?>
+                                <p class="<?= apply_filters('bootscore/class/loop/card-text/read-more', 'card-text', 'index'); ?>">
+                                <a class="<?= apply_filters('bootscore/class/loop/read-more', 'read-more', 'index'); ?>" href="<?php the_permalink(); ?>">
+                                    <?= apply_filters('bootscore/loop/read-more/text', __('Read more »', 'bootscore', 'index')); ?>
+                                </a>
+                                </p>
+                            <?php endif; ?>
+
+                            <?php if (apply_filters('bootscore/loop/tags', true, 'index')) : ?>
+                                <?php bootscore_tags(); ?>
+                            <?php endif; ?>
+
+                            </div>
+
+                            <?php do_action('bootscore_loop_item_after_card_body', 'index'); ?>
+
+                        </div><!-- col -->
+                        </div><!-- row -->
+                  </article><!-- article -->
+
+                  <?php do_action('bootscore_after_loop_item', 'index'); ?>
+
+                <?php endwhile; ?>
+                <?php endif; ?>
+
+                <?php do_action('bootscore_after_loop', 'index'); ?>
+
+              <div class="entry-footer">
+                <?php bootscore_pagination(); ?>
+              </div>
+            </div><!-- col -->
+          </div><!-- row -->
+          </div><!-- container -->
+      </main><!-- #main -->
+    </div><!-- #primary -->
+  </div><!-- #content -->
+<?php
+get_footer();
\ No newline at end of file