admin/zemailnator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added blog list page

Browse Source
This commit is contained in:
Gitea
2025-04-28 06:52:48 +05:30
parent a72b7f48a8
commit a9e2702eb4
5 changed files with 50 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
resources/views/components/layouts/app.blade.php
View File

@@ -63,7 +63,7 @@
@endif
<flux:separator variant="subtle" />
</flux:navlist>
<p class="text-sm font-medium dark:text-white accent-zinc-700">&copy; {{ config('app.settings.app_name') }}</p>
<p class="text-sm font-medium dark:text-white accent-zinc-700">&copy; 2020–{{ date('Y') }} – All Rights Reserved {{ config('app.settings.app_name') }} | Coded with ♥️</p>
</flux:sidebar>
<flux:header sticky container class="bg-zinc-50 dark:bg-zinc-900 border-b border-zinc-200 dark:border-zinc-700">

2
resources/views/livewire/blog.blade.php
View File

@@ -25,5 +25,7 @@
<div class="flex w-full items-center justify-center px-4 py-2 sm:px-6">
<flux:text>{!! $postDetail->content !!}</flux:text>
</div>
<div class="mt-3"></div>
</div>
</main>

32
resources/views/livewire/list-blog.blade.php Normal file
View File

@@ -0,0 +1,32 @@
@section('title'){{ config('app.settings.app_name') }} Blog - Your Guide to the Latest Trends @endsection
<main>
<flux:heading class="mb-3 truncate" size="xl" level="1">Latest Articles</flux:heading>
<div class="mb-3"></div>
<div class="flex justify-center items-center py-3">
<div class="flex justify-center items-center">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 p-1">
@foreach(config('app.blogs') as $i => $blog)
<a wire:navigate href="{{ route('blog', $blog->slug) }}">
<div class="flex items-center">
<div class="group relative mx-auto w-96 overflow-hidden rounded-[16px] dark:bg-zinc-800 bg-zinc-200 p-[1px] ease-in-out hover:bg-gradient-to-r hover:from-zinc-600 hover:via-zinc-800 hover:to-zinc-700">
<div class="group-hover:animate-spin-slow invisible absolute -top-40 -bottom-40 left-10 right-10 bg-gradient-to-r from-transparent via-gray-600 to-transparent group-hover:visible"></div>
<div class="relative rounded-[15px] dark:bg-zinc-900 bg-zinc-100 dark:text-white text-accent-content p-6">
<div class="space-y-4">
<p class="font-md text-slate-500">
<img src="{{ asset($blog->post_image) }}" class="card-img-top" alt="{{ $blog->slug }}">
</p>
<p class="text-lg font-semibold dark:text-white text-accent-content truncate">{{ $blog->post }}</p>
</div>
</div>
</div>
</div>
</a>
@endforeach
</div>
</div>
</div>
<div class="magic-box mt-3 min-w-full flex flex-col items-center overflow-auto">
{!! json_decode(config('app.settings.ads_settings'))->two !!}
</div>
</main>