shihaam/karudhaas
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

og

Browse Source
This commit is contained in:
Mohamed Jinas
2020-10-31 18:42:29 +05:00
parent 22143f61da
commit a11a599135
6 changed files with 817 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
resources/views/ogimage.blade.php
View File

@@ -1,43 +1,84 @@
<!DOCTYPE html>
<html lang="en">
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>OG image</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laravel</title>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<style>
@font-face {
font-family: "mvtyper";
src: url("/fonts/mvtyper.ttf");
}
@font-face {
font-family: "Mvaamu";
src: url("/fonts/mv-aammu-fk.ttf");
}
.MvAamu {
font-family: "Mvaamu", sans-serif;
}
.MvTyper {
font-family: "mvtyper";
}
</style>
</head>
<style>
@font-face {
font-family: "Mvaamu";
src: url("/fonts/mv-aammu-fk.ttf");
}
</style>
<body class="antialiased">
<div class="min-h-screen bg-white py-6 flex flex-col justify-center sm:py-12 p-20">
<div class="relative py-3">
<!--<div
class="absolute inset-0 bg-gradient-to-r from-gray-600 to-red-700 shadow-lg transform skew-y-0 -rotate-5 sm:rounded-3xl">
</div>
-->
<div class="relative px-4 py-10 shadow-lg sm:rounded-3xl sm:p-10" style="background-color:#1D1D1B;">
<div class="mx-auto">
<div class="divide-y divide-gray-200">
<div class="flex flex-col items-end pb-4 text-base space-y-4 leading-9">
<p class="text-3xl font-bold text-white text-right MvTyper">{{$article->title}}</p>
<div class="box-content h-64 w-64 p-2 border-2 border-white">
<body>
<div class="container mx-auto">
<div class="bg-green-100 mt-6 rounded-lg py-6 flex items-center max-w-6xl max-h-lg">
<img class="h-full w-full" src="{{$article->featured_image}}" alt="">
</div>
</div>
<div class="flex flex-grow-0 justify-between">
<div>
<img class="h-4/5 w-4/5 max-w-4/5 max-h-4/5 min-h-4/5 min-w-4/5"
src="{{$article->featured_image}}">
</div>
<div class="ml-5 flex flex-col items-center">
<h1 class="text-right text-4xl mb-2 mr-5" style="font-family: Mvaamu; direction:rtl;">
{{$article->title}}
</h1>
<div class="flex justify-end pt-6 text-base leading-6 font-bold sm:text-lg sm:leading-7">
<div class="md:flex items-end">
<figure class="w-12 inline-block mb-1 md:mb-0 md:mr-3">
<a href="/" title="Freek.dev">
<img src="https://karudhaas.net/images/icon.png" class="w-full border border-white"
alt="Karudhaas logo">
</a>
</figure>
<div>
<h1 class="text-lg uppercase tracking-wider font-extrabold text-gray-200 MvTyper">
<a href="/">ކަރުދާސް</a>
</h1>
<p class="text-sm font-bold text-gray-600">
<a href="/" class="text-gray-600">
via {{$article->source->slug}}
</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>