Update (ui)

This commit is contained in:
2023-12-03 13:14:42 +08:00
parent 2b9c5f88bc
commit 8309fd467c
22 changed files with 191 additions and 98 deletions

View File

@@ -7,8 +7,9 @@
<div class="col-12 col-md-10 col-lg-8">
<h1 class="fw-bolder font-family-roboto-condensed mb-3">Latest AI & tech news in 1 hyper-focused platform</h1>
{{-- <div class="display-6 fw-bold font-family-roboto-condensed mb-2">Your Future Depends<wbr> on Today's
<h1 class="fw-bolder font-family-roboto-condensed mb-3">Latest AI & tech news in 1 hyper-focused
platform</h1>
{{-- <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 hourly news
@@ -18,29 +19,30 @@
<a href="#latest-news" class="btn btn-primary px-4 rounded-pill text-decoration-none">Start reading
now</a>
</div> --}}
</div>
<div class="text-center row justify-content-center">
<div class="col-12 col-md-10 col-lg-6">
</div>
<div class="text-center row justify-content-center">
<div class="col-12 col-md-10 col-lg-6">
<p data-nosnippet class="h4 mb-3">📡 Top keywords identified for the past 24 hours across
{{ $rss_count }} articles identified by AI</p>
<div class="d-flex justify-content-center flex-wrap gap-1">
@foreach ($top_rss_keywords as $rss_keyword)
<a href="{{ get_route_search_result($rss_keyword->value_lowercased) }}"
class=" pb-1 badge text-primary border fw-bold shadow hover-grow">
<span class="h6">#{{ $rss_keyword->value }}</span>
</a>
@endforeach
</div>
<p data-nosnippet class="h4 mb-3">📡 Top keywords identified for the past 24 hours across {{ $rss_count }} articles identified by GPT</p>
<div class="d-flex justify-content-center flex-wrap gap-1">
@foreach ($top_rss_keywords as $rss_keyword)
<a href="{{ get_route_search_result($rss_keyword->value_lowercased) }}"
class=" pb-1 badge text-primary border fw-bold shadow hover-grow">
<span class="h6">#{{ $rss_keyword->value }}</span>
</a>
@endforeach
</div>
</div>
</div>
</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>
@@ -75,36 +77,39 @@ class="text-secondary">{{ $post->published_at->diffForHumans() }}</small>
@endif --}}
<div id="latest-news" class="container-lg py-4">
<div id="latest-news" class="container-lg py-4">
<div class="row">
<div class="col-12 col-lg-8 mb-3">
<div class="row">
<div class="col-12 col-lg-8 mb-3">
@if ($rss_posts->count() > 0)
<div class="text-start mb-3">
<div class="d-flex">
<h2 class="align-self-center fw-bold font-family-roboto-condensed mb-1 h2">
This Just In 🛰️</h2>
<div class="align-self-center">
<span
class="mb-2 ms-2 badge illuminated-slow bg-gradient-rainbow text-white d-inline-flex font-family-roboto-condensed"><i
class="bi bi-clock-history me-1"></i> UPDATED HOURLY</span>
</div>
@if ($rss_posts->count() > 0)
<div class="text-start mb-3">
<div class="d-flex">
<h2 class="align-self-center fw-bold font-family-roboto-condensed mb-1 h2">
This Just In 🛰️</h2>
<div class="align-self-center">
<span
class="mb-2 ms-2 badge illuminated-slow bg-gradient-rainbow text-white d-inline-flex font-family-roboto-condensed"><i
class="bi bi-clock-history me-1"></i> UPDATED HOURLY</span>
</div>
<p class="text-secondary font-family-roboto-condensed">No time to read the full article?
Read the 🍪 bite, summarised by AI!</p>
</div>
</div>
@include('front.partials.news_bites')
@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">Discover more news</a>
</div>
@endif
<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">Discover more news</a>
</div>
@endif
{{-- @if ($latest_posts->count() > 0)
{{-- @if ($latest_posts->count() > 0)
<div class="text-start">
<h2 id="latest-news" class="fw-semibold font-family-roboto-condensed mb-3 h2">Latest News</h2>
</div>
@@ -172,17 +177,17 @@ class="btn btn-primary px-4 rounded-pill text-decoration-none">Discover More
</div>
@endif --}}
</div>
<div class="col-12 col-lg-4 mb-3">
<div class="position-sticky" style="top: 8rem;">
@include('front.partials.sidebar')
</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>
</div>
</div>
</main>
@endsection