This commit is contained in:
2020-09-29 17:22:02 +05:00
parent 52826391fb
commit cdc5b7ec3f
5 changed files with 35 additions and 7 deletions

2
public/css/app.css vendored

File diff suppressed because one or more lines are too long

2
public/js/app.js vendored

File diff suppressed because one or more lines are too long

View File

@@ -1,6 +1,6 @@
{ {
"/js/app.js": "/js/app.js?id=66ae1979773a1f43be8f", "/js/app.js": "/js/app.js?id=d93e0bd6a6392235b52e",
"/css/app.css": "/css/app.css?id=26e695f2f69dca10c151", "/css/app.css": "/css/app.css?id=4804cfa2127a122f9af1",
"/js/manifest.js": "/js/manifest.js?id=3c768977c2574a34506e", "/js/manifest.js": "/js/manifest.js?id=3c768977c2574a34506e",
"/js/vendor.js": "/js/vendor.js?id=aa27c0f3cc35e93603fe" "/js/vendor.js": "/js/vendor.js?id=aa27c0f3cc35e93603fe"
} }

View File

@@ -1,21 +1,38 @@
@extends('layouts.app') @extends('layouts.app')
@section('meta')
<title>Karudhaas | Namespaces</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/og.jpg">
@endsection
@section('content') @section('content')
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 mb-10"> <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 mb-10">
@foreach (config('karudhaas.topic_filters') as $namespace) @foreach (config('karudhaas.topic_filters') as $key => $namespace)
<div <div
class="relative flex items-center w-full px-2 transition-all duration-200 transform mini-card lg:max-w-md first:ml-4 last:pr-6 hover:-translate-y-4"> class="relative flex items-center w-full px-2 transition-all duration-200 transform mini-card lg:max-w-md first:ml-4 last:pr-6 hover:-translate-y-4">
<div class="flex flex-col h-full overflow-hidden bg-white border-2 border-{{$namespace['color']}}-500 rounded-lg w-full"> <div class="flex flex-col h-full overflow-hidden bg-white border-2 border-{{$namespace['color']}}-500 rounded-lg w-full">
<div class="flex justify-center px-4 pt-4"> <div class="flex justify-center px-4 pt-4">
<div class="flex flex-wrap items-center -mb-2"> <div class="flex flex-wrap items-center -mb-2">
<a href="#" <a href="{{route('namespaces.show', $key)}}"
class="MvAamu inline-block text-md tracking-wide py-2 px-12 bg-{{$namespace['color']}}-500 text-white rounded-md mr-2 mb-2 transform transition-all duration-100 ease-in-out hover:bg-orange-50 border-2 border-gray-100 hover:border-{{$namespace['color']}}-500 hover:text-{{$namespace['color']}}-700" class="MvAamu inline-block text-md tracking-wide py-2 px-12 bg-{{$namespace['color']}}-500 text-white rounded-md mr-2 mb-2 transform transition-all duration-100 ease-in-out hover:bg-orange-50 border-2 border-gray-100 hover:border-{{$namespace['color']}}-500 hover:text-{{$namespace['color']}}-700"
style="font-weight: 100;">{{$namespace['dv_name']}}</a> style="font-weight: 100;">{{$namespace['dv_name']}}</a>
</div> </div>
</div> </div>
<a href="#" class="relative block h-full px-4 py-4" <a href="{{route('namespaces.show', $key)}}" class="relative block h-full px-4 py-4"
style="min-height:auto;"> style="min-height:auto;">
<div class="leading-7 "> <div class="leading-7 ">
<p class="MvTyper text-center" style="direction: rtl;">{{$namespace['description']}}</p> <p class="MvTyper text-center" style="direction: rtl;">{{$namespace['description']}}</p>

View File

@@ -0,0 +1,11 @@
<div class="border-red-500 hover:border-red-500"></div>
<div class="border-blue-500 hover:border-blue-500"></div>
<div class="border-green-500 hover:border-green-500"></div>
<div class="hover:text-blue-700"></div>
<div class="hover:text-red-700"></div>
<div class="hover:text-green-700"></div>
<div class="bg-red-500"></div>
<div class="bg-blue-500"></div>
<div class="bg-green-500"></div>