Meta tags for single article

This commit is contained in:
2020-08-14 02:09:58 +05:00
parent 0227285784
commit 69fd0d831e
2 changed files with 31 additions and 15 deletions

View File

@@ -1,18 +1,34 @@
@extends('layouts.app') @extends('layouts.app')
@section('meta')
<title>{{$article->meta['title']}} | Baraveli News</title>
<meta name="description" content="Discover Stories,Daily news and inspiration for maldivian readers." />
<meta name=" twitter:title" content="{{$article->meta['title']}}" />
<meta name="twitter:description" content="Discover Stories,Daily news and inspiration for maldivian readers." />
<meta name="twitter:site" content="https://baraveli-news.baraveli.xyz/" />
<meta name="twitter:image" content="{{$article->featured_image}}">
<meta property="og:locale" content="mv" />
<meta property="og:type" content="website" />
<meta property="og:title" content="{{$article->meta['title']}}">
<meta property="og:description" content="Discover Stories,Daily news and inspiration for maldivian readers." />
<meta property="og:url" content="https://baraveli-news.baraveli.xyz/" />
<meta property="og:site_name" content="baraveli-news.baraveli.xyz" />
<meta property="og:image" content="{{$article->featured_image}}">
@endsection
@section('content') @section('content')
<div> <div>
<div class="mb-4 md:mb-0 w-full max-w-screen-md mx-auto relative" style="height: 24em;"> <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" <div class="absolute left-0 bottom-0 w-full h-full z-10"
style="background-image: url({{$article->featured_image}}); filter: brightness(50%);" style="background-image: url({{$article->featured_image}}); filter: brightness(50%);"></div>
></div>
<div class="p-4 absolute bottom-0 right-0 z-20"> <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> <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"> <div class="flex justify-end mt-3">
<img src="{{$article->source->logo}}" <img src="{{$article->source->logo}}" class="h-10 w-10 rounded-full mr-2 object-cover" />
class="h-10 w-10 rounded-full mr-2 object-cover" />
<div> <div>
<p class="font-semibold text-gray-200 text-md MvTyper">{{$article->source->name}}</p> <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> <p class="font-semibold text-gray-400 text-xs">{{$article->published_date}}</p>
</div> </div>
</div> </div>
@@ -20,14 +36,14 @@
</div> </div>
<div class="px-4 lg:px-0 mt-12 text-gray-700 max-w-screen-md mx-auto text-lg leading-relaxed"> <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) @foreach ($article->body as $block)
<p class="MvTyper text-right" style="direction:rtl;"> <p class="MvTyper text-right" style="direction:rtl;">
{{$block}} {{$block}}
<br> <br>
<br> <br>
</p> </p>
@endforeach @endforeach
</div> </div>
</div> </div>

View File

@@ -4,7 +4,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
@yield('meta')
<link rel="stylesheet" href="/css/app.css"> <link rel="stylesheet" href="/css/app.css">
<link rel="stylesheet" href="/css/styles.css"> <link rel="stylesheet" href="/css/styles.css">