51 lines
2.3 KiB
PHP
51 lines
2.3 KiB
PHP
<x-layout>
|
|
|
|
<div class="mb-10">
|
|
<div class="flex flex-col items-center">
|
|
<h3 class="text-gray-800 text-3xl text-center mt-5 mb-2 mr-3 MvAamu" style="font-weight: 100;">
|
|
{{$options['dv_name']}}</h3>
|
|
|
|
<div class="border-b-2 w-32" class="border-{{$options['color']}}-500"></div>
|
|
|
|
</div>
|
|
|
|
<div class="container mx-auto">
|
|
<div class="flex md:-mx-4 flex-row-reverse flex-wrap mb-7 md:px-0">
|
|
|
|
@foreach ($articles as $article)
|
|
<div class="w-1/2 md:w-1/4 px-4 py-4 flex-grow">
|
|
<a href="/article/{{$article->source->slug}}/{{$article->guid}}">
|
|
<div class="w-full h-auto overflow-hidden relative rounded">
|
|
<img src="{{$article->featured_image}}" />
|
|
</div>
|
|
</a>
|
|
<div class="w-full h-auto text-right overflow-hidden mt-3">
|
|
<a href="/article/{{$article->source->slug}}/{{$article->guid}}"
|
|
class="text-md leading-9 font-semibold text-right text-gray-700 py-3 MvTyper hover:underline"
|
|
style="direction:rtl;">{{$article->title}}</a>
|
|
<div class="flex items-center justify-end mt-3 mb-3">
|
|
<a href="/source/{{$article->source->slug}}">
|
|
<div class="flex justify-end items-center">
|
|
<div>
|
|
<p class="font-semibold text-gray-600 text-sm capitalize MvTyper">
|
|
{{$article->source->name}}</p>
|
|
</div>
|
|
|
|
<img src="{{$article->source->logo}}"
|
|
class="h-10 w-10 rounded-full ml-1 object-cover" />
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<p class="ml-1 text-gray-600 text-right MvTyper" style="direction:rtl; font-size:13px;">
|
|
{{$article->published_date->locale('dv')->isoFormat('Do MMMM YYYY')}}
|
|
</p>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</x-layout> |