update
marszayn
parent
955d33b8ea
commit
854ebf398c
|
|
@ -2,8 +2,21 @@ using Microsoft.AspNetCore.Mvc;
|
|||
|
||||
namespace MyApp.Namespace
|
||||
{
|
||||
[Route("seputar")]
|
||||
public class SeputarController : Controller
|
||||
{
|
||||
[HttpGet("berita")]
|
||||
public IActionResult Berita()
|
||||
{
|
||||
return View();
|
||||
}
|
||||
|
||||
[HttpGet("kontak-kami")]
|
||||
public IActionResult Kontak()
|
||||
{
|
||||
return View();
|
||||
}
|
||||
|
||||
// GET: SeputarController
|
||||
public ActionResult Index()
|
||||
{
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<section class="delay-[300ms] duration-[600ms]">
|
||||
<div class="container mx-auto px-4 py-12 max-w-6xl">
|
||||
<div class="flex flex-col md:flex-row justify-between items-start mb-6" data-aos="fade-up" data-aos-duration="800">
|
||||
<div class="flex flex-col md:flex-row justify-between items-start mb-6" data-aos="fade-up" data-aos-duration="800" data-aos-disable="up">
|
||||
<div>
|
||||
<h2 class="text-3xl font-bold text-gray-900">Berita Terkini</h2>
|
||||
<p class="text-gray-600 mt-2">
|
||||
|
|
@ -17,7 +17,7 @@
|
|||
|
||||
<div class="flex flex-col gap-6 md:flex-row">
|
||||
<!-- Main news item (large) -->
|
||||
<div class="max-w-6xl" data-aos="fade-right" data-aos-duration="800">
|
||||
<div class="max-w-6xl" data-aos="fade-right" data-aos-duration="800" data-aos-disable="right">
|
||||
<div class="overflow-hidden rounded-lg">
|
||||
<img src="@Url.Content("~/assets/images/home/berita1.jpg")" alt="Perayaan Malam Tahun Baru" class="w-full h-auto object-cover" />
|
||||
</div>
|
||||
|
|
@ -38,24 +38,64 @@
|
|||
</div>
|
||||
|
||||
<!-- Right side news items (smaller) -->
|
||||
<div class="w-full md:w-1/3 flex flex-col gap-4" data-aos="fade-left" data-aos-duration="800">
|
||||
@for (var i = 0; i < 4; i++)
|
||||
{
|
||||
<div class="flex space-x-4 border-b border-gray-100 pb-4">
|
||||
<img src="@Url.Content("~/assets/images/home/berita1.jpg")" alt="Berita" class="w-32 h-24 object-cover rounded-lg" />
|
||||
<a href="#" class="flex flex-col justify-center">
|
||||
<div class="flex items-center mb-1">
|
||||
<span class="bg-oren text-white text-xs px-2 py-1 rounded">Artikel</span>
|
||||
<span class="text-gray-500 text-xs ml-2">17 Mei 2025</span>
|
||||
</div>
|
||||
<h3 class="font-bold text-gray-900 hover:text-orange-500 transition-colors duration-300">
|
||||
Perayaan Malam Tahun Baru di Jakarta Hasilkan 132 Ton Sampah
|
||||
</h3>
|
||||
</a>
|
||||
</div>
|
||||
}
|
||||
<div class="w-full md:w-1/3 flex flex-col gap-4" data-aos="fade-left" data-aos-duration="800" data-aos-disable="left">
|
||||
@for (var i = 0; i < 4; i++)
|
||||
{
|
||||
<div class="flex space-x-4 border-b border-gray-100 pb-4">
|
||||
<img src="@Url.Content("~/assets/images/home/berita1.jpg")" alt="Berita" class="w-32 h-24 object-cover rounded-lg" />
|
||||
<a href="#" class="flex flex-col justify-center">
|
||||
<div class="flex items-center mb-1">
|
||||
<span class="bg-oren text-white text-xs px-2 py-1 rounded">Artikel</span>
|
||||
<span class="text-gray-500 text-xs ml-2">17 Mei 2025</span>
|
||||
</div>
|
||||
<h3 class="font-bold text-gray-900 hover:text-orange-500 transition-colors duration-300">
|
||||
Perayaan Malam Tahun Baru di Jakarta Hasilkan 132 Ton Sampah
|
||||
</h3>
|
||||
</a>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<register-block dynamic-section="scripts" key="jsBerita">
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
if (window.innerWidth < 768) {
|
||||
// Disable AOS on mobile
|
||||
const elementsLeft = document.querySelectorAll('[data-aos-disable="left"]');
|
||||
elementsLeft.forEach(element => {
|
||||
element.setAttribute('data-aos', 'none');
|
||||
});
|
||||
|
||||
const elementsRight = document.querySelectorAll('[data-aos-disable="right"]');
|
||||
elementsRight.forEach(element => {
|
||||
element.setAttribute('data-aos', 'none');
|
||||
});
|
||||
|
||||
const elementsUp = document.querySelectorAll('[data-aos-disable="up"]');
|
||||
elementsUp.forEach(element => {
|
||||
element.setAttribute('data-aos', 'none');
|
||||
});
|
||||
} else {
|
||||
// Enable AOS on desktop
|
||||
const elementsLeft = document.querySelectorAll('[data-aos-disable="left"]');
|
||||
elementsLeft.forEach(element => {
|
||||
element.setAttribute('data-aos', 'fade-left');
|
||||
});
|
||||
|
||||
const elementsRight = document.querySelectorAll('[data-aos-disable="right"]');
|
||||
elementsRight.forEach(element => {
|
||||
element.setAttribute('data-aos', 'fade-right');
|
||||
});
|
||||
|
||||
const elementsUp = document.querySelectorAll('[data-aos-disable="up"]');
|
||||
elementsUp.forEach(element => {
|
||||
element.setAttribute('data-aos', 'fade-up');
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</register-block>
|
||||
|
|
@ -8,9 +8,6 @@
|
|||
<div class="inline-flex flex-wrap md:flex-nowrap mt-2 md:mt-0 bg-amber-100 rounded-full px-3 py-1 items-center hover:bg-amber-200 transition-all duration-300 w-fit">
|
||||
<i class="h-4 w-4 md:h-5 md:w-5 text-amber-600 mr-2" data-lucide="calendar"></i>
|
||||
<span class="font-medium text-sm md:text-base">Senin, 10 Februari 2025</span>
|
||||
<span class="mx-2 text-amber-600">|</span>
|
||||
<i class="h-4 w-4 md:h-5 md:w-5 text-amber-600 mr-2" data-lucide="clock"></i>
|
||||
<span class="font-medium text-sm md:text-base">15.00 WIB</span>
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-gray-600 text-balance text-sm md:text-base">
|
||||
|
|
|
|||
|
|
@ -143,7 +143,7 @@
|
|||
<register-block dynamic-section="scripts" key="jsLayanan">
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
const asset = (file) => `${window.assetBaseUrl}images/home/${file}`;
|
||||
const asset = (file) => `${window.assetBaseUrl}images/home/layanan/${file}`;
|
||||
|
||||
const serviceData = {
|
||||
"Penjemputan e-Waste": {
|
||||
|
|
@ -155,27 +155,27 @@
|
|||
description: "Pengujian kualitas lingkungan hidup."
|
||||
},
|
||||
"Bus Toilet": {
|
||||
image: asset("waste.jpg"),
|
||||
image: asset("bus.jpg"),
|
||||
description: "Fasilitas toilet keliling untuk kegiatan umum."
|
||||
},
|
||||
"AMDAL": {
|
||||
image: asset("waste.jpg"),
|
||||
image: asset("amdal.jpg"),
|
||||
description: "Proses Analisis Mengenai Dampak Lingkungan."
|
||||
},
|
||||
"Bulky Waste": {
|
||||
image: asset("waste.jpg"),
|
||||
image: asset("bulky.jpg"),
|
||||
description: "Layanan khusus pengangkutan sampah besar."
|
||||
},
|
||||
"Permohonan Informasi Publik": {
|
||||
image: asset("waste.jpg"),
|
||||
image: asset("publik.jpg"),
|
||||
description: "Saluran pengaduan pelanggaran lingkungan."
|
||||
},
|
||||
"BPS-RW": {
|
||||
image: asset("waste.jpg"),
|
||||
image: asset("bps.jpg"),
|
||||
description: "Basis data lingkungan hidup tingkat Rukun Warga."
|
||||
},
|
||||
"Whistleblowing System": {
|
||||
image: asset("waste.jpg"),
|
||||
image: asset("blow.jpg"),
|
||||
description: "Sarana pelaporan pelanggaran terkait lingkungan."
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1,40 +1,40 @@
|
|||
<div class="container max-w-6xl mx-auto py-20 px-4">
|
||||
<div class="flex flex-col md:flex-row items-center md:items-start gap-10">
|
||||
<!-- Left column -->
|
||||
<div class="md:w-1/3 md:sticky md:top-24 md:self-start" data-aos="fade-right" data-aos-duration="800">
|
||||
<div class="md:w-1/3 md:sticky md:top-24 md:self-start text-center md:text-left" data-aos="fade-right" data-aos-duration="800" data-aos-disable="mobile">
|
||||
<div class="inline-flex items-center bg-oren text-white px-5 py-2 rounded-full shadow-md mb-6">
|
||||
<i class="w-5 h-5 mr-2 text-white" data-lucide="medal"></i>
|
||||
<h2 class="text-sm font-semibold">MITRA KAMI</h2>
|
||||
<i class="w-5 h-5 mr-2 text-white" data-lucide="medal"></i>
|
||||
<h2 class="text-sm font-semibold">MITRA KAMI</h2>
|
||||
</div>
|
||||
|
||||
<h3 class="text-2xl md:text-3xl font-bold text-gray-800 mb-6">Mitra of The Year</h3>
|
||||
|
||||
<p class="text-gray-600 text-balance mb-8">
|
||||
Mitra terpilih yang telah memberikan kontribusi luar biasa dan bantuan berkelanjutan dalam mendukung program-program Dinas Lingkungan Hidup DKI Jakarta.
|
||||
Mitra terpilih yang telah memberikan kontribusi luar biasa dan bantuan berkelanjutan dalam mendukung program-program Dinas Lingkungan Hidup DKI Jakarta.
|
||||
</p>
|
||||
|
||||
<div class="flex space-x-3 mb-8 md:mb-0">
|
||||
<button id="prev-mitra-btn" class="p-2 rounded-full border border-gray-300 hover:border-orange-500 hover:text-orange-500 transition-colors duration-300">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
|
||||
</svg>
|
||||
</button>
|
||||
<div class="flex justify-center md:justify-start space-x-3 mb-8 md:mb-0">
|
||||
<button id="prev-mitra-btn" class="p-2 rounded-full border border-gray-300 hover:border-orange-500 hover:text-orange-500 transition-colors duration-300">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<button id="next-mitra-btn" class="p-2 rounded-full border border-gray-300 hover:border-orange-500 hover:text-orange-500 transition-colors duration-300">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="next-mitra-btn" class="p-2 rounded-full border border-gray-300 hover:border-orange-500 hover:text-orange-500 transition-colors duration-300">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<!-- Dots indicator -->
|
||||
<div class="flex items-center space-x-1.5 ml-4" id="mitra-dots">
|
||||
<!-- Dots will be created dynamically -->
|
||||
</div>
|
||||
<!-- Dots indicator -->
|
||||
<div class="flex items-center space-x-1.5 ml-4" id="mitra-dots">
|
||||
<!-- Dots will be created dynamically -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right column: Mitra cards slider -->
|
||||
<div class="md:w-2/3 relative" data-aos="fade-left" data-aos-duration="1000">
|
||||
<div class="md:w-2/3 relative" data-aos="fade-left" data-aos-duration="1000" data-aos-disable="mobile">
|
||||
<div class="overflow-hidden">
|
||||
<div class="flex transition-all duration-500 ease-out" id="slider-mitra">
|
||||
<!-- Rows of mitra cards will be rendered here -->
|
||||
|
|
@ -48,6 +48,20 @@
|
|||
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
|
||||
if (window.innerWidth < 768) {
|
||||
// Disable AOS on mobile
|
||||
const elements = document.querySelectorAll('[data-aos-disable="mobile"]');
|
||||
elements.forEach(element => {
|
||||
element.setAttribute('data-aos', 'none');
|
||||
});
|
||||
} else {
|
||||
// Enable AOS on desktop
|
||||
const elements = document.querySelectorAll('[data-aos-disable="mobile"]');
|
||||
elements.forEach(element => {
|
||||
element.setAttribute('data-aos', 'fade-down');
|
||||
});
|
||||
}
|
||||
// Mitra data
|
||||
const mitraData = [
|
||||
{
|
||||
|
|
|
|||
|
|
@ -163,15 +163,6 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile view all button -->
|
||||
<div class="mt-6 flex justify-center md:hidden">
|
||||
<a href="#" class="inline-flex items-center gap-2 px-6 py-3 bg-oren text-white rounded-full font-medium shadow-md hover:bg-amber-600 transition-colors">
|
||||
<span>Lihat Semua</span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
|
||||
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -481,7 +472,7 @@
|
|||
selectedTab.classList.add('active');
|
||||
|
||||
// Scroll tab into view with smooth animation
|
||||
selectedTab.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' });
|
||||
@* selectedTab.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' }); *@
|
||||
|
||||
// Show/hide posts based on platform
|
||||
if (platform === 'all') {
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
<div class="max-w-7xl mx-auto px-4 relative z-10">
|
||||
<!-- Header Section -->
|
||||
<div class="text-center mb-12" data-aos="fade-down" data-aos-delay="300">
|
||||
<div class="text-center mb-12" data-aos="fade-down" data-aos-delay="300" data-aos-disable="mobile">
|
||||
<div class="inline-flex items-center gap-2 bg-oren px-5 py-2 rounded-full mb-6 relative overflow-hidden group">
|
||||
<div class="absolute inset-0 bg-white/20 translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-700"></div>
|
||||
<span class="relative w-2 h-2 bg-white rounded-full animate-ping-slow"></span>
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
</div>
|
||||
|
||||
<!-- Main Video Theater -->
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8 max-w-6xl mx-auto" data-aos="fade-up" data-aos-delay="400">
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8 max-w-6xl mx-auto" data-aos="fade-up" data-aos-delay="400" data-aos-disable="mobile">
|
||||
<!-- Left Column: Main Video -->
|
||||
<div class="md:col-span-2">
|
||||
<div class="video-theater rounded-xl overflow-hidden shadow-xl relative">
|
||||
|
|
@ -463,6 +463,19 @@
|
|||
ease: 'power1.out'
|
||||
});
|
||||
});
|
||||
if (window.innerWidth < 768) {
|
||||
// Disable AOS on mobile
|
||||
const elements = document.querySelectorAll('[data-aos-disable="mobile"]');
|
||||
elements.forEach(element => {
|
||||
element.setAttribute('data-aos', 'none');
|
||||
});
|
||||
} else {
|
||||
// Enable AOS on desktop
|
||||
const elements = document.querySelectorAll('[data-aos-disable="mobile"]');
|
||||
elements.forEach(element => {
|
||||
element.setAttribute('data-aos', 'fade-down');
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</register-block>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="~/css/publikasi/style.css">
|
||||
<script src="https://cdn.3dflipbook.net/js/jquery.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="sample-container-box">
|
||||
<div class="sample-container flip-book-container" src="books/gallery/Food/Catalago-Natal-22.pdf">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script src="js/three.min.js"></script>
|
||||
<script src="js/pdf.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
window.PDFJS_LOCALE = {
|
||||
pdfJsWorker: 'js/pdf.worker.js',
|
||||
pdfJsCMapUrl: 'cmaps'
|
||||
};
|
||||
</script>
|
||||
<script src="js/3dflipbook.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -27,167 +27,89 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container max-w-6xl mx-auto pb-8">
|
||||
<div class="container max-w-6xl mx-auto py-12">
|
||||
<div class="flex flex-col lg:flex-row gap-8">
|
||||
<!-- Main Content -->
|
||||
<div class="lg:w-2/3">
|
||||
<div class="bg-gradient-to-br from-white to-gray-50 rounded-xl shadow-lg border border-gray-100 p-8 backdrop-blur-sm">
|
||||
<div class="flex items-center justify-between mb-6">
|
||||
<h2 class="text-2xl font-bold text-gray-800 flex items-center">
|
||||
<i class="fas fa-file-archive text-green-600 mr-3"></i>
|
||||
Dokumen Tersedia
|
||||
</h2>
|
||||
<span class="bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm font-medium">4 Dokumen</span>
|
||||
</div>
|
||||
|
||||
<!-- Document Items with Enhanced Design -->
|
||||
<div class="space-y-6">
|
||||
<!-- Document Item 1 -->
|
||||
<div class="group bg-white rounded-xl shadow-md hover:shadow-xl transition-all duration-300 p-6 border border-gray-100 hover:border-green-200">
|
||||
<div class="flex flex-col md:flex-row gap-6">
|
||||
<!-- Image Preview Column -->
|
||||
<div class="md:w-1/4">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
|
||||
<img src="https://lingkunganhidup.jakarta.go.id/images/buku2dikplhd2019.png" alt="Document Preview" class="w-full h-32 object-cover group-hover:scale-105 transition-transform duration-300">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Document Details Column -->
|
||||
<div class="md:w-3/4">
|
||||
<h3 class="text-xl font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
<p class="text-gray-600 mb-4 leading-relaxed">Ringkasan eksekutif dokumen informasi kinerja pengelolaan lingkungan hidup daerah</p>
|
||||
<div class="flex flex-wrap justify-between items-center gap-4">
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="flex items-center text-orange-500 font-medium">
|
||||
<i class="far fa-calendar-alt mr-2"></i>12 Jan 2025
|
||||
</span>
|
||||
<span class="flex items-center text-gray-500">
|
||||
<i class="fas fa-download mr-2"></i>673 Download
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex gap-3">
|
||||
<a href="#" class="flex items-center text-blue-600 hover:text-blue-800 font-medium transition-colors">
|
||||
<i class="fas fa-eye mr-2"></i>View
|
||||
</a>
|
||||
<a href="#" class="bg-green-600 text-white px-6 py-2 rounded-lg hover:from-green-700 hover:to-green-800 transition-all duration-300 shadow-md hover:shadow-lg transform hover:-translate-y-0.5">
|
||||
<i class="fas fa-download mr-2"></i>Download
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Document Item 2 -->
|
||||
<div class="group bg-white rounded-xl shadow-md hover:shadow-xl transition-all duration-300 p-6 border border-gray-100 hover:border-green-200">
|
||||
<div class="flex flex-col md:flex-row gap-6">
|
||||
<div class="md:w-1/4">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
|
||||
<img src="https://lingkunganhidup.jakarta.go.id/images/buku2dikplhd2019.png" alt="Document Preview" class="w-full h-32 object-cover group-hover:scale-105 transition-transform duration-300">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md:w-3/4">
|
||||
<h3 class="text-xl font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors">Buku II DIKPLHD Tahun 2019</h3>
|
||||
<p class="text-gray-600 mb-4 leading-relaxed">Dokumen lengkap informasi kinerja pengelolaan lingkungan hidup daerah</p>
|
||||
<div class="flex flex-wrap justify-between items-center gap-4">
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="flex items-center text-orange-500 font-medium">
|
||||
<i class="far fa-calendar-alt mr-2"></i>12 Jan 2025
|
||||
</span>
|
||||
<span class="flex items-center text-gray-500">
|
||||
<i class="fas fa-download mr-2"></i>673 Download
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex gap-3">
|
||||
<a href="#" class="flex items-center text-blue-600 hover:text-blue-800 font-medium transition-colors">
|
||||
<i class="fas fa-eye mr-2"></i>View
|
||||
</a>
|
||||
<a href="#" class="bg-green-600 text-white px-6 py-2 rounded-lg hover:from-green-700 hover:to-green-800 transition-all duration-300 shadow-md hover:shadow-lg transform hover:-translate-y-0.5">
|
||||
<i class="fas fa-download mr-2"></i>Download
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Document Item 3 -->
|
||||
<div class="group bg-white rounded-xl shadow-md hover:shadow-xl transition-all duration-300 p-6 border border-gray-100 hover:border-green-200">
|
||||
<div class="flex flex-col md:flex-row gap-6">
|
||||
<div class="md:w-1/4">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
|
||||
<img src="https://lingkunganhidup.jakarta.go.id/images/buku2dikplhd2019.png" alt="Document Preview" class="w-full h-32 object-cover group-hover:scale-105 transition-transform duration-300">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md:w-3/4">
|
||||
<h3 class="text-xl font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors">Laporan Kualitas Udara DKI Jakarta 2023</h3>
|
||||
<p class="text-gray-600 mb-4 leading-relaxed">Laporan komprehensif mengenai kondisi kualitas udara di wilayah DKI Jakarta</p>
|
||||
<div class="flex flex-wrap justify-between items-center gap-4">
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="flex items-center text-orange-500 font-medium">
|
||||
<i class="far fa-calendar-alt mr-2"></i>10 Jan 2025
|
||||
</span>
|
||||
<span class="flex items-center text-gray-500">
|
||||
<i class="fas fa-download mr-2"></i>412 Download
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex gap-3">
|
||||
<a href="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" class="flex items-center text-blue-600 hover:text-blue-800 font-medium transition-colors">
|
||||
<i class="fas fa-eye mr-2"></i>View
|
||||
</a>
|
||||
<a href="#" class="bg-green-600 text-white px-6 py-2 rounded-lg hover:from-green-700 hover:to-green-800 transition-all duration-300 shadow-md hover:shadow-lg transform hover:-translate-y-0.5">
|
||||
<i class="fas fa-download mr-2"></i>Download
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Document Item 4 -->
|
||||
<div class="group bg-white rounded-xl shadow-md hover:shadow-xl transition-all duration-300 p-6 border border-gray-100 hover:border-green-200">
|
||||
<div class="flex flex-col md:flex-row gap-6">
|
||||
<div class="md:w-1/4">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="absolute top-3 right-3 z-10 bg-green-500 p-2 rounded-full shadow-md">
|
||||
<i class="fas fa-file-excel text-white text-sm"></i>
|
||||
</div>
|
||||
<img src="https://lingkunganhidup.jakarta.go.id/images/buku2dikplhd2019.png" alt="Document Preview" class="w-full h-32 object-cover group-hover:scale-105 transition-transform duration-300">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md:w-3/4">
|
||||
<h3 class="text-xl font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors">Data Pengelolaan Lingkungan Hidup 2024</h3>
|
||||
<p class="text-gray-600 mb-4 leading-relaxed">Data statistik dan analisis komprehensif mengenai pengelolaan lingkungan hidup</p>
|
||||
<div class="flex flex-wrap justify-between items-center gap-4">
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="flex items-center text-orange-500 font-medium">
|
||||
<i class="far fa-calendar-alt mr-2"></i>5 Jan 2025
|
||||
</span>
|
||||
<span class="flex items-center text-gray-500">
|
||||
<i class="fas fa-download mr-2"></i>289 Download
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex gap-3">
|
||||
<a href="#" class="flex items-center text-blue-600 hover:text-blue-800 font-medium transition-colors">
|
||||
<i class="fas fa-eye mr-2"></i>View
|
||||
</a>
|
||||
<a href="#" class="bg-green-600 text-white px-6 py-2 rounded-lg hover:from-green-700 hover:to-green-800 transition-all duration-300 shadow-md hover:shadow-lg transform hover:-translate-y-0.5">
|
||||
<i class="fas fa-download mr-2"></i>Download
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-gradient-to-br from-white to-gray-50 rounded-xl shadow-sm border border-gray-100 p-8 backdrop-blur-sm">
|
||||
<div class="flex items-center justify-between mb-6">
|
||||
<h2 class="text-2xl font-bold text-gray-800 flex items-center">
|
||||
<i class="fas fa-file-archive text-green-600 mr-3"></i>
|
||||
Dokumen
|
||||
</h2>
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm font-medium">8 Dokumen</span>
|
||||
<div class="flex items-center gap-2">
|
||||
<label class="text-sm font-medium text-gray-700">Filter:</label>
|
||||
<select class="px-3 py-1 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-green-500">
|
||||
<option>Semua Tahun</option>
|
||||
<option>2024</option>
|
||||
<option>2023</option>
|
||||
<option>2019</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-4 gap-4">
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Enhanced Sidebar -->
|
||||
|
|
@ -207,75 +129,16 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Filter Options -->
|
||||
<div class="bg-gradient-to-br from-white to-blue-50 rounded-xl shadow-lg border border-blue-100 p-6">
|
||||
<h3 class="text-xl font-bold mb-4 text-gray-800 flex items-center">
|
||||
<i class="fas fa-filter text-blue-600 mr-3"></i>
|
||||
Filter Dokumen
|
||||
</h3>
|
||||
<div class="space-y-4">
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-2">Jenis Dokumen</label>
|
||||
<select class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||
<option>Semua Jenis</option>
|
||||
<option>PDF</option>
|
||||
<option>Excel</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-2">Tahun</label>
|
||||
<select class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||
<option>Semua Tahun</option>
|
||||
<option>2024</option>
|
||||
<option>2023</option>
|
||||
<option>2019</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Related Documents -->
|
||||
<div class="bg-gradient-to-br from-white to-purple-50 rounded-xl shadow-lg border border-purple-100 p-6">
|
||||
<h3 class="text-xl font-bold mb-4 text-gray-800 flex items-center">
|
||||
<i class="fas fa-link text-purple-600 mr-3"></i>
|
||||
Dokumen Terkait
|
||||
</h3>
|
||||
<div class="space-y-4">
|
||||
<div class="group flex gap-4 p-4 bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-300 border border-gray-100 hover:border-purple-200">
|
||||
<div class="w-16 h-16 flex-shrink-0">
|
||||
<div class="w-full h-full bg-gradient-to-br from-green-400 to-green-600 rounded-lg flex items-center justify-center">
|
||||
<i class="fas fa-leaf text-white text-xl"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="font-bold mb-1 text-gray-800 group-hover:text-purple-600 transition-colors">Bidang Tata Lingkungan dan Kebersihan</h4>
|
||||
<p class="text-gray-500 text-sm mb-2 flex items-center">
|
||||
<i class="far fa-calendar-alt mr-1"></i>12 Jan 2025
|
||||
</p>
|
||||
<a href="#" class="text-purple-600 hover:text-purple-800 text-sm font-medium flex items-center">
|
||||
Kunjungi Laman <i class="fas fa-arrow-right ml-2"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group flex gap-4 p-4 bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-300 border border-gray-100 hover:border-purple-200">
|
||||
<div class="w-16 h-16 flex-shrink-0">
|
||||
<div class="w-full h-full bg-gradient-to-br from-blue-400 to-blue-600 rounded-lg flex items-center justify-center">
|
||||
<i class="fas fa-shield-alt text-white text-xl"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="font-bold mb-1 text-gray-800 group-hover:text-purple-600 transition-colors">Bidang Pengendalian Dampak Lingkungan</h4>
|
||||
<p class="text-gray-500 text-sm mb-2 flex items-center">
|
||||
<i class="far fa-calendar-alt mr-1"></i>8 Jan 2025
|
||||
</p>
|
||||
<a href="#" class="text-purple-600 hover:text-purple-800 text-sm font-medium flex items-center">
|
||||
Kunjungi Laman <i class="fas fa-arrow-right ml-2"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<register-block dynamic-section="css" key="cssDIKPLHD">
|
||||
<link href="~/assets/dflip/css/dflip.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="~/assets/dflip/css/themify-icons.min.css" rel="stylesheet" type="text/css">
|
||||
</register-block>
|
||||
|
||||
<register-block dynamic-section="scripts" key="jsDIKPLHD">
|
||||
<script src="~/assets/dflip/js/libs/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="~/assets/dflip/js/dflip.min.js" type="text/javascript"></script>
|
||||
</register-block>
|
||||
|
|
@ -0,0 +1,149 @@
|
|||
@{
|
||||
Layout = "_Layout";
|
||||
|
||||
ViewData["Title"] = "Laporan Pemantauan Kualitas Air - Dinas Lingkungan Hidup DKI Jakarta";
|
||||
ViewData["Description"] = "Informasi mengenai laporan pemantauan kualitas air yang dilakukan oleh Dinas Lingkungan Hidup DKI Jakarta. Temukan dokumen terkait, peraturan, dan data penting lainnya.";
|
||||
ViewData["Keywords"] = "Laporan Pemantauan Kualitas Air, Regulasi Lingkungan, Kualitas Air, Data Lingkungan, Jakarta";
|
||||
ViewData["OgTitle"] = "Laporan Pemantauan Kualitas Air - Dinas Lingkungan Hidup DKI Jakarta";
|
||||
ViewData["OgDescription"] = "Informasi mengenai laporan pemantauan kualitas air yang dilakukan oleh Dinas Lingkungan Hidup DKI Jakarta. Temukan dokumen terkait, peraturan, dan data penting lainnya.";
|
||||
ViewData["TwitterTitle"] = "Laporan Pemantauan Kualitas Air - Dinas Lingkungan Hidup DKI Jakarta";
|
||||
ViewData["TwitterDescription"] = "Informasi mengenai laporan pemantauan kualitas air yang dilakukan oleh Dinas Lingkungan Hidup DKI Jakarta. Temukan dokumen terkait, peraturan, dan data penting lainnya.";
|
||||
|
||||
// Breadcumb
|
||||
ViewData["BreadcrumbText"] = "Laporan Pemantauan Kualitas Air";
|
||||
ViewData["TitleBeforeHighlight"] = "Laporan";
|
||||
ViewData["TitleHighlight"] = "Pemantauan Kualitas Air";
|
||||
}
|
||||
|
||||
<!-- Breadcumb -->
|
||||
<partial name="~/Views/Shared/Partials/_Breadcumb.cshtml" />
|
||||
|
||||
<div class="flex justify-center">
|
||||
<div class="w-full max-w-6xl py-12">
|
||||
<div class="text-center mb-8">
|
||||
<h1 class="text-3xl font-bold mb-4">Laporan Pemantauan Kualitas Air</h1>
|
||||
<p class="text-gray-600 max-w-4xl mx-auto leading-relaxed">
|
||||
Kumpulan laporan hasil pemantauan kualitas air yang dilakukan secara berkala oleh Dinas Lingkungan Hidup DKI Jakarta.
|
||||
Dokumen-dokumen ini memuat data dan analisis kondisi kualitas air di berbagai titik pemantauan di wilayah Jakarta,
|
||||
termasuk sungai, waduk, dan sumber air lainnya. Laporan ini menjadi dasar evaluasi kebijakan pengelolaan kualitas
|
||||
air dan upaya perbaikan lingkungan untuk menjaga ketersediaan air bersih bagi masyarakat Jakarta.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container max-w-6xl mx-auto pb-8">
|
||||
<div class="flex flex-col lg:flex-row gap-8">
|
||||
<!-- Main Content -->
|
||||
<div class="lg:w-2/3">
|
||||
<div class="bg-gradient-to-br from-white to-gray-50 rounded-xl shadow-sm border border-gray-100 p-8 backdrop-blur-sm">
|
||||
<div class="flex items-center justify-between mb-6">
|
||||
<h2 class="text-2xl font-bold text-gray-800 flex items-center">
|
||||
<i class="fas fa-file-archive text-green-600 mr-3"></i>
|
||||
Dokumen
|
||||
</h2>
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm font-medium">8 Dokumen</span>
|
||||
<div class="flex items-center gap-2">
|
||||
<label class="text-sm font-medium text-gray-700">Filter:</label>
|
||||
<select class="px-3 py-1 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-green-500">
|
||||
<option>Semua Tahun</option>
|
||||
<option>2024</option>
|
||||
<option>2023</option>
|
||||
<option>2019</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-4 gap-4">
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Enhanced Sidebar -->
|
||||
<div class="lg:w-1/3 space-y-6">
|
||||
<!-- Search Box -->
|
||||
<div class="bg-gradient-to-br from-white to-green-50 rounded-xl shadow-lg border border-green-100 p-6">
|
||||
<h3 class="text-xl font-bold mb-4 text-gray-800 flex items-center">
|
||||
<i class="fas fa-search text-green-600 mr-3"></i>
|
||||
Cari Dokumen
|
||||
</h3>
|
||||
<div class="relative">
|
||||
<input type="text" class="w-full px-4 py-3 pl-12 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent transition-all" placeholder="Masukkan kata kunci...">
|
||||
<i class="fas fa-search absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400"></i>
|
||||
<button class="absolute right-2 top-1/2 transform -translate-y-1/2 bg-green-600 text-white px-4 py-2 rounded-md hover:from-green-700 hover:to-green-800 transition-all duration-300 shadow-md">
|
||||
Cari
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<register-block dynamic-section="css" key="cssDIKPLHD">
|
||||
<link href="~/assets/dflip/css/dflip.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="~/assets/dflip/css/themify-icons.min.css" rel="stylesheet" type="text/css">
|
||||
</register-block>
|
||||
|
||||
<register-block dynamic-section="scripts" key="jsDIKPLHD">
|
||||
<script src="~/assets/dflip/js/libs/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="~/assets/dflip/js/dflip.min.js" type="text/javascript"></script>
|
||||
</register-block>
|
||||
|
|
@ -21,8 +21,13 @@
|
|||
<div class="flex justify-center">
|
||||
<div class="w-full max-w-6xl py-12">
|
||||
<div class="text-center mb-8">
|
||||
<h1 class="text-3xl font-bold mb-4">Peraturan</h1>
|
||||
<p class="text-gray-600 max-w-4xl mx-auto">Regulasi Pemantauan Kualitas Air</p>
|
||||
<h1 class="text-3xl font-bold mb-4">Laporan Pemantauan Kualitas Air</h1>
|
||||
<p class="text-gray-600 max-w-4xl mx-auto leading-relaxed">
|
||||
Kumpulan laporan hasil pemantauan kualitas air yang dilakukan secara berkala oleh Dinas Lingkungan Hidup DKI Jakarta.
|
||||
Dokumen-dokumen ini memuat data dan analisis kondisi kualitas air di berbagai titik pemantauan di wilayah Jakarta,
|
||||
termasuk sungai, waduk, dan sumber air lainnya. Laporan ini menjadi dasar evaluasi kebijakan pengelolaan kualitas
|
||||
air dan upaya perbaikan lingkungan untuk menjaga ketersediaan air bersih bagi masyarakat Jakarta.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -31,163 +36,85 @@
|
|||
<div class="flex flex-col lg:flex-row gap-8">
|
||||
<!-- Main Content -->
|
||||
<div class="lg:w-2/3">
|
||||
<div class="bg-gradient-to-br from-white to-gray-50 rounded-xl shadow-lg border border-gray-100 p-8 backdrop-blur-sm">
|
||||
<div class="flex items-center justify-between mb-6">
|
||||
<h2 class="text-2xl font-bold text-gray-800 flex items-center">
|
||||
<i class="fas fa-file-archive text-green-600 mr-3"></i>
|
||||
Dokumen Tersedia
|
||||
</h2>
|
||||
<span class="bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm font-medium">4 Dokumen</span>
|
||||
</div>
|
||||
|
||||
<!-- Document Items with Enhanced Design -->
|
||||
<div class="space-y-6">
|
||||
<!-- Document Item 1 -->
|
||||
<div class="group bg-white rounded-xl shadow-md hover:shadow-xl transition-all duration-300 p-6 border border-gray-100 hover:border-green-200">
|
||||
<div class="flex flex-col md:flex-row gap-6">
|
||||
<!-- Image Preview Column -->
|
||||
<div class="md:w-1/4">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
|
||||
<img src="https://lingkunganhidup.jakarta.go.id/images/buku2dikplhd2019.png" alt="Document Preview" class="w-full h-32 object-cover group-hover:scale-105 transition-transform duration-300">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Document Details Column -->
|
||||
<div class="md:w-3/4">
|
||||
<h3 class="text-xl font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
<p class="text-gray-600 mb-4 leading-relaxed">Ringkasan eksekutif dokumen informasi kinerja pengelolaan lingkungan hidup daerah</p>
|
||||
<div class="flex flex-wrap justify-between items-center gap-4">
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="flex items-center text-orange-500 font-medium">
|
||||
<i class="far fa-calendar-alt mr-2"></i>12 Jan 2025
|
||||
</span>
|
||||
<span class="flex items-center text-gray-500">
|
||||
<i class="fas fa-download mr-2"></i>673 Download
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex gap-3">
|
||||
<a href="#" class="flex items-center text-blue-600 hover:text-blue-800 font-medium transition-colors">
|
||||
<i class="fas fa-eye mr-2"></i>View
|
||||
</a>
|
||||
<a href="#" class="bg-green-600 text-white px-6 py-2 rounded-lg hover:from-green-700 hover:to-green-800 transition-all duration-300 shadow-md hover:shadow-lg transform hover:-translate-y-0.5">
|
||||
<i class="fas fa-download mr-2"></i>Download
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Document Item 2 -->
|
||||
<div class="group bg-white rounded-xl shadow-md hover:shadow-xl transition-all duration-300 p-6 border border-gray-100 hover:border-green-200">
|
||||
<div class="flex flex-col md:flex-row gap-6">
|
||||
<div class="md:w-1/4">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
|
||||
<img src="https://lingkunganhidup.jakarta.go.id/images/buku2dikplhd2019.png" alt="Document Preview" class="w-full h-32 object-cover group-hover:scale-105 transition-transform duration-300">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md:w-3/4">
|
||||
<h3 class="text-xl font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors">Buku II DIKPLHD Tahun 2019</h3>
|
||||
<p class="text-gray-600 mb-4 leading-relaxed">Dokumen lengkap informasi kinerja pengelolaan lingkungan hidup daerah</p>
|
||||
<div class="flex flex-wrap justify-between items-center gap-4">
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="flex items-center text-orange-500 font-medium">
|
||||
<i class="far fa-calendar-alt mr-2"></i>12 Jan 2025
|
||||
</span>
|
||||
<span class="flex items-center text-gray-500">
|
||||
<i class="fas fa-download mr-2"></i>673 Download
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex gap-3">
|
||||
<a href="#" class="flex items-center text-blue-600 hover:text-blue-800 font-medium transition-colors">
|
||||
<i class="fas fa-eye mr-2"></i>View
|
||||
</a>
|
||||
<a href="#" class="bg-green-600 text-white px-6 py-2 rounded-lg hover:from-green-700 hover:to-green-800 transition-all duration-300 shadow-md hover:shadow-lg transform hover:-translate-y-0.5">
|
||||
<i class="fas fa-download mr-2"></i>Download
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Document Item 3 -->
|
||||
<div class="group bg-white rounded-xl shadow-md hover:shadow-xl transition-all duration-300 p-6 border border-gray-100 hover:border-green-200">
|
||||
<div class="flex flex-col md:flex-row gap-6">
|
||||
<div class="md:w-1/4">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
|
||||
<img src="https://lingkunganhidup.jakarta.go.id/images/buku2dikplhd2019.png" alt="Document Preview" class="w-full h-32 object-cover group-hover:scale-105 transition-transform duration-300">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md:w-3/4">
|
||||
<h3 class="text-xl font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors">Laporan Kualitas Udara DKI Jakarta 2023</h3>
|
||||
<p class="text-gray-600 mb-4 leading-relaxed">Laporan komprehensif mengenai kondisi kualitas udara di wilayah DKI Jakarta</p>
|
||||
<div class="flex flex-wrap justify-between items-center gap-4">
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="flex items-center text-orange-500 font-medium">
|
||||
<i class="far fa-calendar-alt mr-2"></i>10 Jan 2025
|
||||
</span>
|
||||
<span class="flex items-center text-gray-500">
|
||||
<i class="fas fa-download mr-2"></i>412 Download
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex gap-3">
|
||||
<a href="#" class="flex items-center text-blue-600 hover:text-blue-800 font-medium transition-colors">
|
||||
<i class="fas fa-eye mr-2"></i>View
|
||||
</a>
|
||||
<a href="#" class="bg-green-600 text-white px-6 py-2 rounded-lg hover:from-green-700 hover:to-green-800 transition-all duration-300 shadow-md hover:shadow-lg transform hover:-translate-y-0.5">
|
||||
<i class="fas fa-download mr-2"></i>Download
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Document Item 4 -->
|
||||
<div class="group bg-white rounded-xl shadow-md hover:shadow-xl transition-all duration-300 p-6 border border-gray-100 hover:border-green-200">
|
||||
<div class="flex flex-col md:flex-row gap-6">
|
||||
<div class="md:w-1/4">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="absolute top-3 right-3 z-10 bg-green-500 p-2 rounded-full shadow-md">
|
||||
<i class="fas fa-file-excel text-white text-sm"></i>
|
||||
</div>
|
||||
<img src="https://lingkunganhidup.jakarta.go.id/images/buku2dikplhd2019.png" alt="Document Preview" class="w-full h-32 object-cover group-hover:scale-105 transition-transform duration-300">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md:w-3/4">
|
||||
<h3 class="text-xl font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors">Data Pengelolaan Lingkungan Hidup 2024</h3>
|
||||
<p class="text-gray-600 mb-4 leading-relaxed">Data statistik dan analisis komprehensif mengenai pengelolaan lingkungan hidup</p>
|
||||
<div class="flex flex-wrap justify-between items-center gap-4">
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="flex items-center text-orange-500 font-medium">
|
||||
<i class="far fa-calendar-alt mr-2"></i>5 Jan 2025
|
||||
</span>
|
||||
<span class="flex items-center text-gray-500">
|
||||
<i class="fas fa-download mr-2"></i>289 Download
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex gap-3">
|
||||
<a href="#" class="flex items-center text-blue-600 hover:text-blue-800 font-medium transition-colors">
|
||||
<i class="fas fa-eye mr-2"></i>View
|
||||
</a>
|
||||
<a href="#" class="bg-green-600 text-white px-6 py-2 rounded-lg hover:from-green-700 hover:to-green-800 transition-all duration-300 shadow-md hover:shadow-lg transform hover:-translate-y-0.5">
|
||||
<i class="fas fa-download mr-2"></i>Download
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-gradient-to-br from-white to-gray-50 rounded-xl shadow-sm border border-gray-100 p-8 backdrop-blur-sm">
|
||||
<div class="flex items-center justify-between mb-6">
|
||||
<h2 class="text-2xl font-bold text-gray-800 flex items-center">
|
||||
<i class="fas fa-file-archive text-green-600 mr-3"></i>
|
||||
Dokumen
|
||||
</h2>
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm font-medium">8 Dokumen</span>
|
||||
<div class="flex items-center gap-2">
|
||||
<label class="text-sm font-medium text-gray-700">Filter:</label>
|
||||
<select class="px-3 py-1 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-green-500">
|
||||
<option>Semua Tahun</option>
|
||||
<option>2024</option>
|
||||
<option>2023</option>
|
||||
<option>2019</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-4 gap-4">
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Enhanced Sidebar -->
|
||||
|
|
@ -207,75 +134,16 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Filter Options -->
|
||||
<div class="bg-gradient-to-br from-white to-blue-50 rounded-xl shadow-lg border border-blue-100 p-6">
|
||||
<h3 class="text-xl font-bold mb-4 text-gray-800 flex items-center">
|
||||
<i class="fas fa-filter text-blue-600 mr-3"></i>
|
||||
Filter Dokumen
|
||||
</h3>
|
||||
<div class="space-y-4">
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-2">Jenis Dokumen</label>
|
||||
<select class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||
<option>Semua Jenis</option>
|
||||
<option>PDF</option>
|
||||
<option>Excel</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-2">Tahun</label>
|
||||
<select class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||
<option>Semua Tahun</option>
|
||||
<option>2024</option>
|
||||
<option>2023</option>
|
||||
<option>2019</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Related Documents -->
|
||||
<div class="bg-gradient-to-br from-white to-purple-50 rounded-xl shadow-lg border border-purple-100 p-6">
|
||||
<h3 class="text-xl font-bold mb-4 text-gray-800 flex items-center">
|
||||
<i class="fas fa-link text-purple-600 mr-3"></i>
|
||||
Dokumen Terkait
|
||||
</h3>
|
||||
<div class="space-y-4">
|
||||
<div class="group flex gap-4 p-4 bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-300 border border-gray-100 hover:border-purple-200">
|
||||
<div class="w-16 h-16 flex-shrink-0">
|
||||
<div class="w-full h-full bg-gradient-to-br from-green-400 to-green-600 rounded-lg flex items-center justify-center">
|
||||
<i class="fas fa-leaf text-white text-xl"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="font-bold mb-1 text-gray-800 group-hover:text-purple-600 transition-colors">Bidang Tata Lingkungan dan Kebersihan</h4>
|
||||
<p class="text-gray-500 text-sm mb-2 flex items-center">
|
||||
<i class="far fa-calendar-alt mr-1"></i>12 Jan 2025
|
||||
</p>
|
||||
<a href="#" class="text-purple-600 hover:text-purple-800 text-sm font-medium flex items-center">
|
||||
Kunjungi Laman <i class="fas fa-arrow-right ml-2"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group flex gap-4 p-4 bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-300 border border-gray-100 hover:border-purple-200">
|
||||
<div class="w-16 h-16 flex-shrink-0">
|
||||
<div class="w-full h-full bg-gradient-to-br from-blue-400 to-blue-600 rounded-lg flex items-center justify-center">
|
||||
<i class="fas fa-shield-alt text-white text-xl"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="font-bold mb-1 text-gray-800 group-hover:text-purple-600 transition-colors">Bidang Pengendalian Dampak Lingkungan</h4>
|
||||
<p class="text-gray-500 text-sm mb-2 flex items-center">
|
||||
<i class="far fa-calendar-alt mr-1"></i>8 Jan 2025
|
||||
</p>
|
||||
<a href="#" class="text-purple-600 hover:text-purple-800 text-sm font-medium flex items-center">
|
||||
Kunjungi Laman <i class="fas fa-arrow-right ml-2"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<register-block dynamic-section="css" key="cssDIKPLHD">
|
||||
<link href="~/assets/dflip/css/dflip.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="~/assets/dflip/css/themify-icons.min.css" rel="stylesheet" type="text/css">
|
||||
</register-block>
|
||||
|
||||
<register-block dynamic-section="scripts" key="jsDIKPLHD">
|
||||
<script src="~/assets/dflip/js/libs/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="~/assets/dflip/js/dflip.min.js" type="text/javascript"></script>
|
||||
</register-block>
|
||||
|
|
@ -22,7 +22,12 @@
|
|||
<div class="w-full max-w-6xl py-12">
|
||||
<div class="text-center mb-8">
|
||||
<h1 class="text-3xl font-bold mb-4">Peraturan</h1>
|
||||
<p class="text-gray-600 max-w-4xl mx-auto">Regulasi Terkait Lingkungan Hidup</p>
|
||||
<p class="text-gray-600 max-w-4xl mx-auto leading-relaxed">
|
||||
Kumpulan peraturan dan regulasi lengkap yang berkaitan dengan pengelolaan lingkungan hidup di wilayah DKI Jakarta.
|
||||
Dokumen-dokumen ini mencakup berbagai kebijakan, pedoman teknis, dan standar operasional yang menjadi acuan dalam
|
||||
pelaksanaan program-program perlindungan dan pengelolaan lingkungan hidup untuk mewujudkan Jakarta yang lebih hijau,
|
||||
bersih, dan berkelanjutan.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -31,163 +36,101 @@
|
|||
<div class="flex flex-col lg:flex-row gap-8">
|
||||
<!-- Main Content -->
|
||||
<div class="lg:w-2/3">
|
||||
<div class="bg-gradient-to-br from-white to-gray-50 rounded-xl shadow-lg border border-gray-100 p-8 backdrop-blur-sm">
|
||||
<div class="flex items-center justify-between mb-6">
|
||||
<h2 class="text-2xl font-bold text-gray-800 flex items-center">
|
||||
<i class="fas fa-file-archive text-green-600 mr-3"></i>
|
||||
Dokumen Tersedia
|
||||
</h2>
|
||||
<span class="bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm font-medium">4 Dokumen</span>
|
||||
</div>
|
||||
|
||||
<!-- Document Items with Enhanced Design -->
|
||||
<div class="space-y-6">
|
||||
<!-- Document Item 1 -->
|
||||
<div class="group bg-white rounded-xl shadow-md hover:shadow-xl transition-all duration-300 p-6 border border-gray-100 hover:border-green-200">
|
||||
<div class="flex flex-col md:flex-row gap-6">
|
||||
<!-- Image Preview Column -->
|
||||
<div class="md:w-1/4">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
|
||||
<img src="https://lingkunganhidup.jakarta.go.id/images/buku2dikplhd2019.png" alt="Document Preview" class="w-full h-32 object-cover group-hover:scale-105 transition-transform duration-300">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Document Details Column -->
|
||||
<div class="md:w-3/4">
|
||||
<h3 class="text-xl font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
<p class="text-gray-600 mb-4 leading-relaxed">Ringkasan eksekutif dokumen informasi kinerja pengelolaan lingkungan hidup daerah</p>
|
||||
<div class="flex flex-wrap justify-between items-center gap-4">
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="flex items-center text-orange-500 font-medium">
|
||||
<i class="far fa-calendar-alt mr-2"></i>12 Jan 2025
|
||||
</span>
|
||||
<span class="flex items-center text-gray-500">
|
||||
<i class="fas fa-download mr-2"></i>673 Download
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex gap-3">
|
||||
<a href="#" class="flex items-center text-blue-600 hover:text-blue-800 font-medium transition-colors">
|
||||
<i class="fas fa-eye mr-2"></i>View
|
||||
</a>
|
||||
<a href="#" class="bg-green-600 text-white px-6 py-2 rounded-lg hover:from-green-700 hover:to-green-800 transition-all duration-300 shadow-md hover:shadow-lg transform hover:-translate-y-0.5">
|
||||
<i class="fas fa-download mr-2"></i>Download
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-gradient-to-br from-white to-gray-50 rounded-xl shadow-sm border border-gray-100 p-8 backdrop-blur-sm">
|
||||
<div class="flex items-center justify-between mb-6">
|
||||
<h2 class="text-2xl font-bold text-gray-800 flex items-center">
|
||||
<i class="fas fa-file-archive text-green-600 mr-3"></i>
|
||||
Dokumen
|
||||
</h2>
|
||||
<div class="flex items-center gap-4">
|
||||
<div class="flex items-center gap-2">
|
||||
<label class="text-sm font-medium text-gray-700">Kategori:</label>
|
||||
<select class="px-3 py-1 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-green-500">
|
||||
<option>Pengelolaan Limbah B3</option>
|
||||
<option>Pengendalian Pencemaran Air</option>
|
||||
<option>Pengendalian Pencemaran Udara</option>
|
||||
<option>Pengelolaan Limbah Padat</option>
|
||||
<option title="Peraturan dan Pedoman Terkait Pengendalian Dampak Perubahan Iklim">Peraturan dan Pedoman Terkait...</option>
|
||||
<option title="Peraturan Gubernur Jakarta Sadar Sampah dan Standar Teknis Prasarana dan Sarana Penanganan Sampah">Peraturan Gubernur Jakarta Sadar...</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- Document Item 2 -->
|
||||
<div class="group bg-white rounded-xl shadow-md hover:shadow-xl transition-all duration-300 p-6 border border-gray-100 hover:border-green-200">
|
||||
<div class="flex flex-col md:flex-row gap-6">
|
||||
<div class="md:w-1/4">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
|
||||
<img src="https://lingkunganhidup.jakarta.go.id/images/buku2dikplhd2019.png" alt="Document Preview" class="w-full h-32 object-cover group-hover:scale-105 transition-transform duration-300">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md:w-3/4">
|
||||
<h3 class="text-xl font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors">Buku II DIKPLHD Tahun 2019</h3>
|
||||
<p class="text-gray-600 mb-4 leading-relaxed">Dokumen lengkap informasi kinerja pengelolaan lingkungan hidup daerah</p>
|
||||
<div class="flex flex-wrap justify-between items-center gap-4">
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="flex items-center text-orange-500 font-medium">
|
||||
<i class="far fa-calendar-alt mr-2"></i>12 Jan 2025
|
||||
</span>
|
||||
<span class="flex items-center text-gray-500">
|
||||
<i class="fas fa-download mr-2"></i>673 Download
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex gap-3">
|
||||
<a href="#" class="flex items-center text-blue-600 hover:text-blue-800 font-medium transition-colors">
|
||||
<i class="fas fa-eye mr-2"></i>View
|
||||
</a>
|
||||
<a href="#" class="bg-green-600 text-white px-6 py-2 rounded-lg hover:from-green-700 hover:to-green-800 transition-all duration-300 shadow-md hover:shadow-lg transform hover:-translate-y-0.5">
|
||||
<i class="fas fa-download mr-2"></i>Download
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Document Item 3 -->
|
||||
<div class="group bg-white rounded-xl shadow-md hover:shadow-xl transition-all duration-300 p-6 border border-gray-100 hover:border-green-200">
|
||||
<div class="flex flex-col md:flex-row gap-6">
|
||||
<div class="md:w-1/4">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
|
||||
<img src="https://lingkunganhidup.jakarta.go.id/images/buku2dikplhd2019.png" alt="Document Preview" class="w-full h-32 object-cover group-hover:scale-105 transition-transform duration-300">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md:w-3/4">
|
||||
<h3 class="text-xl font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors">Laporan Kualitas Udara DKI Jakarta 2023</h3>
|
||||
<p class="text-gray-600 mb-4 leading-relaxed">Laporan komprehensif mengenai kondisi kualitas udara di wilayah DKI Jakarta</p>
|
||||
<div class="flex flex-wrap justify-between items-center gap-4">
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="flex items-center text-orange-500 font-medium">
|
||||
<i class="far fa-calendar-alt mr-2"></i>10 Jan 2025
|
||||
</span>
|
||||
<span class="flex items-center text-gray-500">
|
||||
<i class="fas fa-download mr-2"></i>412 Download
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex gap-3">
|
||||
<a href="#" class="flex items-center text-blue-600 hover:text-blue-800 font-medium transition-colors">
|
||||
<i class="fas fa-eye mr-2"></i>View
|
||||
</a>
|
||||
<a href="#" class="bg-green-600 text-white px-6 py-2 rounded-lg hover:from-green-700 hover:to-green-800 transition-all duration-300 shadow-md hover:shadow-lg transform hover:-translate-y-0.5">
|
||||
<i class="fas fa-download mr-2"></i>Download
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Document Item 4 -->
|
||||
<div class="group bg-white rounded-xl shadow-md hover:shadow-xl transition-all duration-300 p-6 border border-gray-100 hover:border-green-200">
|
||||
<div class="flex flex-col md:flex-row gap-6">
|
||||
<div class="md:w-1/4">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="absolute top-3 right-3 z-10 bg-green-500 p-2 rounded-full shadow-md">
|
||||
<i class="fas fa-file-excel text-white text-sm"></i>
|
||||
</div>
|
||||
<img src="https://lingkunganhidup.jakarta.go.id/images/buku2dikplhd2019.png" alt="Document Preview" class="w-full h-32 object-cover group-hover:scale-105 transition-transform duration-300">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md:w-3/4">
|
||||
<h3 class="text-xl font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors">Data Pengelolaan Lingkungan Hidup 2024</h3>
|
||||
<p class="text-gray-600 mb-4 leading-relaxed">Data statistik dan analisis komprehensif mengenai pengelolaan lingkungan hidup</p>
|
||||
<div class="flex flex-wrap justify-between items-center gap-4">
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="flex items-center text-orange-500 font-medium">
|
||||
<i class="far fa-calendar-alt mr-2"></i>5 Jan 2025
|
||||
</span>
|
||||
<span class="flex items-center text-gray-500">
|
||||
<i class="fas fa-download mr-2"></i>289 Download
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex gap-3">
|
||||
<a href="#" class="flex items-center text-blue-600 hover:text-blue-800 font-medium transition-colors">
|
||||
<i class="fas fa-eye mr-2"></i>View
|
||||
</a>
|
||||
<a href="#" class="bg-green-600 text-white px-6 py-2 rounded-lg hover:from-green-700 hover:to-green-800 transition-all duration-300 shadow-md hover:shadow-lg transform hover:-translate-y-0.5">
|
||||
<i class="fas fa-download mr-2"></i>Download
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-2">
|
||||
<label class="text-sm font-medium text-gray-700">Tahun:</label>
|
||||
<select class="px-3 py-1 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-green-500">
|
||||
<option>Semua Tahun</option>
|
||||
<option>2024</option>
|
||||
<option>2023</option>
|
||||
<option>2019</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-orange-100 text-orange-800 border border-orange-200 mb-4 gap-2">
|
||||
<i class="w-4 h-4 text-green-600" data-lucide="book-open-text"></i>
|
||||
<h2 class="text-sm font-semibold">Pengelolaan Limbah B3</h2>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 md:grid-cols-4 gap-4">
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm">
|
||||
<div class="relative overflow-hidden rounded-lg">
|
||||
<div class="_df_thumb" source="@Url.Content("~/assets/documents/dikplhd/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf")" thumb="@Url.Content("~/assets/images/dikplhd/buku.jpg")">Klik untuk Lihat & Unduh</div>
|
||||
<h3 class="text-xs font-bold mb-3 text-gray-800 group-hover:text-green-600 transition-colors px-4">Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Enhanced Sidebar -->
|
||||
|
|
@ -207,75 +150,16 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Filter Options -->
|
||||
<div class="bg-gradient-to-br from-white to-blue-50 rounded-xl shadow-lg border border-blue-100 p-6">
|
||||
<h3 class="text-xl font-bold mb-4 text-gray-800 flex items-center">
|
||||
<i class="fas fa-filter text-blue-600 mr-3"></i>
|
||||
Filter Dokumen
|
||||
</h3>
|
||||
<div class="space-y-4">
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-2">Jenis Dokumen</label>
|
||||
<select class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||
<option>Semua Jenis</option>
|
||||
<option>PDF</option>
|
||||
<option>Excel</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-2">Tahun</label>
|
||||
<select class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||
<option>Semua Tahun</option>
|
||||
<option>2024</option>
|
||||
<option>2023</option>
|
||||
<option>2019</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Related Documents -->
|
||||
<div class="bg-gradient-to-br from-white to-purple-50 rounded-xl shadow-lg border border-purple-100 p-6">
|
||||
<h3 class="text-xl font-bold mb-4 text-gray-800 flex items-center">
|
||||
<i class="fas fa-link text-purple-600 mr-3"></i>
|
||||
Dokumen Terkait
|
||||
</h3>
|
||||
<div class="space-y-4">
|
||||
<div class="group flex gap-4 p-4 bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-300 border border-gray-100 hover:border-purple-200">
|
||||
<div class="w-16 h-16 flex-shrink-0">
|
||||
<div class="w-full h-full bg-gradient-to-br from-green-400 to-green-600 rounded-lg flex items-center justify-center">
|
||||
<i class="fas fa-leaf text-white text-xl"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="font-bold mb-1 text-gray-800 group-hover:text-purple-600 transition-colors">Bidang Tata Lingkungan dan Kebersihan</h4>
|
||||
<p class="text-gray-500 text-sm mb-2 flex items-center">
|
||||
<i class="far fa-calendar-alt mr-1"></i>12 Jan 2025
|
||||
</p>
|
||||
<a href="#" class="text-purple-600 hover:text-purple-800 text-sm font-medium flex items-center">
|
||||
Kunjungi Laman <i class="fas fa-arrow-right ml-2"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group flex gap-4 p-4 bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-300 border border-gray-100 hover:border-purple-200">
|
||||
<div class="w-16 h-16 flex-shrink-0">
|
||||
<div class="w-full h-full bg-gradient-to-br from-blue-400 to-blue-600 rounded-lg flex items-center justify-center">
|
||||
<i class="fas fa-shield-alt text-white text-xl"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h4 class="font-bold mb-1 text-gray-800 group-hover:text-purple-600 transition-colors">Bidang Pengendalian Dampak Lingkungan</h4>
|
||||
<p class="text-gray-500 text-sm mb-2 flex items-center">
|
||||
<i class="far fa-calendar-alt mr-1"></i>8 Jan 2025
|
||||
</p>
|
||||
<a href="#" class="text-purple-600 hover:text-purple-800 text-sm font-medium flex items-center">
|
||||
Kunjungi Laman <i class="fas fa-arrow-right ml-2"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<register-block dynamic-section="css" key="cssDIKPLHD">
|
||||
<link href="~/assets/dflip/css/dflip.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="~/assets/dflip/css/themify-icons.min.css" rel="stylesheet" type="text/css">
|
||||
</register-block>
|
||||
|
||||
<register-block dynamic-section="scripts" key="jsDIKPLHD">
|
||||
<script src="~/assets/dflip/js/libs/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="~/assets/dflip/js/dflip.min.js" type="text/javascript"></script>
|
||||
</register-block>
|
||||
|
|
@ -0,0 +1,189 @@
|
|||
@{
|
||||
Layout = "_Layout";
|
||||
|
||||
ViewData["Title"] = "Berita - Dinas Lingkungan Hidup DKI Jakarta";
|
||||
ViewData["Description"] = "Kegiatan dan Informasi Terkini dari Dinas Lingkungan Hidup DKI Jakarta";
|
||||
ViewData["Keywords"] = "Berita, Dokumen Informasi, Kinerja, Lingkungan Hidup, DLH, Dinas Lingkungan Hidup DKI Jakarta";
|
||||
ViewData["OgTitle"] = "Berita - Dinas Lingkungan Hidup DKI Jakarta";
|
||||
ViewData["OgDescription"] = "Kegiatan dan Informasi Terkini dari Dinas Lingkungan Hidup DKI Jakarta";
|
||||
ViewData["TwitterTitle"] = "Berita - Dinas Lingkungan Hidup DKI Jakarta";
|
||||
ViewData["TwitterDescription"] = "Kegiatan dan Informasi Terkini dari Dinas Lingkungan Hidup DKI Jakarta";
|
||||
|
||||
// Breadcumb
|
||||
ViewData["BreadcrumbText"] = "Berita";
|
||||
ViewData["TitleBeforeHighlight"] = "Kegiatan dan Informasi Terkini";
|
||||
ViewData["TitleHighlight"] = "dari Dinas Lingkungan Hidup DKI Jakarta";
|
||||
}
|
||||
|
||||
<!-- Breadcumb -->
|
||||
<partial name="~/Views/Shared/Partials/_Breadcumb.cshtml" />
|
||||
|
||||
|
||||
<section class="py-12 bg-gray-50">
|
||||
<div class="container mx-auto px-4">
|
||||
<!-- Search and Filter Section -->
|
||||
<div class="mb-8">
|
||||
<div class="flex flex-col md:flex-row gap-4 items-center justify-between">
|
||||
<!-- Search Bar -->
|
||||
<div class="w-full md:w-1/2">
|
||||
<div class="relative">
|
||||
<input type="text" placeholder="Cari berita..."
|
||||
class="w-full px-4 py-3 pl-10 pr-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-green-500">
|
||||
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
|
||||
<svg class="h-5 w-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Category Filter -->
|
||||
<div class="w-full md:w-auto">
|
||||
<select class="px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-green-500">
|
||||
<option value="">Semua Kategori</option>
|
||||
<option value="lingkungan">Lingkungan</option>
|
||||
<option value="kebersihan">Kebersihan</option>
|
||||
<option value="kegiatan">Kegiatan</option>
|
||||
<option value="pengumuman">Pengumuman</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Trending News Section -->
|
||||
<div class="mb-12">
|
||||
<h2 class="text-2xl font-bold text-gray-800 mb-6">Berita Trending</h2>
|
||||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
|
||||
<!-- Main Trending News -->
|
||||
<div class="lg:col-span-1">
|
||||
<div class="relative overflow-hidden rounded-xl shadow-lg group cursor-pointer">
|
||||
<img src="https://via.placeholder.com/600x400" alt="Trending News"
|
||||
class="w-full h-80 object-cover group-hover:scale-105 transition-transform duration-300">
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent"></div>
|
||||
<div class="absolute bottom-0 left-0 right-0 p-6 text-white">
|
||||
<span class="inline-block px-3 py-1 bg-red-600 text-xs font-semibold rounded-full mb-3">TRENDING</span>
|
||||
<h3 class="text-xl font-bold mb-2">Judul Berita Trending Utama Yang Menarik Perhatian</h3>
|
||||
<p class="text-sm opacity-90 mb-2">Lorem ipsum dolor sit amet consectetur adipisicing elit...</p>
|
||||
<span class="text-xs opacity-75">15 Januari 2024</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Side Trending News -->
|
||||
<div class="space-y-4">
|
||||
<div class="flex gap-4 p-4 bg-white rounded-lg shadow hover:shadow-md transition-shadow cursor-pointer">
|
||||
<img src="https://via.placeholder.com/120x80" alt="News" class="w-24 h-20 object-cover rounded-lg flex-shrink-0">
|
||||
<div class="flex-1">
|
||||
<span class="inline-block px-2 py-1 bg-orange-100 text-orange-800 text-xs font-medium rounded mb-2">HOT</span>
|
||||
<h4 class="font-semibold text-gray-800 mb-1 line-clamp-2">Judul Berita Trending Kedua</h4>
|
||||
<span class="text-xs text-gray-500">12 Januari 2024</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex gap-4 p-4 bg-white rounded-lg shadow hover:shadow-md transition-shadow cursor-pointer">
|
||||
<img src="https://via.placeholder.com/120x80" alt="News" class="w-24 h-20 object-cover rounded-lg flex-shrink-0">
|
||||
<div class="flex-1">
|
||||
<span class="inline-block px-2 py-1 bg-green-100 text-green-800 text-xs font-medium rounded mb-2">NEW</span>
|
||||
<h4 class="font-semibold text-gray-800 mb-1 line-clamp-2">Judul Berita Trending Ketiga</h4>
|
||||
<span class="text-xs text-gray-500">10 Januari 2024</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex gap-4 p-4 bg-white rounded-lg shadow hover:shadow-md transition-shadow cursor-pointer">
|
||||
<img src="https://via.placeholder.com/120x80" alt="News" class="w-24 h-20 object-cover rounded-lg flex-shrink-0">
|
||||
<div class="flex-1">
|
||||
<span class="inline-block px-2 py-1 bg-blue-100 text-blue-800 text-xs font-medium rounded mb-2">UPDATE</span>
|
||||
<h4 class="font-semibold text-gray-800 mb-1 line-clamp-2">Judul Berita Trending Keempat</h4>
|
||||
<span class="text-xs text-gray-500">8 Januari 2024</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- All News Section -->
|
||||
<div>
|
||||
<h2 class="text-2xl font-bold text-gray-800 mb-6">Semua Berita</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" id="news-grid">
|
||||
<!-- News Card 1 -->
|
||||
<article class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300 cursor-pointer">
|
||||
<img src="https://via.placeholder.com/400x250" alt="News" class="w-full h-48 object-cover">
|
||||
<div class="p-6">
|
||||
<div class="flex items-center gap-2 mb-3">
|
||||
<span class="px-2 py-1 bg-green-100 text-green-800 text-xs font-medium rounded">Lingkungan</span>
|
||||
<span class="text-xs text-gray-500">5 Januari 2024</span>
|
||||
</div>
|
||||
<h3 class="font-bold text-gray-800 mb-2 line-clamp-2">Program Penghijauan Kota Jakarta Tahun 2024</h3>
|
||||
<p class="text-gray-600 text-sm mb-4 line-clamp-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia, voluptatem...</p>
|
||||
<a href="#" class="text-green-600 hover:text-green-700 font-medium text-sm">Baca Selengkapnya →</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- News Card 2 -->
|
||||
<article class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300 cursor-pointer">
|
||||
<img src="https://via.placeholder.com/400x250" alt="News" class="w-full h-48 object-cover">
|
||||
<div class="p-6">
|
||||
<div class="flex items-center gap-2 mb-3">
|
||||
<span class="px-2 py-1 bg-blue-100 text-blue-800 text-xs font-medium rounded">Kebersihan</span>
|
||||
<span class="text-xs text-gray-500">3 Januari 2024</span>
|
||||
</div>
|
||||
<h3 class="font-bold text-gray-800 mb-2 line-clamp-2">Operasi Kebersihan Lingkungan di Seluruh DKI Jakarta</h3>
|
||||
<p class="text-gray-600 text-sm mb-4 line-clamp-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia, voluptatem...</p>
|
||||
<a href="#" class="text-green-600 hover:text-green-700 font-medium text-sm">Baca Selengkapnya →</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- News Card 3 -->
|
||||
<article class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300 cursor-pointer">
|
||||
<img src="https://via.placeholder.com/400x250" alt="News" class="w-full h-48 object-cover">
|
||||
<div class="p-6">
|
||||
<div class="flex items-center gap-2 mb-3">
|
||||
<span class="px-2 py-1 bg-purple-100 text-purple-800 text-xs font-medium rounded">Kegiatan</span>
|
||||
<span class="text-xs text-gray-500">1 Januari 2024</span>
|
||||
</div>
|
||||
<h3 class="font-bold text-gray-800 mb-2 line-clamp-2">Workshop Pengelolaan Sampah Ramah Lingkungan</h3>
|
||||
<p class="text-gray-600 text-sm mb-4 line-clamp-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia, voluptatem...</p>
|
||||
<a href="#" class="text-green-600 hover:text-green-700 font-medium text-sm">Baca Selengkapnya →</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- More news cards would be loaded dynamically -->
|
||||
</div>
|
||||
|
||||
<!-- Load More Button -->
|
||||
<div class="text-center mt-10">
|
||||
<button id="load-more-btn"
|
||||
class="px-8 py-3 bg-green-600 text-white font-medium rounded-lg hover:bg-green-700 transition-colors duration-300 focus:ring-4 focus:ring-green-200">
|
||||
Muat Lebih Banyak
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const loadMoreBtn = document.getElementById('load-more-btn');
|
||||
const newsGrid = document.getElementById('news-grid');
|
||||
|
||||
loadMoreBtn.addEventListener('click', function() {
|
||||
// Simulate loading more news
|
||||
const newNewsHtml = `
|
||||
<article class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300 cursor-pointer">
|
||||
<img src="https://via.placeholder.com/400x250" alt="News" class="w-full h-48 object-cover">
|
||||
<div class="p-6">
|
||||
<div class="flex items-center gap-2 mb-3">
|
||||
<span class="px-2 py-1 bg-yellow-100 text-yellow-800 text-xs font-medium rounded">Pengumuman</span>
|
||||
<span class="text-xs text-gray-500">28 Desember 2023</span>
|
||||
</div>
|
||||
<h3 class="font-bold text-gray-800 mb-2 line-clamp-2">Berita Baru yang Dimuat Secara Dinamis</h3>
|
||||
<p class="text-gray-600 text-sm mb-4 line-clamp-3">Lorem ipsum dolor sit amet consectetur adipisicing elit...</p>
|
||||
<a href="#" class="text-green-600 hover:text-green-700 font-medium text-sm">Baca Selengkapnya →</a>
|
||||
</div>
|
||||
</article>
|
||||
`;
|
||||
|
||||
newsGrid.insertAdjacentHTML('beforeend', newNewsHtml);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
@{
|
||||
Layout = "_Layout";
|
||||
|
||||
ViewData["Title"] = "Kontak Kami - Dinas Lingkungan Hidup DKI Jakarta";
|
||||
ViewData["Description"] = "Kegiatan dan Informasi Terkini dari Dinas Lingkungan Hidup DKI Jakarta";
|
||||
ViewData["Keywords"] = "Kontak Kami, Dokumen Informasi, Kinerja, Lingkungan Hidup, DLH, Dinas Lingkungan Hidup DKI Jakarta";
|
||||
ViewData["OgTitle"] = "Kontak Kami - Dinas Lingkungan Hidup DKI Jakarta";
|
||||
ViewData["OgDescription"] = "Kegiatan dan Informasi Terkini dari Dinas Lingkungan Hidup DKI Jakarta";
|
||||
ViewData["TwitterTitle"] = "Kontak Kami - Dinas Lingkungan Hidup DKI Jakarta";
|
||||
ViewData["TwitterDescription"] = "Kegiatan dan Informasi Terkini dari Dinas Lingkungan Hidup DKI Jakarta";
|
||||
|
||||
// Breadcumb
|
||||
ViewData["BreadcrumbText"] = "Kontak Kami";
|
||||
ViewData["TitleBeforeHighlight"] = "Kegiatan dan Informasi Terkini";
|
||||
ViewData["TitleHighlight"] = "dari Dinas Lingkungan Hidup DKI Jakarta";
|
||||
}
|
||||
|
||||
<!-- Breadcumb -->
|
||||
<partial name="~/Views/Shared/Partials/_Breadcumb.cshtml" />
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<div id="flipBookModal" class="fixed inset-0 bg-black bg-opacity-75 z-50 hidden">
|
||||
<div class="flex items-center justify-center h-full p-4">
|
||||
<div class="bg-white rounded-lg shadow-2xl max-w-6xl w-full h-5/6 relative">
|
||||
<div class="flex justify-between items-center p-4 border-b">
|
||||
<h3 id="flipBookTitle" class="text-lg font-semibold">Document Viewer</h3>
|
||||
<button id="closeFlipBook" class="text-gray-500 hover:text-gray-700 text-2xl">×</button>
|
||||
</div>
|
||||
<div class="h-full p-4">
|
||||
<div class="sample-container-box h-full">
|
||||
<div id="flipBookContainer" class="sample-container flip-book-container h-full" src="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -3,14 +3,14 @@
|
|||
|
||||
<div id="mega-menu-5" class="hidden absolute left-0 w-full bg-white shadow-lg border-t border-gray-200 transition-all duration-300 z-40">
|
||||
<div class="max-w-6xl mx-auto px-4 py-6 grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<a href="#" class="flex items-start gap-3 p-2 rounded-lg hover:bg-orange-50 transition">
|
||||
<a href="@Url.Action("Berita", "Seputar")" class="flex items-start gap-3 p-2 rounded-lg hover:bg-orange-50 transition">
|
||||
<div class="bg-orange-100 rounded-full p-2"><i class="w-5 h-5 text-orange-600" data-lucide="newspaper"></i></div>
|
||||
<div>
|
||||
<div class="font-medium text-gray-900 hover:text-orange-700">Berita</div>
|
||||
<p class="text-sm text-gray-500">Kegiatan dan informasi terkini dari DLH.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="flex items-start gap-3 p-2 rounded-lg hover:bg-orange-50 transition">
|
||||
<a href="@Url.Action("Kontak", "Seputar")" class="flex items-start gap-3 p-2 rounded-lg hover:bg-orange-50 transition">
|
||||
<div class="bg-orange-100 rounded-full p-2"><i class="w-5 h-5 text-orange-600" data-lucide="phone"></i></div>
|
||||
<div>
|
||||
<div class="font-medium text-gray-900 hover:text-orange-700">Kontak Kami</div>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
var titleHighlight = ViewData["TitleHighlight"] as string ?? "Judul Highlight";
|
||||
}
|
||||
|
||||
<div class="relative bg-white text-gray-800 py-12 container mx-auto max-w-6xl rounded-2xl shadow-2xl overflow-hidden mt-6 h-80">
|
||||
<div class="relative bg-white text-gray-800 py-12 container mx-auto max-w-6xl rounded-2xl shadow-xl overflow-hidden mt-6 h-80">
|
||||
<!-- Background Image -->
|
||||
<div class="absolute inset-0">
|
||||
<img src="@Url.Content("~/assets/images/bg-breadcumb.png")" alt="Background" class="w-full h-full object-cover object-right md:object-center" />
|
||||
|
|
@ -71,7 +71,7 @@
|
|||
</div>
|
||||
|
||||
<!-- Bottom Glow Effect -->
|
||||
<div class="absolute bottom-0 left-1/2 transform -translate-x-1/2 w-3/4 h-1 bg-gradient-to-r from-transparent via-green-600 to-transparent blur-sm"></div>
|
||||
@* <div class="absolute bottom-0 left-1/2 transform -translate-x-1/2 w-3/4 h-1 bg-gradient-to-r from-transparent via-green-600 to-transparent blur-sm"></div> *@
|
||||
</div>
|
||||
|
||||
<register-block dynamic-section="css" key="cssBreadcumb">
|
||||
|
|
|
|||
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -13,7 +13,7 @@ using System.Reflection;
|
|||
[assembly: System.Reflection.AssemblyCompanyAttribute("dlh-net")]
|
||||
[assembly: System.Reflection.AssemblyConfigurationAttribute("Debug")]
|
||||
[assembly: System.Reflection.AssemblyFileVersionAttribute("1.0.0.0")]
|
||||
[assembly: System.Reflection.AssemblyInformationalVersionAttribute("1.0.0+665891422ccffa3c6e96f0313d577403f991b334")]
|
||||
[assembly: System.Reflection.AssemblyInformationalVersionAttribute("1.0.0+955d33b8ea69d98d78e82ffca208ddddfd41981f")]
|
||||
[assembly: System.Reflection.AssemblyProductAttribute("dlh-net")]
|
||||
[assembly: System.Reflection.AssemblyTitleAttribute("dlh-net")]
|
||||
[assembly: System.Reflection.AssemblyVersionAttribute("1.0.0.0")]
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
625f3fee7964815f9ab85d6aa909a52c7e43fda62a11949ed413c8c059a5798b
|
||||
4ac9e3a459e6d8a0b73029eacfae20325a8b2389bc255a63c5e57c58e4bd2aa0
|
||||
|
|
|
|||
|
|
@ -64,6 +64,10 @@ build_metadata.AdditionalFiles.CssScope =
|
|||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcQ29tcG9uZW50c1xIb21lXF9XZWJzaXRlLmNzaHRtbA==
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/laragon/www/dlh-net/Views/Components/Publikasi/_DikplhdFlip.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcQ29tcG9uZW50c1xQdWJsaWthc2lcX0Rpa3BsaGRGbGlwLmNzaHRtbA==
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/laragon/www/dlh-net/Views/Home/Index.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcSG9tZVxJbmRleC5jc2h0bWw=
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
|
@ -120,6 +124,10 @@ build_metadata.AdditionalFiles.CssScope =
|
|||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcUHVibGlrYXNpXERpa3BsaGQuY3NodG1s
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/laragon/www/dlh-net/Views/Publikasi/LaporanKeuangan.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcUHVibGlrYXNpXExhcG9yYW5LZXVhbmdhbi5jc2h0bWw=
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/laragon/www/dlh-net/Views/Publikasi/LaporanKualitasAir.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcUHVibGlrYXNpXExhcG9yYW5LdWFsaXRhc0Fpci5jc2h0bWw=
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
|
@ -128,6 +136,18 @@ build_metadata.AdditionalFiles.CssScope =
|
|||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcUHVibGlrYXNpXFBlcmF0dXJhbi5jc2h0bWw=
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/laragon/www/dlh-net/Views/Seputar/Berita.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2VwdXRhclxCZXJpdGEuY3NodG1s
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/laragon/www/dlh-net/Views/Seputar/Kontak.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2VwdXRhclxLb250YWsuY3NodG1s
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/laragon/www/dlh-net/Views/Shared/Components/FlipBook/FlipBook.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXENvbXBvbmVudHNcRmxpcEJvb2tcRmxpcEJvb2suY3NodG1s
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/laragon/www/dlh-net/Views/Shared/Error.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXEVycm9yLmNzaHRtbA==
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
|
|
|||
|
|
@ -6417,4 +6417,23 @@ C:\laragon\www\dlh-net\bin\Debug\net9.0\publish\wwwroot\lib\lucide\tags.json
|
|||
C:\laragon\www\dlh-net\bin\Debug\net9.0\publish\wwwroot\lib\lucide\tsconfig.json
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\whdzgwhwig-52k9nfb9i9.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\1eirg8gji5-b8vwsgm4sc.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\hc40dw3fux-cidzcx1dis.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\55sm932zpp-on0js6nvpu.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\ug1ceg2arp-islyxa57bt.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\kui6q04f01-27plz38t4k.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\oq3jbuz5bn-6m3jafou73.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\sxon5sxtik-jl3i0umxz1.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\3fpbf4xe2e-rsjenps9c2.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\jk2mnq9mhl-2j0103tc8i.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\rknw4myrze-jepx6poem6.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\n8rg8xdpfi-qn5ggpzvzw.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\18rsgi7bdt-411j81jy69.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\dzfx1mmq4b-gtf62ws88x.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\eul0078vmd-ohgpcl7klb.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\k5tbyi1yqt-cdzpwdajk3.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\xx6vomz0qv-sylhp3gl79.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\h7m86rjb4g-owe98484lx.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\6f3wiwkvri-daan8q7dzx.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\2dj0mvx8q4-e22e0zot4m.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\j77vh0nmhu-dj4s7pxa1c.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\ee9ns2s4jk-so55gvvuwj.gz
|
||||
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\hc40dw3fux-zylckvraor.gz
|
||||
|
|
|
|||
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1 +1 @@
|
|||
5ZXiovAFurLtYAVgfPmzavOxv0O3NVdCftEvchAvAT0=
|
||||
0wWrfoM026XQKG6BeDhAtmr6FPGd4/tzsCdbVBbDe9w=
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Binary file not shown.
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 229 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
|
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="40"
|
||||
height="40"
|
||||
viewBox="0 0 40 40">
|
||||
<path
|
||||
d="M 1.5006714,23.536225 6.8925879,18.994244 14.585721,26.037937 34.019683,4.5410479 38.499329,9.2235032 14.585721,35.458952 z"
|
||||
id="path4"
|
||||
style="fill:#ffff00;fill-opacity:1;stroke:#000000;stroke-width:1.25402856;stroke-opacity:1" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 415 B |
|
|
@ -0,0 +1,16 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
height="40"
|
||||
width="40"
|
||||
viewBox="0 0 40 40">
|
||||
<rect
|
||||
style="fill:#ffff00;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
|
||||
width="33.76017"
|
||||
height="33.76017"
|
||||
x="3.119915"
|
||||
y="3.119915" />
|
||||
<path
|
||||
d="m 20.677967,8.54499 c -7.342801,0 -13.295293,4.954293 -13.295293,11.065751 0,2.088793 0.3647173,3.484376 1.575539,5.150563 L 6.0267418,31.45501 13.560595,29.011117 c 2.221262,1.387962 4.125932,1.665377 7.117372,1.665377 7.3428,0 13.295291,-4.954295 13.295291,-11.065753 0,-6.111458 -5.952491,-11.065751 -13.295291,-11.065751 z"
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.93031836;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 883 B |
|
|
@ -0,0 +1,26 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="40"
|
||||
height="40"
|
||||
viewBox="0 0 40 40">
|
||||
<g
|
||||
transform="translate(0,-60)"
|
||||
id="layer1">
|
||||
<rect
|
||||
width="36.460953"
|
||||
height="34.805603"
|
||||
x="1.7695236"
|
||||
y="62.597198"
|
||||
style="fill:#ffff00;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.30826771;stroke-opacity:1" />
|
||||
<g
|
||||
transform="matrix(0.88763677,0,0,0.88763677,2.2472646,8.9890584)">
|
||||
<path
|
||||
d="M 20,64.526342 C 11.454135,64.526342 4.5263421,71.454135 4.5263421,80 4.5263421,88.545865 11.454135,95.473658 20,95.473658 28.545865,95.473658 35.473658,88.545865 35.473658,80 35.473658,71.454135 28.545865,64.526342 20,64.526342 z m -0.408738,9.488564 c 3.527079,0 6.393832,2.84061 6.393832,6.335441 0,3.494831 -2.866753,6.335441 -6.393832,6.335441 -3.527079,0 -6.393832,-2.84061 -6.393832,-6.335441 0,-3.494831 2.866753,-6.335441 6.393832,-6.335441 z"
|
||||
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.02768445;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
|
||||
<path
|
||||
d="m 7.2335209,71.819938 4.9702591,4.161823 c -1.679956,2.581606 -1.443939,6.069592 0.159325,8.677725 l -5.1263071,3.424463 c 0.67516,1.231452 3.0166401,3.547686 4.2331971,4.194757 l 3.907728,-4.567277 c 2.541952,1.45975 5.730694,1.392161 8.438683,-0.12614 l 3.469517,6.108336 c 1.129779,-0.44367 4.742234,-3.449633 5.416358,-5.003859 l -5.46204,-4.415541 c 1.44319,-2.424098 1.651175,-5.267515 0.557303,-7.748623 l 5.903195,-3.833951 C 33.14257,71.704996 30.616217,69.018606 29.02952,67.99296 l -4.118813,4.981678 C 22.411934,71.205099 18.900853,70.937534 16.041319,72.32916 l -3.595408,-5.322091 c -1.345962,0.579488 -4.1293881,2.921233 -5.2123901,4.812869 z m 8.1010311,3.426672 c 2.75284,-2.446266 6.769149,-2.144694 9.048998,0.420874 2.279848,2.56557 2.113919,6.596919 -0.638924,9.043185 -2.752841,2.446267 -6.775754,2.13726 -9.055604,-0.428308 -2.279851,-2.565568 -2.107313,-6.589485 0.64553,-9.035751 z"
|
||||
style="fill:#000000;fill-opacity:1;stroke:none" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
|
|
@ -0,0 +1,10 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="64"
|
||||
height="64"
|
||||
viewBox="0 0 64 64">
|
||||
<path
|
||||
d="M 32.003143,1.4044602 57.432701,62.632577 6.5672991,62.627924 z"
|
||||
style="fill:#ffff00;fill-opacity:0.94117647;fill-rule:nonzero;stroke:#000000;stroke-width:1.00493038;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 408 B |
|
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="64"
|
||||
height="64"
|
||||
viewBox="0 0 64 64">
|
||||
<path
|
||||
d="M 25.470843,9.4933766 C 25.30219,12.141818 30.139101,14.445969 34.704831,13.529144 40.62635,12.541995 41.398833,7.3856498 35.97505,5.777863 31.400921,4.1549155 25.157674,6.5445892 25.470843,9.4933766 z M 4.5246282,17.652051 C 4.068249,11.832873 9.2742983,5.9270407 18.437379,3.0977088 29.751911,-0.87185184 45.495663,1.4008022 53.603953,7.1104009 c 9.275765,6.1889221 7.158128,16.2079421 -3.171076,21.5939521 -1.784316,1.635815 -6.380222,1.21421 -7.068351,3.186186 -1.04003,0.972427 -1.288046,2.050158 -1.232864,3.168203 1.015111,2.000108 -3.831548,1.633216 -3.270553,3.759574 0.589477,5.264544 -0.179276,10.53738 -0.362842,15.806257 -0.492006,2.184998 1.163456,4.574232 -0.734888,6.610642 -2.482919,2.325184 -7.30604,2.189143 -9.193497,-0.274767 -2.733688,-1.740626 -8.254447,-3.615254 -6.104247,-6.339626 3.468112,-1.708686 -2.116197,-3.449897 0.431242,-5.080274 5.058402,-1.39256 -2.393215,-2.304318 -0.146889,-4.334645 3.069198,-0.977415 2.056986,-2.518352 -0.219121,-3.540397 1.876567,-1.807151 1.484149,-4.868919 -2.565455,-5.942205 0.150866,-1.805474 2.905737,-4.136876 -1.679967,-5.20493 C 10.260902,27.882167 4.6872697,22.95045 4.5245945,17.652051 z"
|
||||
id="path604"
|
||||
style="fill:#ffff00;fill-opacity:1;stroke:#000000;stroke-width:1.72665179;stroke-opacity:1" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
|
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="64"
|
||||
height="64"
|
||||
viewBox="0 0 64 64">
|
||||
<path
|
||||
d="M 32.003143,10.913072 57.432701,53.086929 6.567299,53.083723 z"
|
||||
id="path2985"
|
||||
style="fill:#ffff00;fill-opacity:0.94117647;fill-rule:nonzero;stroke:#000000;stroke-width:0.83403099;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 426 B |
|
|
@ -0,0 +1,7 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="40"
|
||||
height="40"
|
||||
viewBox="0 0 40 40">
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 158 B |
|
|
@ -0,0 +1,42 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="40"
|
||||
height="40"
|
||||
viewBox="0 0 40 40">
|
||||
<rect
|
||||
width="36.075428"
|
||||
height="31.096582"
|
||||
x="1.962286"
|
||||
y="4.4517088"
|
||||
id="rect4"
|
||||
style="fill:#ffff00;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.23004246;stroke-opacity:1" />
|
||||
<rect
|
||||
width="27.96859"
|
||||
height="1.5012145"
|
||||
x="6.0157046"
|
||||
y="10.285"
|
||||
id="rect6"
|
||||
style="fill:#000000;fill-opacity:1;stroke:none" />
|
||||
<rect
|
||||
width="27.96859"
|
||||
height="0.85783684"
|
||||
x="6.0157056"
|
||||
y="23.21689"
|
||||
id="rect8"
|
||||
style="fill:#000000;fill-opacity:1;stroke:none" />
|
||||
<rect
|
||||
width="27.96859"
|
||||
height="0.85783684"
|
||||
x="5.8130345"
|
||||
y="28.964394"
|
||||
id="rect10"
|
||||
style="fill:#000000;fill-opacity:1;stroke:none" />
|
||||
<rect
|
||||
width="27.96859"
|
||||
height="0.85783684"
|
||||
x="6.0157046"
|
||||
y="17.426493"
|
||||
id="rect12"
|
||||
style="fill:#000000;fill-opacity:1;stroke:none" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
|
|
@ -0,0 +1,16 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="40"
|
||||
height="40"
|
||||
viewBox="0 0 40 40">
|
||||
<rect
|
||||
width="33.76017"
|
||||
height="33.76017"
|
||||
x="3.119915"
|
||||
y="3.119915"
|
||||
style="fill:#ffff00;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
|
||||
<path
|
||||
d="m 17.692678,34.50206 0,-16.182224 c -1.930515,-0.103225 -3.455824,-0.730383 -4.57593,-1.881473 -1.12011,-1.151067 -1.680164,-2.619596 -1.680164,-4.405591 0,-1.992435 0.621995,-3.5796849 1.865988,-4.7617553 1.243989,-1.1820288 3.06352,-1.7730536 5.458598,-1.7730764 l 9.802246,0 0,2.6789711 -2.229895,0 0,26.3251486 -2.632515,0 0,-26.3251486 -3.45324,0 0,26.3251486 z"
|
||||
style="font-size:29.42051125px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.07795751;stroke-opacity:1;font-family:Arial;-inkscape-font-specification:Arial" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue