UI
This commit is contained in:
2
public/css/app.css
vendored
2
public/css/app.css
vendored
File diff suppressed because one or more lines are too long
2
public/js/app.js
vendored
2
public/js/app.js
vendored
File diff suppressed because one or more lines are too long
@@ -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"
|
||||||
}
|
}
|
||||||
|
@@ -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>
|
||||||
|
11
resources/views/tailwind.blade.php
Normal file
11
resources/views/tailwind.blade.php
Normal 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>
|
Reference in New Issue
Block a user