Update (ui)

This commit is contained in:
2023-11-21 22:17:18 +08:00
parent 4827130183
commit 028c9b5190
29 changed files with 193 additions and 159 deletions

View File

@@ -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>

View File

@@ -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>