Update (ui)
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
<aside class="p-4 mb-3 bg-black text-white rounded-3 shadow-sm">
|
||||
<h4 class="font-family-roboto-condensed">About <span class="text-uppercase">FutureWalker</span></h4>
|
||||
<p class="mb-0">
|
||||
FutureWalker offers specialized coverage of advanced technology and AI breakthroughs, delivering the latest trends and insights through concise, 1-2 minute news updates to quickly bring you up to speed.
|
||||
FutureWalker offers specialized coverage of advanced technology and AI breakthroughs, delivering the latest
|
||||
trends and insights through concise, 1-2 minute news updates to quickly bring you up to speed.
|
||||
</p>
|
||||
</aside>
|
||||
|
||||
@@ -1,87 +1,82 @@
|
||||
<div class="accordion" id="accordionTechBites">
|
||||
|
||||
@foreach ($rss_posts as $key => $post)
|
||||
@foreach ($rss_posts as $key => $post)
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="heading{{ $post->id }}">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapse{{ $post->id }}" aria-controls="collapse{{ $post->id }}">
|
||||
<div>
|
||||
<h3 class="h6 mb-2 fw fw-semibold font-family-roboto-condensed">
|
||||
{{ $post->title }}
|
||||
</h3>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="heading{{ $post->id }}">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapse{{ $post->id }}" aria-controls="collapse{{ $post->id }}">
|
||||
<div>
|
||||
<h3 class="h6 mb-2 fw fw-semibold font-family-roboto-condensed">
|
||||
{{ $post->title }}
|
||||
</h3>
|
||||
|
||||
<div class="d-flex flex-wrap mb-1">
|
||||
@if ($post->entities)
|
||||
@foreach ($post->entities as $key => $keyword)
|
||||
|
||||
@if ($key == 0)
|
||||
<h4
|
||||
class="mb-1 pb-1 d-inline badge bg-secondary border-secondary text-white border me-1 small fw-bold">
|
||||
{{ $keyword }}
|
||||
</h4>
|
||||
@else
|
||||
<h4
|
||||
class="mb-1 pb-1 d-inline badge text-bg-light border me-1 small fw-normal">
|
||||
{{ $keyword }}
|
||||
</h4>
|
||||
@endif
|
||||
|
||||
|
||||
@endforeach
|
||||
@endif
|
||||
@if ($post->impact_level == 'high')
|
||||
<h4
|
||||
class="font-family-roboto-condensed mb-1 pb-1 d-inline badge bg-danger border-danger text-white border me-1 small fw-bold text-uppercase">
|
||||
🔥 High Impact
|
||||
</h4>
|
||||
@endif
|
||||
@if ($post->entities)
|
||||
@foreach ($post->entities as $key => $keyword)
|
||||
@if ($key == 0)
|
||||
<h4
|
||||
class="mb-1 pb-1 d-inline badge bg-secondary border-secondary text-white border me-1 small fw-bold">
|
||||
{{ $keyword }}
|
||||
</h4>
|
||||
@else
|
||||
<h4 class="mb-1 pb-1 d-inline badge text-bg-light border me-1 small fw-normal">
|
||||
{{ $keyword }}
|
||||
</h4>
|
||||
@endif
|
||||
@endforeach
|
||||
@endif
|
||||
@if ($post->impact_level == 'high')
|
||||
<h4
|
||||
class="font-family-roboto-condensed mb-1 pb-1 d-inline badge bg-danger border-danger text-white border me-1 small fw-bold text-uppercase">
|
||||
🔥 High Impact
|
||||
</h4>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="small">
|
||||
@if ($post->category)
|
||||
<span
|
||||
class="d-inline text-secondary small">{{ $post->category->name }}</span>
|
||||
<i class="bi bi-dot"></i>
|
||||
@endif
|
||||
<div class="small">
|
||||
@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->format('d M') }}</span>
|
||||
<i class="bi bi-dot"></i>
|
||||
<span
|
||||
class="d-inline text-secondary small">{{ min_read($post->bites) }}</span>
|
||||
<span class="d-inline text-secondary small">{{ $post->published_at->format('d M') }}</span>
|
||||
<i class="bi bi-dot"></i>
|
||||
<span class="d-inline text-secondary small">{{ min_read($post->bites) }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse{{ $post->id }}" class="accordion-collapse collapse"
|
||||
aria-labelledby="heading{{ $post->id }}" data-bs-parent="#accordionTechBites">
|
||||
<div class="accordion-body small">
|
||||
<div class="fw-bold">The Bite:</div>
|
||||
<div class="mb-3">{{ $post->bites }}</div>
|
||||
|
||||
@if (in_array($post->impact_level, ['medium', 'high']))
|
||||
<div class="card mb-2">
|
||||
<div class="card-body">
|
||||
<div class="fw-bold">Social Impact:</div>
|
||||
<div>{{ $post->impact }}</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@if ($post->entities)
|
||||
<div class="mb-2">
|
||||
More about: @foreach ($post->all_keywords as $keyword)
|
||||
<a class="ms-1"
|
||||
href="{{ get_route_search_result($keyword) }}">{{ $keyword }}</a>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
<div>
|
||||
Read more at:
|
||||
<a class="" target="_blank" rel="nofollow noopener noreferrer"
|
||||
href="{{ $post->post_url }}"> {{ get_domain_from_url($post->post_url) }} </a>
|
||||
</div>
|
||||
</div>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse{{ $post->id }}" class="accordion-collapse collapse" aria-labelledby="heading{{ $post->id }}"
|
||||
data-bs-parent="#accordionTechBites">
|
||||
<div class="accordion-body small">
|
||||
<div class="fw-bold">The Bite:</div>
|
||||
<div class="mb-3">{{ $post->bites }}</div>
|
||||
|
||||
@if (in_array($post->impact_level, ['medium','high']))
|
||||
<div class="card mb-2">
|
||||
<div class="card-body">
|
||||
<div class="fw-bold">Social Impact:</div>
|
||||
<div>{{ $post->impact }}</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@if ($post->entities)
|
||||
<div class="mb-2">
|
||||
More about: @foreach( $post->all_keywords as $keyword) <a class="ms-1" href="{{ get_route_search_result($keyword) }}">{{ $keyword }}</a> @endforeach
|
||||
</div>
|
||||
@endif
|
||||
<div>
|
||||
Read more at:
|
||||
<a class="" target="_blank" rel="nofollow noopener noreferrer" href="{{ $post->post_url }}"> {{ get_domain_from_url($post->post_url) }} </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endforeach
|
||||
@endforeach
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -24,18 +24,18 @@
|
||||
@include('front.partials.news_bites')
|
||||
|
||||
<div class="mt-3 mb-3">
|
||||
@if ($rss_posts->count() > 0)
|
||||
@if ($rss_posts instanceof \Illuminate\Pagination\CursorPaginator)
|
||||
<div class="flex justify-center">
|
||||
{{ $rss_posts->links('pagination::simple-bootstrap-5-rounded') }}
|
||||
</div>
|
||||
@endif
|
||||
@else
|
||||
<div class="py-3 text-center">
|
||||
<div class="mb-4">No 🍪 bites found yet.</div>
|
||||
<div><a href="{{ route('front.all') }}">See more News Bites</a></div>
|
||||
</div>
|
||||
@endif
|
||||
@if ($rss_posts->count() > 0)
|
||||
@if ($rss_posts instanceof \Illuminate\Pagination\CursorPaginator)
|
||||
<div class="flex justify-center">
|
||||
{{ $rss_posts->links('pagination::simple-bootstrap-5-rounded') }}
|
||||
</div>
|
||||
@endif
|
||||
@else
|
||||
<div class="py-3 text-center">
|
||||
<div class="mb-4">No 🍪 bites found yet.</div>
|
||||
<div><a href="{{ route('front.all') }}">See more News Bites</a></div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@@ -5,8 +5,8 @@
|
||||
<div class="container-lg">
|
||||
<div class="text-center row justify-content-center">
|
||||
<div class="col-12 col-md-10 col-lg-8">
|
||||
<div class="display-6 fw-bold font-family-roboto-condensed mb-2">Your future depends<wbr> on today's
|
||||
news.</div>
|
||||
<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 🍪 bites from
|
||||
<strong>FutureWalker</strong>.
|
||||
@@ -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>
|
||||
@@ -60,7 +60,17 @@ class="text-secondary">{{ $post->published_at->diffForHumans() }}</small>
|
||||
|
||||
@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>
|
||||
<div class="d-flex">
|
||||
<h2 id="latest-news" class="align-self-center fw-bold font-family-roboto-condensed mb-1 h2">
|
||||
🍪 Tech Bites </h2>
|
||||
<div class="align-self-center">
|
||||
<span
|
||||
class="mb-2 ms-2 badge illuminated text-bg-primary d-inline-flex font-family-roboto-condensed"><i
|
||||
class="bi bi-clock-history me-1"></i> UPDATED HOURLY</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<h5>1-2 minute news bites worth every second</h5>
|
||||
</div>
|
||||
|
||||
@@ -71,11 +81,9 @@ class="text-secondary">{{ $post->published_at->diffForHumans() }}</small>
|
||||
<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)
|
||||
{{-- @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>
|
||||
|
||||
Reference in New Issue
Block a user