diff --git a/app/Http/Controllers/FrontController.php b/app/Http/Controllers/FrontController.php index 25b1d89..27d3733 100644 --- a/app/Http/Controllers/FrontController.php +++ b/app/Http/Controllers/FrontController.php @@ -24,4 +24,9 @@ class FrontController extends Controller $data['title'] = 'Artikel'; return view('artikel',$data); } + + function edukasi() { + $data['title'] = 'Edukasi'; + return view('edukasi',$data); + } } diff --git a/public/assets/images/article-image01.png b/public/assets/images/article-image01.png new file mode 100644 index 0000000..7c3562f Binary files /dev/null and b/public/assets/images/article-image01.png differ diff --git a/public/assets/images/article-image02.png b/public/assets/images/article-image02.png new file mode 100644 index 0000000..aded8d0 Binary files /dev/null and b/public/assets/images/article-image02.png differ diff --git a/public/assets/images/article-image03.png b/public/assets/images/article-image03.png new file mode 100644 index 0000000..110afc7 Binary files /dev/null and b/public/assets/images/article-image03.png differ diff --git a/public/assets/images/article-image04.png b/public/assets/images/article-image04.png new file mode 100644 index 0000000..ec2ae0e Binary files /dev/null and b/public/assets/images/article-image04.png differ diff --git a/public/assets/images/article-image05.png b/public/assets/images/article-image05.png new file mode 100644 index 0000000..1cd9f52 Binary files /dev/null and b/public/assets/images/article-image05.png differ diff --git a/resources/views/edukasi.blade.php b/resources/views/edukasi.blade.php new file mode 100644 index 0000000..8b5da6e --- /dev/null +++ b/resources/views/edukasi.blade.php @@ -0,0 +1,116 @@ +@extends('layouts.front') + +@section('content') +
+ +
+
+

Materi Edukasi

+

+ Data yang Andal adalah fondasi utama untuk verifikasi kepatuhan regulasi dan pembangunan keberlanjutan daerah. + Kami menyajikan status dan capaian program mitigasi yang terverifikasi. +

+
+ + +
+
+
+ Featured Article +
+ + + + 6 menit +
+
+
+

+ Jejak Karbon DKI Jakarta: Peran Serta Masyarakat +

+

+ Jejak karbon adalah total emisi yang dihasilkan langsung maupun tidak langsung oleh individu, rumah tangga, + atau aktivitas tertentu. Dengan menganalisis data Sektor Rumah Tangga dan Transportasi di SIGRD, kami + menunjukkan bagaimana keputusan individu—mulai dari penggunaan AC, pemilihan transportasi publik + versus kendaraan pribadi, hingga pemilahan sampah di rumah—berkontribusi langsung terhadap total emisi kota. +

+ Baca Artikel +
+
+
+ + +
+ +
+ Article 1 +
+
+ Edukasi +
+

+ Apa Itu SIGRD dan Mengapa Jakarta Membutuhkannya? +

+

+ Menjelaskan mengapa Panduan IPCC menjadi standar dan apa itu Tier 1, 2, dan 3. +

+
+ + +
+ Article 2 +
+
+ Edukasi +
+

+ Memahami Inventarisasi: Metodologi IPCC dan 4 Sektor Utama +

+

+ Memperkenalkan 4 sektor utama (Energi, Limbah, IPPU, AFOLU) dan contoh emisi dari setiap sektor (misalnya, Metana dari TPA Limbah. +

+
+ + +
+ Article 3 +
+
+ Edukasi +
+

+ Membaca Tren Emisi di Dasbor: Dari Data Mentah Menjadi Kebijakan +

+

+ Panduan langkah demi langkah cara menggunakan filter dan grafik di Dasbor SIGRD. +

+
+ + +
+ Article 4 +
+
+ Edukasi +
+

+ RAD GRK: Status dan Dampak Aksi Mitigasi di Lapangan +

+

+ Apa itu RAD GRK: Dokumen perencanaan aksi daerah. +

+
+
+
+
+@endsection \ No newline at end of file diff --git a/resources/views/layouts/front.blade.php b/resources/views/layouts/front.blade.php index 6673820..b44fd91 100644 --- a/resources/views/layouts/front.blade.php +++ b/resources/views/layouts/front.blade.php @@ -173,6 +173,34 @@ position: relative; z-index: 2; } + + /* Navbar Scroll Animation */ + #navbar { + transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; + } + + /* Mobile menu animation */ + #mobile-menu { + transition: all 0.3s ease-in-out; + } + + /* Active navigation state */ + .nav-active { + color: #2084FF !important; + position: relative; + } + + .nav-active::after { + content: ''; + position: absolute; + bottom: -8px; + left: 50%; + transform: translateX(-50%); + width: 6px; + height: 6px; + background-color: #2084FF; + border-radius: 50%; + } @yield('css') @@ -181,21 +209,64 @@ -