206 lines
17 KiB
Plaintext
206 lines
17 KiB
Plaintext
@{
|
||
Layout = "_Layout";
|
||
|
||
ViewData["Title"] = "Program Udara - Dinas Lingkungan Hidup DKI Jakarta";
|
||
ViewData["Description"] = "Program Udara - Dinas Lingkungan Hidup DKI Jakarta";
|
||
ViewData["Keywords"] = "Program Udara, DLH, Dinas Lingkungan Hidup DKI Jakarta";
|
||
ViewData["OgTitle"] = "Program Udara - Dinas Lingkungan Hidup DKI Jakarta";
|
||
ViewData["OgDescription"] = "Dinas Lingkungan Hidup DKI Jakarta";
|
||
ViewData["TwitterTitle"] = "Program Udara - Dinas Lingkungan Hidup DKI Jakarta";
|
||
ViewData["TwitterDescription"] = "Dinas Lingkungan Hidup DKI Jakarta";
|
||
|
||
// Breadcumb
|
||
ViewData["BreadcrumbText"] = "Program Pengendalian Pencemaran Udara";
|
||
ViewData["TitleBeforeHighlight"] = "Program Pengendalian";
|
||
ViewData["TitleHighlight"] = "Pencemaran Udara";
|
||
}
|
||
<!-- Breadcumb -->
|
||
<partial name="~/Views/Shared/Partials/_Breadcumb.cshtml" />
|
||
|
||
<!-- Content Section -->
|
||
<section class="container mx-auto px-6 lg:px-12 py-16">
|
||
<div class="max-w-6xl mx-auto space-y-12">
|
||
<!-- Accordion Container -->
|
||
<div class="bg-white rounded-3xl shadow-2xl p-8 lg:p-12 border border-gray-100 space-y-4">
|
||
<!-- Accordion Item 1 -->
|
||
<div class="border border-gray-200 rounded-xl overflow-hidden">
|
||
<button class="w-full px-6 py-4 text-left bg-gradient-to-r from-green-50 to-red-50 hover:from-green-100 hover:to-cyan-100 transition-colors duration-200 flex items-center justify-between" onclick="toggleAccordion('accordion1')">
|
||
<div class="flex items-center space-x-3">
|
||
<i class="text-orange-600" data-lucide="scale"></i>
|
||
<h3 class="text-lg font-semibold text-gray-800">Definisi & Dasar Hukum</h3>
|
||
</div>
|
||
<i class="text-gray-600 transition-transform duration-200" data-lucide="chevron-down" id="icon1"></i>
|
||
</button>
|
||
<div id="accordion1" class="hidden px-6 py-4 bg-white">
|
||
<p class="text-gray-700 leading-relaxed text-md mb-6">
|
||
Pengendalian pencemaran udara adalah upaya pencegahan dan/atau penanggulangan pencemaran udara serta pemulihan mutu udara (PP Nomor 41 Tahun 1999 Tentang Pengendalian Pencemaran Udara). Pelaksanaan pengendalian Pencemaran Udara di Provinsi DKI Jakarta dilakukan berdasarkan:
|
||
</p>
|
||
<div class="grid gap-3">
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">1</span>
|
||
<p class="text-gray-700 text-sm">Undang – Undang Nomor 32 Tahun 2009 tentang Perlindungan dan Pengelolaan Lingkungan Hidup</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">2</span>
|
||
<p class="text-gray-700 text-sm">Peraturan Pemerintah Nomor 42 Tahun 1999 tentang Pengendalian Pencemaran Udara</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">3</span>
|
||
<p class="text-gray-700 text-sm">Peraturan Daerah Nomor 2 Tahun 2005 tentang Pengendalian Pencemaran Udara</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">4</span>
|
||
<p class="text-gray-700 text-sm">Peraturan Gubernur Nomor 52 Tahun 2006 tentang Pedoman Pengendalian Kualitas Udara Dalam Ruangan</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">5</span>
|
||
<p class="text-gray-700 text-sm">Peraturan Gubernur Nomor 31 Tahun 2008 tentang Ambang Batas Gas Buang Kendaraan Bermotor</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">6</span>
|
||
<p class="text-gray-700 text-sm">Peraturan Gubernur Nomor 54 Tahun 2008 tentang Baku Mutu Kualitas Udara Dalam Ruangan (KUDR)</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">7</span>
|
||
<p class="text-gray-700 text-sm">Peraturan Gubernur Nomor 131 Tahun 2012 tentang Rencana Aksi Daerah Penurunan Emisi Gas Rumah Kaca</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">8</span>
|
||
<p class="text-gray-700 text-sm">Keputusan Gubernur Nomor 670/2000 tentang Penetapan Baku Mutu Emisi Sumber Tidak Bergerak di Provinsi DKI Jakarta</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">9</span>
|
||
<p class="text-gray-700 text-sm">Keputusan Gubernur Nomor 551/2001 tentang Penetapan Baku Mutu Udara Ambien dan Baku Tingkat Kebisingan di Propinsi DKI Jakarta</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">10</span>
|
||
<p class="text-gray-700 text-sm">Instruksi Gubernur Nomor 66 Tahun 2019 tentang Pengendalian Kualitas Udara</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">11</span>
|
||
<p class="text-gray-700 text-sm">Rencana Strategis 2017 – 2022 Dinas Lingkungan Hidup Provinsi DKI Jakarta</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Accordion Item 2 -->
|
||
<div class="border border-gray-200 rounded-xl overflow-hidden">
|
||
<button class="w-full px-6 py-4 text-left bg-gradient-to-r from-green-50 to-red-50 hover:from-green-100 hover:to-cyan-100 transition-colors duration-200 flex items-center justify-between" onclick="toggleAccordion('accordion2')">
|
||
<div class="flex items-center space-x-3">
|
||
<i class="text-orange-600" data-lucide="file-text"></i>
|
||
<h3 class="text-lg font-semibold text-gray-800">Program & Rencana Kerja 2020</h3>
|
||
</div>
|
||
<i class="text-gray-600 transition-transform duration-200" data-lucide="chevron-down" id="icon2"></i>
|
||
</button>
|
||
<div id="accordion2" class="hidden px-6 py-4 bg-white">
|
||
<p class="text-gray-700 leading-relaxed text-md mb-6">
|
||
Program / Rencana Kerja Dinas Lingkungan Hidup Tahun 2020 yang terkait dengan Pengendalian pencemaran udara antara lain:
|
||
</p>
|
||
<div class="grid gap-3">
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">1</span>
|
||
<p class="text-gray-700 text-sm">Inventarisasi Profil Emisi dan Pelaporan Penurunan Emisi Gas Rumah Kaca Provinsi DKI Jakarta</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">2</span>
|
||
<p class="text-gray-700 text-sm">Pemantauan Kualitas Udara dan Tingkat Kebisingan</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">3</span>
|
||
<p class="text-gray-700 text-sm">Kajian Standarisasi PM 2.5 di Provinsi DKI Jakarta</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">4</span>
|
||
<p class="text-gray-700 text-sm">Pelaksanaan Uji Emisi Kendaraan Bermotor di Provinsi DKI Jakarta</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">5</span>
|
||
<p class="text-gray-700 text-sm">Pelaksanaan Evaluasi Kualitas Udara Perkotaan (EKUP)</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">6</span>
|
||
<p class="text-gray-700 text-sm">Pemantauan Kualitas Lingkungan Udara Hari Bebas Kendaraan Bermotor (HBKB)</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">7</span>
|
||
<p class="text-gray-700 text-sm">Pembinaan Bengkel Pelaksana Uji Emisi Kendaraan Bermotor</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">8</span>
|
||
<p class="text-gray-700 text-sm">Pengadaan alat Pemantau Kualitas Udara</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">9</span>
|
||
<p class="text-gray-700 text-sm">Pemeliharaan dan Perawatan Stasiun Pemantau Kualitas Udara di 5 Wilayah Kota Administrasi dan 3 SPKU bergerak</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">10</span>
|
||
<p class="text-gray-700 text-sm">Perencanaan pengelolaan dan pemanfaatan landfill gas di TPST Bantar gebang</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<register-block dynamic-section="scripts" key="jsProgramUdara">
|
||
<script>
|
||
function toggleAccordion(accordionId) {
|
||
const accordion = document.getElementById(accordionId);
|
||
const icon = document.getElementById('icon' + accordionId.slice(-1));
|
||
|
||
if (accordion.classList.contains('hidden')) {
|
||
accordion.classList.remove('hidden');
|
||
icon.style.transform = 'rotate(180deg)';
|
||
} else {
|
||
accordion.classList.add('hidden');
|
||
icon.style.transform = 'rotate(0deg)';
|
||
}
|
||
}
|
||
</script>
|
||
</register-block>
|