From 18c34855cb91b27319c4d152aa6d7ca05b15d346 Mon Sep 17 00:00:00 2001
From: Charles Teh <charlesteh90@gmail.com>
Date: Tue, 21 Nov 2023 11:22:00 +0800
Subject: [PATCH] Update (layout)

---
 resources/views/front/welcome.blade.php | 50 +++++++++++++++----------
 1 file changed, 31 insertions(+), 19 deletions(-)

diff --git a/resources/views/front/welcome.blade.php b/resources/views/front/welcome.blade.php
index 9948fb4..107540a 100644
--- a/resources/views/front/welcome.blade.php
+++ b/resources/views/front/welcome.blade.php
@@ -21,7 +21,7 @@
         @if ($featured_posts->count() > 0)
             <div class="container-lg py-4">
                 <div class="text-center">
-                    <h2 id="latest-news" class="fw-bold font-family-roboto-condensed mb-3 h2">Featured News</h2>
+                    <h2 id="latest-news" class="font-family-roboto-condensed mb-3 h2">Featured News</h2>
                 </div>
 
                 <div class="row g-3">
@@ -63,34 +63,46 @@ class="text-secondary">{{ $post->published_at->diffForHumans() }}</small>
                         </div>
                         <div class="row g-2 mb-4">
                             @foreach ($latest_posts as $post)
-                                <div class="col-12 col-md-6">
+                                <div class="col-12 col-md-12">
                                     <div class="card bg-white border-0 shadow" style="height:100%;">
-                                        <div class="card-body d-flex p-2 p-lg-3">
-                                            <div class="row align-self-center">
-                                                <div class="col-3 col-lg-5 d-flex py-1" style="height:100%;">
-                                                    <div class="align-self-center">
-                                                        <img class="img-fluid rounded-2" src="{{ $post->featured_image }}"
-                                                            alt="{{ $post->title }}">
-                                                    </div>
+                                        <div class="card-body d-flex px-3 py-2">
 
-                                                </div>
-                                                <div class="col-9 col-lg-7 d-flex py-1" style="height:100%;">
+                                            <div class="row align-self-center">
+ 
+                                                <div class="col-12 d-flex py-1" style="height:100%;">
                                                     <div class="align-self-center">
                                                         <div class="">
-                                                            <h3 class="h6 mb-0 fw-bold font-family-roboto-condensed">
+                                                            <h3 class="h5 mb-1 fw-bold font-family-roboto-condensed">
                                                                 <a href="{{ route('front.post', ['category_slug' => $post->category->slug, 'slug' => $post->slug]) }}"
                                                                     class="fw-bold"
                                                                     style="  display: -webkit-box;
-                                      -webkit-line-clamp: 2;
-                                      -webkit-box-orient: vertical;  
-                                      overflow: hidden;">{{ $post->title }}</a>
+                                                                    -webkit-line-clamp: 2;
+                                                                    -webkit-box-orient: vertical;  
+                                                                    overflow: hidden;">{{ $post->title }}</a>
                                                             </h3>
                                                         </div>
-                                                        <div><small
-                                                                class="text-secondary">{{ $post->published_at->diffForHumans() }}</small>
+
+                                                        <div class="d-flex flex-wrap">
+                                                            @foreach ($post->keywords as $keyword)
+                                                                @if ($keyword == $post->main_keyword)
+                                                                    <h4 class=" pb-1 d-inline badge text-bg-dark me-1 small">{{ $keyword }}</h4>
+                                                                @else
+                                                                    <h4 class=" pb-1 d-inline badge text-bg-light border me-1 small fw-normal">{{ $keyword }}</h4>
+                                                                @endif
+                                                            @endforeach
+                                                        </div>
+                                                        <div>
+                                                            @if($post->category)
+                                                            <span
+                                                                class="d-inline text-secondary small">{{ $post->category->name }}</span>
+                                                                <i class="bi bi-dot"></i>
+                                                            @endif
+
+                                                            <span
+                                                                class="d-inline text-secondary small">{{ $post->published_at->diffForHumans() }}</span>
                                                             <i class="bi bi-dot"></i>
-                                                            <small
-                                                                class="text-secondary">{{ markdown_min_read($post->body) }}</small>
+                                                            <span
+                                                                class="d-inline text-secondary small">{{ markdown_min_read($post->body) }}</span>
                                                         </div>
                                                     </div>