Add (posts)

This commit is contained in:
2023-07-27 02:18:38 +08:00
parent 1c917b865d
commit e70195f4f7
15 changed files with 525 additions and 34 deletions

View File

@@ -3,18 +3,21 @@
@section('content')
<div class="container py-3">
<div class="mb-5">
<div class="row justify-content-center">
<div class="col-12 col-lg-11 col-xl-9 col-xxl-8">
<div class="row justify-content-center">
<div class="col-md-8 col-lg-8 col-xl-8">
<div class="mb-5">
<h1 class="h2 fw-bold">{{ $category->name }}</h1>
<p class="text-secondary">
{{ $category->description }}
</p>
</div>
<div class="row justify-content-center">
<div class="col-12 col-lg-11 col-xl-9 col-xxl-8">
<div class="row">
<div class="col-md-8 col-lg-8 col-xl-8 bg-primary">
@for($i = 0; $i < 10; $i++)
<div class="my-3">
@@ -30,12 +33,12 @@
<p class="card-text">
<small><a class="text-decoration-none" href="{{ route('home.country.category', ['country' => $country_locale->country_iso, 'category' => 'technology' ]) }}">#technology</a> <a class="text-decoration-none" href="{{ route('home.country.category', ['country' => $country_locale->country_iso, 'category' => 'gadgets' ]) }}">#gadgets</a></small>
<small class="text-body-secondary">Updated 3 mins ago</small>
<small class="text-body-secondary ms-2">3 min read</small>
</p>
</div>
<a class="card-img-top" href="{{ route('home.country.post', ['country' => $country_locale->country_iso, 'post' => str_random() ]) }}">
<img src="https://placekitten.com/400/300" class="card-img-top" alt="...">
<img src="https://placekitten.com/400/300" class="card-img-top rounded-bottom-2 rounded-top-0" alt="...">
</a>
</div>
@@ -43,10 +46,22 @@
</div>
@endfor
<div>
<nav class="col" aria-label="Page navigation example">
<ul class="pagination">
<li class="page-item"><a class="page-link" href="#">Previous</a></li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">Next</a></li>
</ul>
</nav>
</div>
</div>
<div class="col-md-4 col-lg-4 col-xl-4 bg-secondary">
{{-- <div class="col-md-4 col-lg-4 col-xl-4 bg-secondary">
b
</div>
</div> --}}
</div>
</div>