Update (ui)
This commit is contained in:
@@ -28,7 +28,8 @@
|
||||
|
||||
<div class="text-center text-md-end">
|
||||
<div class="d-flex d-justify-content-end">
|
||||
<div data-nosnippet class="align-self-center d-none d-md-block">Digital news shaping your future</div>
|
||||
<div data-nosnippet class="align-self-center d-none d-md-block">Digital news shaping your future
|
||||
</div>
|
||||
|
||||
<button type="button"
|
||||
class="align-self-center ms-1 btn btn-link text-white btn-lg px-1 hover-opacity"
|
||||
|
||||
@@ -2,34 +2,35 @@
|
||||
<div class="card mb-1">
|
||||
<div class="card-body">
|
||||
<div class="d-grid d-md-flex justify-content-md-between">
|
||||
<div class="w-100">
|
||||
<h3 class="h6 mb-1 fw fw-semibold font-family-roboto-condensed">
|
||||
<div class="w-100 mb-2">
|
||||
<h3 class="h5 mb-1 fw fw-semibold font-family-roboto-condensed">
|
||||
{{ $post->title }}
|
||||
</h3>
|
||||
|
||||
@if ($post->entities_keywords->count() > 0)
|
||||
<div class="d-flex flex-wrap mb-1 gap-1">
|
||||
{{-- @if ($post->entities) --}}
|
||||
@foreach ($post->entities_keywords as $keyword)
|
||||
{{-- @if ($keyword->type == 'entity') --}}
|
||||
@if ($loop->iteration <= 3)
|
||||
@if ($keyword->is_main)
|
||||
<h4 class="mb-0 pb-1 d-inline badge bg-secondary border-secondary text-white border small fw-bold">
|
||||
{{ $keyword->value }}
|
||||
</h4>
|
||||
@else
|
||||
<h4 class="mb-0 pb-1 d-inline badge text-bg-light border small fw-normal">
|
||||
{{ $keyword->value }}
|
||||
</h4>
|
||||
@endif
|
||||
@elseif ($loop->iteration > 3 && count($post->entities_keywords) > 3)
|
||||
<h4 class="mb-0 pb-1 d-inline badge text-bg-light border small fw-normal">
|
||||
+{{ count($post->entities_keywords) - 3 }} more
|
||||
</h4>
|
||||
@break
|
||||
@endif
|
||||
{{-- @endif --}}
|
||||
@endforeach
|
||||
{{-- @if ($post->entities) --}}
|
||||
@foreach ($post->entities_keywords as $keyword)
|
||||
{{-- @if ($keyword->type == 'entity') --}}
|
||||
@if ($loop->iteration <= 3)
|
||||
@if ($keyword->is_main)
|
||||
<h4
|
||||
class="mb-0 pb-1 d-inline badge bg-secondary border-secondary text-white border small fw-bold">
|
||||
{{ $keyword->value }}
|
||||
</h4>
|
||||
@else
|
||||
<h4 class="mb-0 pb-1 d-inline badge text-bg-light border small fw-normal">
|
||||
{{ $keyword->value }}
|
||||
</h4>
|
||||
@endif
|
||||
@elseif ($loop->iteration > 3 && count($post->entities_keywords) > 3)
|
||||
<h4 class="mb-0 pb-1 d-inline badge text-bg-light border small fw-normal">
|
||||
+{{ count($post->entities_keywords) - 3 }} more
|
||||
</h4>
|
||||
@break
|
||||
@endif
|
||||
{{-- @endif --}}
|
||||
@endforeach
|
||||
|
||||
|
||||
{{-- @endif --}}
|
||||
@@ -57,11 +58,6 @@ class="font-family-roboto-condensed mb-0 pb-1 d-inline badge bg-danger border-da
|
||||
|
||||
</span>
|
||||
|
||||
@if (!is_empty($post->bites))
|
||||
<i class="bi bi-dot"></i>
|
||||
<span class="d-inline text-secondary small">{{ min_read($post->bites) }}</span>
|
||||
@endif
|
||||
|
||||
<i class="bi bi-dot"></i>
|
||||
<span class="d-inline text-secondary small">
|
||||
{{ get_domain_from_url($post->post_url) }}
|
||||
@@ -69,10 +65,16 @@ class="font-family-roboto-condensed mb-0 pb-1 d-inline badge bg-danger border-da
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="text-end d-flex justify-content-end w-100">
|
||||
<div class="align-self-center">
|
||||
<div class="text-end d-flex justify-content-center justify-content-md-end w-100">
|
||||
<div class="align-self-center d-flex d-md-grid gap-1">
|
||||
<open-news-bite
|
||||
this-class="btn btn-outline-secondary btn-sm rounded-pill px-3 text-decoration-none"
|
||||
title="{{ $post->title }}" bite="{{ $post->bites }}"
|
||||
min-read="{{ min_read($post->bites, 'bite') }}"></open-news-bite>
|
||||
<a class="btn btn-outline-secondary btn-sm rounded-pill px-3 text-decoration-none"
|
||||
target="_blank" rel="nofollow noopener noreferrer" href="{{ $post->post_url }}">👉 Read article</a>
|
||||
target="_blank" rel="nofollow noopener noreferrer" href="{{ $post->post_url }}">👉 Read
|
||||
full
|
||||
article</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user