Add (news bites)

This commit is contained in:
2023-11-21 19:18:11 +08:00
parent 2e38a4120c
commit 3210563e42
37 changed files with 1581 additions and 153 deletions

View File

@@ -8,7 +8,7 @@
<div class="display-6 fw-bold font-family-roboto-condensed mb-2">Your future depends<wbr> on today's
news.</div>
<h1 class="h4 fw-normal mb-4">In the fast-evolving world of AI and tech, staying updated is not
optional—it's critical for your future success. Stay updated with daily news from
optional—it's critical for your future success. Stay updated with daily news 🍪 bites from
<strong>FutureWalker</strong>.
</h1>
<a href="#latest-news" class="btn btn-primary px-4 rounded-pill text-decoration-none">Start reading
@@ -18,7 +18,7 @@
</div>
</div>
@if ($featured_posts->count() > 0)
{{-- @if ($featured_posts->count() > 0)
<div class="container-lg py-4">
<div class="text-center">
<h2 id="latest-news" class="font-family-roboto-condensed mb-3 h2">Featured News</h2>
@@ -50,16 +50,34 @@ class="text-secondary">{{ $post->published_at->diffForHumans() }}</small>
@endforeach
</div>
</div>
@endif
@if ($latest_posts->count() > 0)
<div class="container-lg py-4">
@endif --}}
<div class="row">
<div class="col-12 col-lg-8 mb-3">
<div class="container-lg py-4">
<div class="row">
<div class="col-12 col-lg-8 mb-3">
@if ($rss_posts->count() > 0)
<div class="text-start mb-3">
<h2 id="latest-news" class="fw-bold font-family-roboto-condensed mb-1 h2">🍪 Tech Bites</h2>
<h5>1-2 minute news bites worth every second</h5>
</div>
@include('front.partials.news_bites')
<div class="w-full text-center mt-3 mb-3">
<a href="{{ route('front.all') }}"
class="btn btn-primary px-4 rounded-pill text-decoration-none">Read more News Bites</a>
</div>
@endif
{{-- @if ($latest_posts->count() > 0)
<div class="text-start">
<h2 id="latest-news" class="fw-bold font-family-roboto-condensed mb-3 h2">Latest News</h2>
<h2 id="latest-news" class="fw-semibold font-family-roboto-condensed mb-3 h2">Latest News</h2>
</div>
<div class="row g-2 mb-4">
@foreach ($latest_posts as $post)
@@ -68,7 +86,7 @@ class="text-secondary">{{ $post->published_at->diffForHumans() }}</small>
<div class="card-body d-flex px-3 py-2">
<div class="row align-self-center">
<div class="col-12 d-flex py-1" style="height:100%;">
<div class="align-self-center">
<div class="">
@@ -85,16 +103,20 @@ class="fw-bold"
<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>
<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>
<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>
@if ($post->category)
<span
class="d-inline text-secondary small">{{ $post->category->name }}</span>
<i class="bi bi-dot"></i>
@endif
@@ -119,21 +141,19 @@ class="d-inline text-secondary small">{{ markdown_min_read($post->body) }}</span
class="btn btn-primary px-4 rounded-pill text-decoration-none">Discover More
News</a>
</div>
</div>
<div class="col-12 col-lg-4 mb-3">
<div class="position-sticky" style="top: 8rem;">
@include('front.partials.sidebar')
@endif --}}
</div>
<div class="col-12 col-lg-4 mb-3">
<div class="position-sticky" style="top: 8rem;">
@include('front.partials.sidebar')
</div>
</div>
</div>
</div>
@endif
</div>
</main>
@endsection