charlestehio/futurewalker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update (layout)

Browse Source
This commit is contained in:
Charles Teh
2023-11-21 11:22:00 +08:00
parent 57a5f3ccb8
commit 18c34855cb
1 changed files with 31 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
resources/views/front/welcome.blade.php
View File

@@ -21,7 +21,7 @@
@if ($featured_posts->count() > 0)
<div class="container-lg py-4">
<div class="text-center">
<h2 id="latest-news" class="fw-bold font-family-roboto-condensed mb-3 h2">Featured News</h2>
<h2 id="latest-news" class="font-family-roboto-condensed mb-3 h2">Featured News</h2>
</div>
<div class="row g-3">
@@ -63,34 +63,46 @@ class="text-secondary">{{ $post->published_at->diffForHumans() }}</small>
</div>
<div class="row g-2 mb-4">
@foreach ($latest_posts as $post)
<div class="col-12 col-md-6">
<div class="col-12 col-md-12">
<div class="card bg-white border-0 shadow" style="height:100%;">
<div class="card-body d-flex p-2 p-lg-3">
<div class="row align-self-center">
<div class="col-3 col-lg-5 d-flex py-1" style="height:100%;">
<div class="align-self-center">
<img class="img-fluid rounded-2" src="{{ $post->featured_image }}"
alt="{{ $post->title }}">
</div>
<div class="card-body d-flex px-3 py-2">
</div>
<div class="col-9 col-lg-7 d-flex py-1" style="height:100%;">
<div class="row align-self-center">
<div class="col-12 d-flex py-1" style="height:100%;">
<div class="align-self-center">
<div class="">
<h3 class="h6 mb-0 fw-bold font-family-roboto-condensed">
<h3 class="h5 mb-1 fw-bold font-family-roboto-condensed">
<a href="{{ route('front.post', ['category_slug' => $post->category->slug, 'slug' => $post->slug]) }}"
class="fw-bold"
style=" display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;">{{ $post->title }}</a>
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;">{{ $post->title }}</a>
</h3>
</div>
<div><small
class="text-secondary">{{ $post->published_at->diffForHumans() }}</small>
<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>
@else
<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>
<i class="bi bi-dot"></i>
@endif
<span
class="d-inline text-secondary small">{{ $post->published_at->diffForHumans() }}</span>
<i class="bi bi-dot"></i>
<small
class="text-secondary">{{ markdown_min_read($post->body) }}</small>
<span
class="d-inline text-secondary small">{{ markdown_min_read($post->body) }}</span>
</div>
</div>