74 lines
2.8 KiB
PHP
74 lines
2.8 KiB
PHP
<x-layout>
|
|
|
|
<x-slot name="meta">
|
|
<title>Karudhaas</title>
|
|
|
|
<meta name="description" content="Discover Stories,Daily news and inspiration for maldivian readers." />
|
|
<meta name=" twitter:title" content="Karudhaas" />
|
|
<meta name="twitter:description" content="Discover Stories,Daily news and inspiration for maldivian readers." />
|
|
<meta name="twitter:site" content="https://karudhaas.net" />
|
|
<meta name="twitter:image" content="/images/ogi.jpg">
|
|
<meta property="og:locale" content="mv" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:title" content="Karudhaas">
|
|
<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" />
|
|
<meta property="og:image" content="/images/ogi.jpg">
|
|
</x-slot>
|
|
|
|
<div>
|
|
<h1 class="text-gray-800 text-3xl text-center mt-5 mb-2 mr-3 MvAamu"
|
|
style="font-weight: 100; letter-spacing: 2.5px;">
|
|
ދިވެހި ރާއްޖޭގެ މޫސުމާއި ބެހޭ މަޢުލޫމާތުތަށް
|
|
</h1>
|
|
|
|
<div>
|
|
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 mb-10">
|
|
|
|
@foreach ($stations as $station)
|
|
<div class="flex flex-col items-center bg-green-100 rounded p-8 transition ease-in-out duration-150 ">
|
|
|
|
<div class="text-xl font-bold text-gray-900 uppercase text-center leading-7 MvTyper">
|
|
{{$labels[$station->stationname]}}
|
|
</div>
|
|
|
|
<div class="uppercase text-xl mt-3">{{$station->description}}</div>
|
|
|
|
</div>
|
|
|
|
@endforeach
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<h1 class="text-gray-800 text-2xl text-center mt-5 mb-2 mr-3 MvAamu"
|
|
style="font-weight: 100; letter-spacing: 2.5px;">
|
|
އެންމެ ފަހުގެ ސެޓެލައިޓް ފޮޓޯ
|
|
</h1>
|
|
<div class="flex justify-center mb-5">
|
|
<img class="w-1/2 h-1/2 object-cover bg-gray-300 rounded" src="{{$satellite_image}}">
|
|
</div>
|
|
|
|
<div class="mb-5 flex justify-center">
|
|
<p class="text-gray-600">Via Maldives Meteorology</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="border-solid border-b-4 border-gray-900"></div>
|
|
|
|
<div class="mt-10">
|
|
|
|
<topic-filter
|
|
topics="moosun,MET-office,moosumaa_behey_idhaaraa,bad_wather,rain,weather,maldives-meteorological-service"
|
|
label="މޫސުމާއި ބެހޭ ޙަބަރުތަށް" :per_page="8" color="border-green-500">
|
|
</topic-filter>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</x-layout> |