34 lines
1.2 KiB
PHP
34 lines
1.2 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('content')
|
|
<div>
|
|
<div class="mb-4 md:mb-0 w-full max-w-screen-md mx-auto relative" style="height: 24em;">
|
|
<div class="absolute left-0 bottom-0 w-full h-full z-10 image-dark"
|
|
style="background-image: url({{$article->featured_image}});"
|
|
></div>
|
|
<div class="p-4 absolute bottom-0 right-0 z-20">
|
|
<h2 class="text-3xl font-semibold text-gray-100 leading-relaxed text-right MvAamu" style="direction:rtl;">{{$article->title}}</h2>
|
|
<div class="flex justify-end mt-3">
|
|
<img src="{{$article->source->logo}}"
|
|
class="h-10 w-10 rounded-full mr-2 object-cover" />
|
|
<div>
|
|
<p class="font-semibold text-gray-200 text-md MvTyper">{{$article->source->name}}</p>
|
|
<p class="font-semibold text-gray-400 text-xs">{{$article->published_date}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="px-4 lg:px-0 mt-12 text-gray-700 max-w-screen-md mx-auto text-lg leading-relaxed">
|
|
@foreach ($article->body as $block)
|
|
<p class="MvTyper text-right" style="direction:rtl;">
|
|
{{$block}}
|
|
<br>
|
|
<br>
|
|
</p>
|
|
@endforeach
|
|
|
|
|
|
</div>
|
|
</div>
|
|
@endsection |