66 lines
3.2 KiB
PHP
66 lines
3.2 KiB
PHP
<x-layout>
|
|
|
|
<x-slot name="meta">
|
|
<title>{{ucfirst($options['en_name'])}} | Karudhaas</title>
|
|
|
|
<meta name="description" content="Discover Stories,Daily news and inspiration for maldivian readers." />
|
|
<meta name=" twitter:title" content="{{$options['en_name']}}" />
|
|
<meta name="twitter:description" content="Discover Stories,Daily news and inspiration for maldivian readers." />
|
|
<meta name="twitter:site" content="https://karudhaas.net/" />
|
|
<meta property="og:locale" content="mv" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:title" content="{{$options['en_name']}}">
|
|
<meta property="og:description" content="Discover Stories,Daily news and inspiration for maldivian readers." />
|
|
<meta property="og:url" content="https://karudhaas.net/" />
|
|
<meta property="og:site_name" content="karudhaas.net" />
|
|
</x-slot>
|
|
|
|
<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> |