main
Ilham Wara Nugroho 2025-12-05 10:20:21 +07:00
parent b29eb1235b
commit bc63b22ee9
2 changed files with 43 additions and 17 deletions

View File

@ -2,7 +2,7 @@
@section('css') @section('css')
@endsection @endsection
@section('content') @section('content')
<section class="container relative pt-30 py-20 pb-0 px-5 flex flex-col gap-5"> <section class="container relative pt-150 py-20 pb-0 px-5 flex flex-col gap-5">
<div class="relative flex justify-between items-center content-center mb-10"> <div class="relative flex justify-between items-center content-center mb-10">
<div> <div>
<h1 class="">Home / <a href="{{ url('dataset') }}">Dataset</a> / <span class="bold">{{ $dataset->name }}</span></h1> <h1 class="">Home / <a href="{{ url('dataset') }}">Dataset</a> / <span class="bold">{{ $dataset->name }}</span></h1>
@ -76,14 +76,27 @@
</div> </div>
<div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-6"> <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-6">
@foreach($lainnya as $dataSet) @foreach($lainnya as $dataSet)
<div class="bg-white rounded-[20px] shadow-lg p-5 py-10"> <a href="{{ url('dataset/detail/'.encode_id($dataSet->DatasetId)) }}" class="transition duration-300 ease-in-out hover:-translate-y-100 hover:scale-410">
<div class="flex flex-col gap-3 mx-auto items-center text-center"> <div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-6 flex">
<img src="{{ asset('uploads/'.@$dataSet->instansi->logo) }}" alt="" width="50" class=""> <div class="flex flex-col gap-3 items-center text-center">
<h1 class="font-bold">{{ @$dataSet->instansi->name }}</h1> <div class="flex flex-col items-center gap-3">
<h5 class="">{{ $dataSet->name }}</h5> <img src="{{ asset('logodki.png') }}" alt="" width="50" class="">
<a href="{{ url('dataset/detail/'.encode_id($dataSet->DatasetId)) }}" class="rounded-full text-[10px] bg-[#E9811A] text-white px-6 py-3">Lihat Detail</a> {{-- <img src="{{ asset('uploads/'.@$dataSet->instansi->logo) }}" alt="" width="50" class=""> --}}
</div> <h1 class="font-bold">{{ $dataSet->instansi->name }}</h1>
</div> </div>
<div class="">
<h5 class="font-bold">{{ $dataSet->name }}</h5>
</div>
<div>
<p>{{ substr($dataSet->deskripsi,0,50) }}</p>
</div>
<div class="mt-1 flex flex-row gap-2 items-center">
<span class="rounded-full text-[10px] bg-[#E9811A] text-white px-2 py-1">{{$dataSet->tahun}}</span>
<span class="rounded-full text-[10px] hidden lg:block bg-[#E9811A] text-white px-2 py-1">{{ substr($dataSet->template->name,0,25) }}...</span>
</div>
</div>
</div>
</a>
@endforeach @endforeach
</div> </div>

View File

@ -76,14 +76,27 @@
</div> </div>
<div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-6"> <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-6">
@foreach($lainnya as $dataSet) @foreach($lainnya as $dataSet)
<div class="bg-white rounded-[20px] shadow-lg p-5 py-10"> <a href="{{ url('dataset-tambahan/detail/'.encode_id($dataSet->DatasetTambahanId)) }}" class="transition duration-300 ease-in-out hover:-translate-y-100 hover:scale-410">
<div class="flex flex-col gap-3 mx-auto items-center text-center"> <div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-6 flex">
<img src="{{ asset('uploads/'.@$dataSet->instansi->logo) }}" alt="" width="50" class=""> <div class="flex flex-col gap-3 items-center text-center">
<h1 class="font-bold">{{ @$dataSet->instansi->name }}</h1> <div class="flex flex-col items-center gap-3">
<h5 class="">{{ $dataSet->name }}</h5> <img src="{{ asset('logodki.png') }}" alt="" width="50" class="">
<a href="{{ url('dataset/detail/'.encode_id($dataSet->DatasetId)) }}" class="rounded-full text-[10px] bg-[#E9811A] text-white px-6 py-3">Lihat Detail</a> {{-- <img src="{{ asset('uploads/'.@$dataSet->instansi->logo) }}" alt="" width="50" class=""> --}}
</div> <h1 class="font-bold">{{ $dataSet->instansi->name }}</h1>
</div> </div>
<div class="">
<h5 class="font-bold">{{ $dataSet->name }}</h5>
</div>
<div>
<p>{{ substr($dataSet->deskripsi,0,50) }}</p>
</div>
<div class="mt-1 flex flex-row gap-2 items-center">
<span class="rounded-full text-[10px] bg-[#E9811A] text-white px-2 py-1">{{$dataSet->tahun}}</span>
<span class="rounded-full text-[10px] hidden lg:block bg-[#E9811A] text-white px-2 py-1">{{ substr($dataSet->template->name,0,25) }}...</span>
</div>
</div>
</div>
</a>
@endforeach @endforeach
</div> </div>