amar
/
webdlh-net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update navbar, sudin, slider

main
marszayn 2025-06-17 13:34:12 +07:00
parent 67c0c26adb
commit b23d545ca0
44 changed files with 1180 additions and 225 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Controllers/ApiProxyController.cs
View File

@ -11,7 +11,7 @@ public class ApiProxyController : ControllerBase
{ {
private readonly HttpClient _httpClient; private readonly HttpClient _httpClient;
private const string N8nWebhookUrl = "https://n8n.nurarif.in/webhook/f2129606-7716-415b-a83b-b9c0e84b752f/chat"; private const string N8nWebhookUrl = "http://10.50.50.61:5678/webhook/f2129606-7716-415b-a83b-b9c0e84b752f/chat";
public ApiProxyController(IHttpClientFactory httpClientFactory) public ApiProxyController(IHttpClientFactory httpClientFactory)
{ {

32
Controllers/ProfilController.cs
View File

@ -2,7 +2,7 @@ using Microsoft.AspNetCore.Mvc;
namespace MyApp.Namespace namespace MyApp.Namespace
{ {
[Route("profil")] [Route("profil")]
public class ProfilController : Controller public class ProfilController : Controller
{ {
@ -18,6 +18,36 @@ namespace MyApp.Namespace
return View(); return View();
} }
[HttpGet("suku-dinas/jakarta-pusat")]
public IActionResult Jakpus()
{
return View("Sudin/Jakpus");
}
[HttpGet("suku-dinas/jakarta-utara")]
public IActionResult Jakut()
{
return View("Sudin/Jakut");
}
[HttpGet("suku-dinas/jakarta-barat")]
public IActionResult Jakbar()
{
return View("Sudin/Jakbar");
}
[HttpGet("suku-dinas/jakarta-selatan")]
public IActionResult Jaksel()
{
return View("Sudin/Jaksel");
}
[HttpGet("suku-dinas/jakarta-timur")]
public IActionResult Jaktim()
{
return View("Sudin/Jaktim");
}
[HttpGet("tupoksi")] [HttpGet("tupoksi")]
public IActionResult Tupoksi() public IActionResult Tupoksi()
{ {

4
Views/Components/Home/_Layanan.cshtml
View File

@ -1,5 +1,5 @@
<section id="layanan-section" class="container mx-auto px-4 py-4 max-w-6xl"> <section id="layanan-section" class="container mx-auto px-4 py-12 max-w-6xl">
<div class="text-center mb-12 transition-all duration-700 ease-out" id="header-section"> <div class="text-center mb-12 transition-all duration-700 ease-out" id="headerLayanan-section">
<h2 class="text-3xl font-bold mb-4">Layanan Kami</h2> <h2 class="text-3xl font-bold mb-4">Layanan Kami</h2>
<p class="text-gray-600 mb-12 text-balance max-w-2xl mx-auto"> <p class="text-gray-600 mb-12 text-balance max-w-2xl mx-auto">
Beragam layanan DLH DKI Jakarta, dari pengelolaan sampah, pengujian lingkungan, hingga pengaduan pelanggaran untuk Jakarta yang lebih hijau. Beragam layanan DLH DKI Jakarta, dari pengelolaan sampah, pengujian lingkungan, hingga pengaduan pelanggaran untuk Jakarta yang lebih hijau.

34
Views/Components/Home/_Slider.cshtml
View File

@ -1,4 +1,4 @@
<section id="section1" class="relative min-h-screen overflow-hidden md:pt-12"> <section id="section1" class="relative min-h-screen overflow-hidden md:pt-20">
<!-- Enhanced Animated Background Elements --> <!-- Enhanced Animated Background Elements -->
<div class="absolute inset-0 bg-gradient-to-br from-slate-50 via-white to-gray-100"> <div class="absolute inset-0 bg-gradient-to-br from-slate-50 via-white to-gray-100">
<div class="absolute inset-0 bg-grid-pattern opacity-[0.03]"></div> <div class="absolute inset-0 bg-grid-pattern opacity-[0.03]"></div>
@ -23,17 +23,17 @@
</span> </span>
</div> </div>
<h2 class="text-3xl sm:text-4xl md:text-6xl font-extrabold animate-fade-in" style="animation-delay: 0.4s"> <h2 class="text-2xl md:text-3xl lg:text-5xl font-extrabold animate-fade-in" style="animation-delay: 0.4s">
<span class="text-oren">Website Resmi</span> <span class="text-oren">Website Resmi</span>
</h2> </h2>
<div class="h-16 sm:h-16 md:h-24 flex items-center justify-center overflow-hidden animate-fade-in" style="animation-delay: 0.6s"> <div class="h-16 md:h-16 lg:h-24 flex items-center justify-center overflow-hidden animate-fade-in" style="animation-delay: 0.6s">
<span id="typing-text" class="bg-oren bg-clip-text text-transparent text-3xl sm:text-4xl md:text-6xl font-bold"></span> <span id="typing-text" class="bg-oren bg-clip-text text-transparent text-2xl md:text-3xl lg:text-5xl font-bold"></span>
<span id="cursor" class="text-3xl sm:text-4xl md:text-6xl font-bold animate-blink text-oren">|</span> <span id="cursor" class="text-2xl md:text-3xl lg:text-5xl font-bold animate-blink text-oren">|</span>
</div> </div>
<p class="text-gray-600 text-lg max-w-2xl mx-auto leading-relaxed mt-2 animate-fade-in" style="animation-delay: 0.8s"> <p class="text-gray-600 text-lg max-w-2xl mx-auto leading-relaxed mt-2 animate-fade-in" style="animation-delay: 0.8s">
Jelajahi berbagai layanan untuk menjaga kebersihan dan kelestarian lingkungan DKI Jakarta. Jelajahi berbagai layanan untuk menjaga kebersihan dan kelestarian lingkungan Provinsi DKI Jakarta.
</p> </p>
@ -43,7 +43,7 @@
<div class="select-none w-full flex items-center justify-center py-8 overflow-x-hidden max-w-7xl mx-auto"> <div class="select-none w-full flex items-center justify-center py-8 overflow-x-hidden max-w-7xl mx-auto">
<div class="w-full text-center flex flex-col md:flex-row items-center justify-center gap-5 px-4"> <div class="w-full text-center flex flex-col md:flex-row items-center justify-center gap-5 px-4">
<!-- Item 1 - DLH --> <!-- Item 1 - DLH -->
<div class="item w-[90vw] h-[18vh] rounded-2xl md:w-[calc(33.333%-1rem)] md:h-[28vh] lg:h-[35vh] bg-center bg-cover bg-no-repeat inline-block cursor-pointer transition-all duration-1000 ease-out relative overflow-hidden group shadow-xl" style="background-image: url('@Url.Content("~/assets/images/home/bg-1.jpg")')"> <div class="item w-[90vw] h-[18vh] rounded-2xl md:w-[calc(33.333%-1rem)] md:h-[28vh] lg:h-[35vh] bg-center bg-cover bg-no-repeat inline-block cursor-pointer transition-all duration-1000 ease-out relative overflow-hidden group shadow-xl" style="background-image: url('@Url.Content("~/assets/images/home/hero-section-1.jpg")')">
<!-- Subtle border with glow effect --> <!-- Subtle border with glow effect -->
<div class="absolute inset-0 rounded-2xl border-2 border-white/30 group-hover:border-white/50 group-hover:shadow-[0_0_15px_rgba(255,255,255,0.3)] transition-all duration-500"></div> <div class="absolute inset-0 rounded-2xl border-2 border-white/30 group-hover:border-white/50 group-hover:shadow-[0_0_15px_rgba(255,255,255,0.3)] transition-all duration-500"></div>
@ -65,7 +65,7 @@
</div> </div>
<!-- Item 2 - BPS-RW --> <!-- Item 2 - BPS-RW -->
<div class="item w-[90vw] h-[18vh] rounded-2xl md:w-[calc(33.333%-1rem)] md:h-[28vh] lg:h-[35vh] bg-center bg-cover bg-no-repeat inline-block cursor-pointer transition-all duration-1000 ease-out relative overflow-hidden group shadow-xl" style="background-image: url('https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?auto=format&fit=crop&w=800&q=60')"> <div class="item w-[90vw] h-[18vh] rounded-2xl md:w-[calc(33.333%-1rem)] md:h-[28vh] lg:h-[35vh] bg-center bg-cover bg-no-repeat inline-block cursor-pointer transition-all duration-1000 ease-out relative overflow-hidden group shadow-xl" style="background-image: url('@Url.Content("~/assets/images/home/hero-section-2.jpg")')">
<!-- Subtle border with glow effect --> <!-- Subtle border with glow effect -->
<div class="absolute inset-0 rounded-2xl border-2 border-white/30 group-hover:border-white/50 group-hover:shadow-[0_0_15px_rgba(255,255,255,0.3)] transition-all duration-500"></div> <div class="absolute inset-0 rounded-2xl border-2 border-white/30 group-hover:border-white/50 group-hover:shadow-[0_0_15px_rgba(255,255,255,0.3)] transition-all duration-500"></div>
@ -90,7 +90,7 @@
</div> </div>
<!-- Item 3 - AMDAL --> <!-- Item 3 - AMDAL -->
<div class="item w-[90vw] h-[18vh] rounded-2xl md:w-[calc(33.333%-1rem)] md:h-[28vh] lg:h-[35vh] bg-center bg-cover bg-no-repeat inline-block cursor-pointer transition-all duration-1000 ease-out relative overflow-hidden group shadow-xl" style="background-image: url('https://images.unsplash.com/photo-1531123897727-8f129e1688ce?auto=format&fit=crop&w=800&q=60')"> <div class="item w-[90vw] h-[18vh] rounded-2xl md:w-[calc(33.333%-1rem)] md:h-[28vh] lg:h-[35vh] bg-center bg-cover bg-no-repeat inline-block cursor-pointer transition-all duration-1000 ease-out relative overflow-hidden group shadow-xl" style="background-image: url('@Url.Content("~/assets/images/home/hero-section-3.jpg")')">
<!-- Subtle border with glow effect --> <!-- Subtle border with glow effect -->
<div class="absolute inset-0 rounded-2xl border-2 border-white/30 group-hover:border-white/50 group-hover:shadow-[0_0_15px_rgba(255,255,255,0.3)] transition-all duration-500"></div> <div class="absolute inset-0 rounded-2xl border-2 border-white/30 group-hover:border-white/50 group-hover:shadow-[0_0_15px_rgba(255,255,255,0.3)] transition-all duration-500"></div>
@ -116,10 +116,11 @@
</div> </div>
</div> </div>
<!-- Scroll indicator --> <!-- Scroll indicator -->
<div class="absolute left-1/2 bottom-4 transform -translate-x-1/2 opacity-70 animate-bounce hidden md:flex flex-col items-center"> <div class="absolute left-1/2 bottom-4 transform -translate-x-1/2 opacity-70 animate-bounce hidden md:flex flex-col items-center cursor-pointer hover:opacity-100 transition-opacity duration-300" onclick="scrollToLayanan()">
<span class="text-sm text-gray-500">Scroll</span> <span class="text-sm text-gray-500">Scroll</span>
<i class="w-4 h-4 text-gray-500" data-lucide="chevron-down"></i> <i class="w-4 h-4 text-gray-500" data-lucide="chevron-down"></i>
</div> </div>
</section> </section>
<register-block dynamic-section="css" key="cssSlider"> <register-block dynamic-section="css" key="cssSlider">
@ -312,7 +313,7 @@
// Enhanced typing animation // Enhanced typing animation
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
const texts = ['Dinas Lingkungan Hidup DKI Jakarta']; const texts = ['Dinas Lingkungan Hidup Provinsi DKI Jakarta'];
let textIndex = 0; let textIndex = 0;
let charIndex = 0; let charIndex = 0;
let isDeleting = false; let isDeleting = false;
@ -354,4 +355,15 @@
setTimeout(typeWriter, 800); setTimeout(typeWriter, 800);
}); });
</script> </script>
<script>
function scrollToLayanan() {
const layananSection = document.querySelector('[id*="headerLayanan-section"]');
if (layananSection) {
layananSection.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
}
</script>
</register-block> </register-block>

171
Views/Profil/Bidang.cshtml
View File

@ -24,6 +24,7 @@
<div class="bg-white rounded-3xl shadow-2xl p-8 lg:p-12 border border-gray-100 space-y-4"> <div class="bg-white rounded-3xl shadow-2xl p-8 lg:p-12 border border-gray-100 space-y-4">
<!-- Main Accordion Container --> <!-- Main Accordion Container -->
<div class="accordion" id="mainAccordion"> <div class="accordion" id="mainAccordion">
<!-- Sekretariat Dinas Lingkungan Hidup --> <!-- Sekretariat Dinas Lingkungan Hidup -->
<div class="border border-gray-200 rounded-xl overflow-hidden mb-4"> <div class="border border-gray-200 rounded-xl overflow-hidden mb-4">
<button <button
@ -74,6 +75,156 @@
</div> </div>
</div> </div>
<!-- Bidang PSMDI -->
<div class="border border-gray-200 rounded-xl overflow-hidden mb-4">
<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('psmdi')"
>
<div class="flex items-center space-x-3">
<i class="text-orange-600" data-lucide="hard-drive"></i>
<h3 class="text-lg font-semibold text-gray-800">Bidang Peran Serta Masyarakat</h3>
</div>
<i class="text-gray-600 transition-transform duration-200" data-lucide="chevron-down" id="iconpsmdi"></i>
</button>
<div id="psmdi" class="hidden px-6 py-4 bg-white">
<p class="text-gray-700 leading-relaxed text-md mb-6">
Bidang Peran Serta Masyarakat merupakan Unit Kerja lini Dinas Lingkungan Hidup untuk pengembangan peran serta masyarakat dalam pengelolaan lingkungan dan kebersihan.
</p>
<div class="mt-4">
<h4 class="font-semibold text-gray-800 mb-3">Fungsi:</h4>
<ul class="space-y-2">
<li class="flex items-start space-x-2">
<div
class="flex-shrink-0 w-5 h-5 bg-green-500 text-white rounded-full flex items-center justify-center mt-0.5"
>
<i data-lucide="check" class="w-3 h-3"></i>
</div>
<span class="text-gray-700">
Penyusunan bahan Rencana Strategis dan Rencana Kerja dan Anggaran Bidang Peran Serta Masyarakat.
</span>
</li>
<li class="flex items-start space-x-2">
<div
class="flex-shrink-0 w-5 h-5 bg-green-500 text-white rounded-full flex items-center justify-center mt-0.5"
>
<i data-lucide="check" class="w-3 h-3"></i>
</div>
<span class="text-gray-700">Pelaksanaan Rencana Strategis dan Dokumen Pelaksanaan Anggaran Bidang Peran Serta Masyarakat.</span>
</li>
<li class="flex items-start space-x-2">
<div
class="flex-shrink-0 w-5 h-5 bg-green-500 text-white rounded-full flex items-center justify-center mt-0.5"
>
<i data-lucide="check" class="w-3 h-3"></i>
</div>
<span class="text-gray-700">Pelaksanaan penyuluhan kepada masyarakat di bidang lingkungan dan kebersihan.</span>
</li>
</ul>
</div>
</div>
</div>
<!-- Bidang Pengawasan dan Penataan Hukum -->
<div class="border border-gray-200 rounded-xl overflow-hidden mb-4">
<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('pph')"
>
<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">Bidang Pengawasan dan Penataan Hukum</h3>
</div>
<i class="text-gray-600 transition-transform duration-200" data-lucide="chevron-down" id="iconpph"></i>
</button>
<div id="pph" class="hidden px-6 py-4 bg-white">
<p class="text-gray-700 leading-relaxed text-md mb-6">
Bidang Pengawasan dan Penaatan Hukum merupakan Unit Iini Dinas Lingkungan Hidup dalam penanganan pengaduan dan penyelesaian sengketa, pengawasan lingkungan dan kebersihan serta penegakan hukum.
</p>
<div class="mt-4">
<h4 class="font-semibold text-gray-800 mb-3">Fungsi:</h4>
<ul class="space-y-2">
<li class="flex items-start space-x-2">
<div
class="flex-shrink-0 w-5 h-5 bg-green-500 text-white rounded-full flex items-center justify-center mt-0.5"
>
<i data-lucide="check" class="w-3 h-3"></i>
</div>
<span class="text-gray-700">
Penyusunan bahan Rencana Strategis dan Rencana Kerja dan Anggaran Bidang Pengawasan dan Penaatan Hukum.
</span>
</li>
<li class="flex items-start space-x-2">
<div
class="flex-shrink-0 w-5 h-5 bg-green-500 text-white rounded-full flex items-center justify-center mt-0.5"
>
<i data-lucide="check" class="w-3 h-3"></i>
</div>
<span class="text-gray-700">Pelaksanaan Rencana Strategis dan Dokumen Pelaksanaan Anggaran Bidang Pengawasan dan Penaatan Hukum.</span>
</li>
<li class="flex items-start space-x-2">
<div
class="flex-shrink-0 w-5 h-5 bg-green-500 text-white rounded-full flex items-center justify-center mt-0.5"
>
<i data-lucide="check" class="w-3 h-3"></i>
</div>
<span class="text-gray-700">Penyusunan kebijakan tentang tata cara penanganan pengaduan, penyelesaian sengketa dan pengawasan lingkungan hidup dan kebersihan.</span>
</li>
</ul>
</div>
</div>
</div>
<!-- Bidang Prasarana dan Sarana -->
<div class="border border-gray-200 rounded-xl overflow-hidden mb-4">
<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('pps')"
>
<div class="flex items-center space-x-3">
<i class="text-orange-600" data-lucide="align-end-horizontal"></i>
<h3 class="text-lg font-semibold text-gray-800">Bidang Prasarana dan Sarana</h3>
</div>
<i class="text-gray-600 transition-transform duration-200" data-lucide="chevron-down" id="iconpps"></i>
</button>
<div id="pps" class="hidden px-6 py-4 bg-white">
<p class="text-gray-700 leading-relaxed text-md mb-6">
Bidang Prasarana dan Sarana merupakan Unit Kerja lini Dinas Lingkungan Hidup dalam pengadaan, penyimpanan dan penyaluran serta pemeliharaan prasarana dan sarana.
</p>
<div class="mt-4">
<h4 class="font-semibold text-gray-800 mb-3">Fungsi:</h4>
<ul class="space-y-2">
<li class="flex items-start space-x-2">
<div
class="flex-shrink-0 w-5 h-5 bg-green-500 text-white rounded-full flex items-center justify-center mt-0.5"
>
<i data-lucide="check" class="w-3 h-3"></i>
</div>
<span class="text-gray-700">
Penyusunan bahan Rencana Strategis dan Rencana Kerja dan Anggaran Bidang Prasarana dan Sarana.
</span>
</li>
<li class="flex items-start space-x-2">
<div
class="flex-shrink-0 w-5 h-5 bg-green-500 text-white rounded-full flex items-center justify-center mt-0.5"
>
<i data-lucide="check" class="w-3 h-3"></i>
</div>
<span class="text-gray-700">Pelaksanaan Rencana Strategis dan Dokumen Pelaksanaan Anggaran Bidang Prasarana dan Sarana.</span>
</li>
<li class="flex items-start space-x-2">
<div
class="flex-shrink-0 w-5 h-5 bg-green-500 text-white rounded-full flex items-center justify-center mt-0.5"
>
<i data-lucide="check" class="w-3 h-3"></i>
</div>
<span class="text-gray-700">Penyusunan kebutuhan pengadaan, penyimpanan dan penyaluran serta pemeliharaan prasarana dan sarana.</span>
</li>
</ul>
</div>
</div>
</div>
<!-- Bidang Tata Lingkungan --> <!-- Bidang Tata Lingkungan -->
<div class="border border-gray-200 rounded-xl overflow-hidden mb-4"> <div class="border border-gray-200 rounded-xl overflow-hidden mb-4">
<button <button
@ -82,7 +233,7 @@
> >
<div class="flex items-center space-x-3"> <div class="flex items-center space-x-3">
<i class="text-orange-600" data-lucide="leaf"></i> <i class="text-orange-600" data-lucide="leaf"></i>
<h3 class="text-lg font-semibold text-gray-800">Bidang Tata Lingkungan</h3> <h3 class="text-lg font-semibold text-gray-800">Bidang Tata Lingkungan dan Kebersihan</h3>
</div> </div>
<i <i
class="text-gray-600 transition-transform duration-200" class="text-gray-600 transition-transform duration-200"
@ -277,15 +428,6 @@
<p class="text-sm text-gray-600 mt-1">Jl. Alur Laut 9, RT.9/RW.5, Rawabadak Sel., Kec. Koja, Jakarta Utara</p> <p class="text-sm text-gray-600 mt-1">Jl. Alur Laut 9, RT.9/RW.5, Rawabadak Sel., Kec. Koja, Jakarta Utara</p>
</div> </div>
<div
class="bg-gradient-to-r from-green-50 to-teal-50 rounded-lg p-4 border border-green-100"
>
<h5 class="font-semibold text-gray-800 flex items-center">
<i data-lucide="map-pin" class="w-4 h-4 mr-2 text-green-600"></i>
Jakarta Timur
</h5>
<p class="text-sm text-gray-600 mt-1">Pinang Ranti, Kec. Makasar, Kota Jakarta Timur</p>
</div>
<div <div
class="bg-gradient-to-r from-green-50 to-teal-50 rounded-lg p-4 border border-green-100" class="bg-gradient-to-r from-green-50 to-teal-50 rounded-lg p-4 border border-green-100"
@ -306,6 +448,15 @@
</h5> </h5>
<p class="text-sm text-gray-600 mt-1">Jl. Hj. Tutty Alawiyah No.41, RT.2/RW.5, Kalibata, Kec. Pancoran</p> <p class="text-sm text-gray-600 mt-1">Jl. Hj. Tutty Alawiyah No.41, RT.2/RW.5, Kalibata, Kec. Pancoran</p>
</div> </div>
<div
class="bg-gradient-to-r from-green-50 to-teal-50 rounded-lg p-4 border border-green-100"
>
<h5 class="font-semibold text-gray-800 flex items-center">
<i data-lucide="map-pin" class="w-4 h-4 mr-2 text-green-600"></i>
Jakarta Timur
</h5>
<p class="text-sm text-gray-600 mt-1">Pinang Ranti, Kec. Makasar, Kota Jakarta Timur</p>
</div>
<div <div
class="bg-gradient-to-r from-green-50 to-teal-50 rounded-lg p-4 border border-green-100" class="bg-gradient-to-r from-green-50 to-teal-50 rounded-lg p-4 border border-green-100"

143
Views/Profil/Sudin/Jakbar.cshtml 100644
View File

@ -0,0 +1,143 @@
@{
Layout = "_Layout";
ViewData["Title"] = "Suku Dinas Jakarta Barat - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["Description"] = "Suku Dinas Jakarta Barat bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Barat - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["Keywords"] = "Bidang, Suku Dinas dan UPT, DLH, Dinas Lingkungan Hidup DKI Jakarta";
ViewData["OgTitle"] = "Suku Dinas Jakarta Barat - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["OgDescription"] = "Suku Dinas Jakarta Barat bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Barat";
ViewData["TwitterTitle"] = "Suku Dinas Jakarta Barat - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["TwitterDescription"] = "Suku Dinas Jakarta Barat bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Barat";
// Breadcumb
ViewData["BreadcrumbText"] = "Suku Dinas Jakarta Barat";
ViewData["TitleBeforeHighlight"] = "Suku Dinas";
ViewData["TitleHighlight"] = "Jakarta Barat";
}
<!-- Breadcumb -->
<partial name="~/Views/Shared/Partials/_Breadcumb.cshtml" />
<section class="container mx-auto max-w-6xl py-8">
<!-- Hero Section -->
<div class="text-center py-8">
<h2 class="text-3xl font-bold text-gray-800 mb-4">Suku Dinas Jakarta Barat</h2>
<p class="text-gray-600 max-w-2xl mx-auto leading-relaxed">
Suku Dinas Jakarta Barat bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Barat
</p>
</div>
<div class="flex flex-wrap -mx-4">
<div class="w-full lg:w-2/3 px-4">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="w-full lg:w-1/3 px-4">
<div class="bg-white rounded-lg shadow-sm mb-6">
<div class="p-6">
<h4 class="text-xl font-semibold mb-4">Satuan Pelaksana</h4>
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
</div>
</div>
<div class="bg-white rounded-lg shadow-sm mb-6">
<div class="p-6">
<h4 class="text-xl font-semibold mb-4">Alamat</h4>
<div class="flex items-center">
<p class="text-gray-600 text-justify">Jl. Raya Kalimalang No.4F Blok E, RT.2/RW.16, Duren Sawit, Durensawit, East Jakarta City, Jakarta 13440</p>
</div>
</div>
</div>
</div>
</div>
</section>

143
Views/Profil/Sudin/Jakpus.cshtml 100644
View File

@ -0,0 +1,143 @@
@{
Layout = "_Layout";
ViewData["Title"] = "Suku Dinas Jakarta Pusat - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["Description"] = "Suku Dinas Jakarta Pusat bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Pusat - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["Keywords"] = "Bidang, Suku Dinas dan UPT, DLH, Dinas Lingkungan Hidup DKI Jakarta";
ViewData["OgTitle"] = "Suku Dinas Jakarta Pusat - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["OgDescription"] = "Suku Dinas Jakarta Pusat bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Pusat";
ViewData["TwitterTitle"] = "Suku Dinas Jakarta Pusat - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["TwitterDescription"] = "Suku Dinas Jakarta Pusat bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Pusat";
// Breadcumb
ViewData["BreadcrumbText"] = "Suku Dinas Jakarta Pusat";
ViewData["TitleBeforeHighlight"] = "Suku Dinas";
ViewData["TitleHighlight"] = "Jakarta Pusat";
}
<!-- Breadcumb -->
<partial name="~/Views/Shared/Partials/_Breadcumb.cshtml" />
<section class="container mx-auto max-w-6xl py-8">
<!-- Hero Section -->
<div class="text-center py-8">
<h2 class="text-3xl font-bold text-gray-800 mb-4">Suku Dinas Jakarta Pusat</h2>
<p class="text-gray-600 max-w-2xl mx-auto leading-relaxed">
Suku Dinas Jakarta Pusat bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Pusat
</p>
</div>
<div class="flex flex-wrap -mx-4">
<div class="w-full lg:w-2/3 px-4">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="w-full lg:w-1/3 px-4">
<div class="bg-white rounded-lg shadow-sm mb-6">
<div class="p-6">
<h4 class="text-xl font-semibold mb-4">Satuan Pelaksana</h4>
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
</div>
</div>
<div class="bg-white rounded-lg shadow-sm mb-6">
<div class="p-6">
<h4 class="text-xl font-semibold mb-4">Alamat</h4>
<div class="flex items-center">
<p class="text-gray-600 text-justify">Jl. Raya Kalimalang No.4F Blok E, RT.2/RW.16, Duren Sawit, Durensawit, East Jakarta City, Jakarta 13440</p>
</div>
</div>
</div>
</div>
</div>
</section>

143
Views/Profil/Sudin/Jaksel.cshtml 100644
View File

@ -0,0 +1,143 @@
@{
Layout = "_Layout";
ViewData["Title"] = "Suku Dinas Jakarta Selatan - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["Description"] = "Suku Dinas Jakarta Selatan bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Selatan - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["Keywords"] = "Bidang, Suku Dinas dan UPT, DLH, Dinas Lingkungan Hidup DKI Jakarta";
ViewData["OgTitle"] = "Suku Dinas Jakarta Selatan - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["OgDescription"] = "Suku Dinas Jakarta Selatan bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Selatan";
ViewData["TwitterTitle"] = "Suku Dinas Jakarta Selatan - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["TwitterDescription"] = "Suku Dinas Jakarta Selatan bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Selatan";
// Breadcumb
ViewData["BreadcrumbText"] = "Suku Dinas Jakarta Selatan";
ViewData["TitleBeforeHighlight"] = "Suku Dinas";
ViewData["TitleHighlight"] = "Jakarta Selatan";
}
<!-- Breadcumb -->
<partial name="~/Views/Shared/Partials/_Breadcumb.cshtml" />
<section class="container mx-auto max-w-6xl py-8">
<!-- Hero Section -->
<div class="text-center py-8">
<h2 class="text-3xl font-bold text-gray-800 mb-4">Suku Dinas Jakarta Selatan</h2>
<p class="text-gray-600 max-w-2xl mx-auto leading-relaxed">
Suku Dinas Jakarta Selatan bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Selatan
</p>
</div>
<div class="flex flex-wrap -mx-4">
<div class="w-full lg:w-2/3 px-4">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="w-full lg:w-1/3 px-4">
<div class="bg-white rounded-lg shadow-sm mb-6">
<div class="p-6">
<h4 class="text-xl font-semibold mb-4">Satuan Pelaksana</h4>
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
</div>
</div>
<div class="bg-white rounded-lg shadow-sm mb-6">
<div class="p-6">
<h4 class="text-xl font-semibold mb-4">Alamat</h4>
<div class="flex items-center">
<p class="text-gray-600 text-justify">Jl. Raya Kalimalang No.4F Blok E, RT.2/RW.16, Duren Sawit, Durensawit, East Jakarta City, Jakarta 13440</p>
</div>
</div>
</div>
</div>
</div>
</section>

143
Views/Profil/Sudin/Jaktim.cshtml 100644
View File

@ -0,0 +1,143 @@
@{
Layout = "_Layout";
ViewData["Title"] = "Suku Dinas Jakarta Timur - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["Description"] = "Suku Dinas Jakarta Timur bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Timur - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["Keywords"] = "Bidang, Suku Dinas dan UPT, DLH, Dinas Lingkungan Hidup DKI Jakarta";
ViewData["OgTitle"] = "Suku Dinas Jakarta Timur - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["OgDescription"] = "Suku Dinas Jakarta Timur bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Timur";
ViewData["TwitterTitle"] = "Suku Dinas Jakarta Timur - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["TwitterDescription"] = "Suku Dinas Jakarta Timur bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Timur";
// Breadcumb
ViewData["BreadcrumbText"] = "Suku Dinas Jakarta Timur";
ViewData["TitleBeforeHighlight"] = "Suku Dinas";
ViewData["TitleHighlight"] = "Jakarta Timur";
}
<!-- Breadcumb -->
<partial name="~/Views/Shared/Partials/_Breadcumb.cshtml" />
<section class="container mx-auto max-w-6xl py-8">
<!-- Hero Section -->
<div class="text-center py-8">
<h2 class="text-3xl font-bold text-gray-800 mb-4">Suku Dinas Jakarta Timur</h2>
<p class="text-gray-600 max-w-2xl mx-auto leading-relaxed">
Suku Dinas Jakarta Timur bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Timur
</p>
</div>
<div class="flex flex-wrap -mx-4">
<div class="w-full lg:w-2/3 px-4">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="w-full lg:w-1/3 px-4">
<div class="bg-white rounded-lg shadow-sm mb-6">
<div class="p-6">
<h4 class="text-xl font-semibold mb-4">Satuan Pelaksana</h4>
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
</div>
</div>
<div class="bg-white rounded-lg shadow-sm mb-6">
<div class="p-6">
<h4 class="text-xl font-semibold mb-4">Alamat</h4>
<div class="flex items-center">
<p class="text-gray-600 text-justify">Jl. Raya Kalimalang No.4F Blok E, RT.2/RW.16, Duren Sawit, Durensawit, East Jakarta City, Jakarta 13440</p>
</div>
</div>
</div>
</div>
</div>
</section>

143
Views/Profil/Sudin/Jakut.cshtml 100644
View File

@ -0,0 +1,143 @@
@{
Layout = "_Layout";
ViewData["Title"] = "Suku Dinas Jakarta Utara - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["Description"] = "Suku Dinas Jakarta Utara bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Utara - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["Keywords"] = "Bidang, Suku Dinas dan UPT, DLH, Dinas Lingkungan Hidup DKI Jakarta";
ViewData["OgTitle"] = "Suku Dinas Jakarta Utara - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["OgDescription"] = "Suku Dinas Jakarta Utara bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Utara";
ViewData["TwitterTitle"] = "Suku Dinas Jakarta Utara - Dinas Lingkungan Hidup DKI Jakarta";
ViewData["TwitterDescription"] = "Suku Dinas Jakarta Utara bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Utara";
// Breadcumb
ViewData["BreadcrumbText"] = "Suku Dinas Jakarta Utara";
ViewData["TitleBeforeHighlight"] = "Suku Dinas";
ViewData["TitleHighlight"] = "Jakarta Utara";
}
<!-- Breadcumb -->
<partial name="~/Views/Shared/Partials/_Breadcumb.cshtml" />
<section class="container mx-auto max-w-6xl py-8">
<!-- Hero Section -->
<div class="text-center py-8">
<h2 class="text-3xl font-bold text-gray-800 mb-4">Suku Dinas Jakarta Utara</h2>
<p class="text-gray-600 max-w-2xl mx-auto leading-relaxed">
Suku Dinas Jakarta Utara bertanggung jawab mengelola dan mengawasi program lingkungan hidup di wilayah Jakarta Utara
</p>
</div>
<div class="flex flex-wrap -mx-4">
<div class="w-full lg:w-2/3 px-4">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
<div class="col-span-1">
<a href="/seputar-dlh/detail-artikel" class="block bg-white rounded-lg shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 no-underline text-gray-900">
<div class="relative">
<img src="https://lingkunganhidup.jakarta.go.id/uploads/35114-2025-01-02-02-27-53.jpeg" class="w-full h-48 object-cover" alt="Berita">
</div>
<div class="p-4">
<h5 class="text-lg font-semibold mb-2">Dummy</h5>
<p class="text-gray-600 mb-3">Dummy</p>
<div class="flex justify-between items-center">
<small class="text-gray-500">12-Juni-2025 • Admin</small>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="w-full lg:w-1/3 px-4">
<div class="bg-white rounded-lg shadow-sm mb-6">
<div class="p-6">
<h4 class="text-xl font-semibold mb-4">Satuan Pelaksana</h4>
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
<hr class="border-gray-200">
<p class="py-2">Satpel 1</p>
</div>
</div>
<div class="bg-white rounded-lg shadow-sm mb-6">
<div class="p-6">
<h4 class="text-xl font-semibold mb-4">Alamat</h4>
<div class="flex items-center">
<p class="text-gray-600 text-justify">Jl. Raya Kalimalang No.4F Blok E, RT.2/RW.16, Duren Sawit, Durensawit, East Jakarta City, Jakarta 13440</p>
</div>
</div>
</div>
</div>
</div>
</section>

4
Views/Shared/Partials/_Breadcumb.cshtml
View File

@ -22,7 +22,7 @@
<div class="relative px-6 lg:px-12 h-full flex flex-col justify-center"> <div class="relative px-6 lg:px-12 h-full flex flex-col justify-center">
<!-- Modern Breadcrumb --> <!-- Modern Breadcrumb -->
<nav class="flex items-center justify-center lg:justify-start mb-6 hidden md:flex" aria-label="breadcrumb"> <div class="flex items-center justify-center lg:justify-start mb-6 hidden md:flex" aria-label="breadcrumb">
<div class="flex items-center space-x-3 bg-orange-500/10 backdrop-blur-sm rounded-full px-5 py-2 border border-gray-300"> <div class="flex items-center space-x-3 bg-orange-500/10 backdrop-blur-sm rounded-full px-5 py-2 border border-gray-300">
<a href="@Url.Action("Index", "Home")" class="flex items-center space-x-2 text-gray-700 hover:text-gray-900 transition-all duration-300 group"> <a href="@Url.Action("Index", "Home")" class="flex items-center space-x-2 text-gray-700 hover:text-gray-900 transition-all duration-300 group">
<div class="p-1.5 bg-green-500/20 rounded-full group-hover:bg-green-500/40 transition-all duration-300"> <div class="p-1.5 bg-green-500/20 rounded-full group-hover:bg-green-500/40 transition-all duration-300">
@ -33,7 +33,7 @@
<div class="w-px h-4 bg-gray-400"></div> <div class="w-px h-4 bg-gray-400"></div>
<span class="text-gray-800 font-medium text-sm">@breadcrumbText</span> <span class="text-gray-800 font-medium text-sm">@breadcrumbText</span>
</div> </div>
</nav> </div>
<!-- Hero Title Section --> <!-- Hero Title Section -->
<div class="text-center lg:text-left max-w-4xl mx-auto lg:mx-0"> <div class="text-center lg:text-left max-w-4xl mx-auto lg:mx-0">

2
Views/Shared/Partials/_Footer.cshtml
View File

@ -136,7 +136,7 @@
</div> </div>
<!-- Chat Button --> <!-- Chat Button -->
<div id="chatButton" class="fixed bottom-22 right-3 md:bottom-5 md:right-5 p-4 cursor-pointer z-20"> <div id="chatButton" class="fixed bottom-22 right-3 md:bottom-5 md:right-5 p-4 cursor-pointer z-20">
<img src="@Url.Content("~/chatbot.svg")" alt="Chat Icon" class="w-24 h-24"/> <img src="@Url.Content("~/ecobot2.svg")" alt="Chat Icon" class="w-24 h-24"/>
@* <div class="absolute -top-8 -left-5 bg-green-500 text-white md:text-xs text-sm px-2 py-1 rounded whitespace-nowrap"> @* <div class="absolute -top-8 -left-5 bg-green-500 text-white md:text-xs text-sm px-2 py-1 rounded whitespace-nowrap">
Tanya EcoBot! Tanya EcoBot!
</div> *@ </div> *@

63
Views/Shared/Partials/_Navbar.cshtml
View File

@ -153,6 +153,23 @@
transform: scale(1.1); transform: scale(1.1);
} }
/* Fixed positioning for mega menus */
[id^="mega-menu-"] {
position: fixed !important;
top: 74px !important; /* Adjust based on your navbar height */
left: 0 !important;
right: 0 !important;
z-index: 40 !important;
max-height: calc(100vh - 74px);
overflow-y: auto;
}
/* Ensure navbar stays above mega menu */
nav {
z-index: 50 !important;
}
/* Safe area for devices with home indicator */ /* Safe area for devices with home indicator */
@@supports (padding-bottom: env(safe-area-inset-bottom)) { @@supports (padding-bottom: env(safe-area-inset-bottom)) {
.md\\:hidden.fixed.bottom-0 { .md\\:hidden.fixed.bottom-0 {
@ -294,48 +311,10 @@ document.addEventListener('DOMContentLoaded', function() {
button.addEventListener('mouseenter', () => { button.addEventListener('mouseenter', () => {
megaMenus.forEach(menu => menu.classList.add('hidden')); megaMenus.forEach(menu => menu.classList.add('hidden'));
megaMenu.classList.remove('hidden'); megaMenu.classList.remove('hidden');
}); // Calculate and set proper positioning
const navbar = document.querySelector('nav');
button.addEventListener('mouseleave', () => { const navbarHeight = navbar ? navbar.offsetHeight : 74;
setTimeout(() => { megaMenu.style.top = `${navbarHeight}px`;
if (!megaMenu.matches(':hover') && !button.matches(':hover')) {
megaMenu.classList.add('hidden');
}
}, 100);
});
megaMenu.addEventListener('mouseleave', () => {
megaMenu.classList.add('hidden');
});
}
});
});
</script>
<script>
mobileDataBtn.addEventListener('click', () => {
window.location.href = '/Publikasi/DIKPLHD';
});
mobileMenuBtn.addEventListener('click', () => {
showMobileModal(allMenuContent, 'Menu Lainnya');
lucide.createIcons();
});
// Close modal events
mobileModalClose.addEventListener('click', hideMobileModal);
mobileModalOverlay.addEventListener('click', hideMobileModal);
// Desktop dropdown functionality
const dropdownButtons = document.querySelectorAll('[id^="dropdown-button-"]');
const megaMenus = document.querySelectorAll('[id^="mega-menu-"]');
dropdownButtons.forEach((button, index) => {
const megaMenu = document.getElementById(`mega-menu-${index + 1}`);
if (megaMenu) {
button.addEventListener('mouseenter', () => {
megaMenus.forEach(menu => menu.classList.add('hidden'));
megaMenu.classList.remove('hidden');
}); });
button.addEventListener('mouseleave', () => { button.addEventListener('mouseleave', () => {

4
Views/Shared/_Layout.cshtml
View File

@ -30,7 +30,7 @@
<!-- Open Graph Meta Tags --> <!-- Open Graph Meta Tags -->
<meta property="og:title" content="@ogTitle" /> <meta property="og:title" content="@ogTitle" />
<meta property="og:description" content="@ogDescription" /> <meta property="og:description" content="@ogDescription" />
<meta property="og:image" content="~/assets/images/logo_color.svg" /> <meta property="og:image" content="@Url.Content("~/assets/cover_og.jpg")" />
<meta property="og:url" content="@currentUrl" /> <meta property="og:url" content="@currentUrl" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
@ -38,7 +38,7 @@
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="@twitterTitle" /> <meta name="twitter:title" content="@twitterTitle" />
<meta name="twitter:description" content="@twitterDescription" /> <meta name="twitter:description" content="@twitterDescription" />
<meta name="twitter:image" content="~/assets/images/logo_color.svg" /> <meta name="twitter:image" content="@Url.Content("~/assets/cover_og.jpg")" />
<!-- Fonts --> <!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">

BIN
bin/Debug/net9.0/dlh-net.dll
View File

Binary file not shown.

BIN
bin/Debug/net9.0/dlh-net.exe
View File

Binary file not shown.

BIN
bin/Debug/net9.0/dlh-net.pdb
View File

Binary file not shown.

2
bin/Debug/net9.0/dlh-net.staticwebassets.endpoints.json
View File

File diff suppressed because one or more lines are too long

2
bin/Debug/net9.0/dlh-net.staticwebassets.runtime.json
View File

File diff suppressed because one or more lines are too long

BIN
obj/Debug/net9.0/apphost.exe
View File

Binary file not shown.

2
obj/Debug/net9.0/dlh-net.AssemblyInfo.cs
View File

@ -13,7 +13,7 @@ using System.Reflection;
[assembly: System.Reflection.AssemblyCompanyAttribute("dlh-net")] [assembly: System.Reflection.AssemblyCompanyAttribute("dlh-net")]
[assembly: System.Reflection.AssemblyConfigurationAttribute("Debug")] [assembly: System.Reflection.AssemblyConfigurationAttribute("Debug")]
[assembly: System.Reflection.AssemblyFileVersionAttribute("1.0.0.0")] [assembly: System.Reflection.AssemblyFileVersionAttribute("1.0.0.0")]
[assembly: System.Reflection.AssemblyInformationalVersionAttribute("1.0.0+85e3530e9a465d74a88e1095efb105f83ce6daf3")] [assembly: System.Reflection.AssemblyInformationalVersionAttribute("1.0.0+67c0c26adbc3ebedbbe251d3d30211dd76f6d14a")]
[assembly: System.Reflection.AssemblyProductAttribute("dlh-net")] [assembly: System.Reflection.AssemblyProductAttribute("dlh-net")]
[assembly: System.Reflection.AssemblyTitleAttribute("dlh-net")] [assembly: System.Reflection.AssemblyTitleAttribute("dlh-net")]
[assembly: System.Reflection.AssemblyVersionAttribute("1.0.0.0")] [assembly: System.Reflection.AssemblyVersionAttribute("1.0.0.0")]

2
obj/Debug/net9.0/dlh-net.AssemblyInfoInputs.cache
View File

@ -1 +1 @@
cf611b6f1aa9bd088def72a83e17da3e77d8a4198267ec3251f789ebbe307535 1457e6ac7cffb7f1c58d696f5036a3fac8cee10094025913e34a2d3bb86179eb

20
obj/Debug/net9.0/dlh-net.GeneratedMSBuildEditorConfig.editorconfig
View File

@ -112,6 +112,26 @@ build_metadata.AdditionalFiles.CssScope =
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcUHJvZmlsXE9yZ2FuaXNhc2kuY3NodG1s build_metadata.AdditionalFiles.TargetPath = Vmlld3NcUHJvZmlsXE9yZ2FuaXNhc2kuY3NodG1s
build_metadata.AdditionalFiles.CssScope = build_metadata.AdditionalFiles.CssScope =
[C:/laragon/www/dlh-net/Views/Profil/Sudin/Jakbar.cshtml]
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcUHJvZmlsXFN1ZGluXEpha2Jhci5jc2h0bWw=
build_metadata.AdditionalFiles.CssScope =
[C:/laragon/www/dlh-net/Views/Profil/Sudin/Jakpus.cshtml]
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcUHJvZmlsXFN1ZGluXEpha3B1cy5jc2h0bWw=
build_metadata.AdditionalFiles.CssScope =
[C:/laragon/www/dlh-net/Views/Profil/Sudin/Jaksel.cshtml]
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcUHJvZmlsXFN1ZGluXEpha3NlbC5jc2h0bWw=
build_metadata.AdditionalFiles.CssScope =
[C:/laragon/www/dlh-net/Views/Profil/Sudin/Jaktim.cshtml]
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcUHJvZmlsXFN1ZGluXEpha3RpbS5jc2h0bWw=
build_metadata.AdditionalFiles.CssScope =
[C:/laragon/www/dlh-net/Views/Profil/Sudin/Jakut.cshtml]
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcUHJvZmlsXFN1ZGluXEpha3V0LmNzaHRtbA==
build_metadata.AdditionalFiles.CssScope =
[C:/laragon/www/dlh-net/Views/Profil/Tupoksi.cshtml] [C:/laragon/www/dlh-net/Views/Profil/Tupoksi.cshtml]
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcUHJvZmlsXFR1cG9rc2kuY3NodG1s build_metadata.AdditionalFiles.TargetPath = Vmlld3NcUHJvZmlsXFR1cG9rc2kuY3NodG1s
build_metadata.AdditionalFiles.CssScope = build_metadata.AdditionalFiles.CssScope =

5
obj/Debug/net9.0/dlh-net.csproj.FileListAbsolute.txt
View File

@ -6444,5 +6444,8 @@ C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\d5dxynnpxs-x5f0iogtxy.gz
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\wj81mgrgzd-yt11h4ah29.gz C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\wj81mgrgzd-yt11h4ah29.gz
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\1eirg8gji5-6h6v874upz.gz C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\1eirg8gji5-6h6v874upz.gz
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\w8avq7peoa-a5oxcjr1hd.gz C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\w8avq7peoa-a5oxcjr1hd.gz
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\hc40dw3fux-ajywtditkh.gz
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\e2z0l6bcef-ki7a902c04.gz C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\e2z0l6bcef-ki7a902c04.gz
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\hc40dw3fux-8aye5bsfrw.gz
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\l39avdl6vx-k69i61j8qx.gz
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\ne72vumpi5-bbojlneqx7.gz
C:\laragon\www\dlh-net\obj\Debug\net9.0\compressed\y3bo0g39i1-xjuu8xi95b.gz

BIN
obj/Debug/net9.0/dlh-net.dll
View File

Binary file not shown.

BIN
obj/Debug/net9.0/dlh-net.pdb
View File

Binary file not shown.

2
obj/Debug/net9.0/rbcswa.dswa.cache.json
View File

File diff suppressed because one or more lines are too long

BIN
obj/Debug/net9.0/ref/dlh-net.dll
View File

Binary file not shown.

BIN
obj/Debug/net9.0/refint/dlh-net.dll
View File

Binary file not shown.

2
obj/Debug/net9.0/rjimswa.dswa.cache.json
View File

File diff suppressed because one or more lines are too long

2
obj/Debug/net9.0/rjsmcshtml.dswa.cache.json
View File

File diff suppressed because one or more lines are too long

2
obj/Debug/net9.0/rjsmrazor.dswa.cache.json
View File

File diff suppressed because one or more lines are too long

2
obj/Debug/net9.0/rpswa.dswa.cache.json
View File

File diff suppressed because one or more lines are too long

2
obj/Debug/net9.0/staticwebassets.build.endpoints.json
View File

File diff suppressed because one or more lines are too long

2
obj/Debug/net9.0/staticwebassets.build.json
View File

File diff suppressed because one or more lines are too long

2
obj/Debug/net9.0/staticwebassets.build.json.cache
View File

@ -1 +1 @@
845ekAviybfgQfQgldHgn2fXbp9G2Bvyr8O8LTKgi9k= urHpuEWsmd2CwfFV8OG3p8Zt/eUlKM3i7/QFVX/4VVc=

2
obj/Debug/net9.0/staticwebassets.development.json
View File

File diff suppressed because one or more lines are too long

BIN
wwwroot/assets/cover_og.jpg 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 941 KiB

BIN
wwwroot/assets/images/home/hero-section-1.jpg 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 299 KiB

BIN
wwwroot/assets/images/home/hero-section-2.jpg 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 254 KiB

BIN
wwwroot/assets/images/home/hero-section-3.jpg 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 303 KiB

229
wwwroot/css/output.css
View File

@ -52,7 +52,6 @@
--color-green-800: oklch(44.8% 0.119 151.328); --color-green-800: oklch(44.8% 0.119 151.328);
--color-green-900: oklch(39.3% 0.095 152.535); --color-green-900: oklch(39.3% 0.095 152.535);
--color-emerald-50: oklch(97.9% 0.021 166.113); --color-emerald-50: oklch(97.9% 0.021 166.113);
--color-emerald-100: oklch(95% 0.052 163.051);
--color-emerald-400: oklch(76.5% 0.177 163.223); --color-emerald-400: oklch(76.5% 0.177 163.223);
--color-emerald-500: oklch(69.6% 0.17 162.48); --color-emerald-500: oklch(69.6% 0.17 162.48);
--color-emerald-600: oklch(59.6% 0.145 163.225); --color-emerald-600: oklch(59.6% 0.145 163.225);
@ -71,7 +70,6 @@
--color-cyan-200: oklch(91.7% 0.08 205.041); --color-cyan-200: oklch(91.7% 0.08 205.041);
--color-cyan-500: oklch(71.5% 0.143 215.221); --color-cyan-500: oklch(71.5% 0.143 215.221);
--color-cyan-600: oklch(60.9% 0.126 221.723); --color-cyan-600: oklch(60.9% 0.126 221.723);
--color-cyan-700: oklch(52% 0.105 223.128);
--color-cyan-800: oklch(45% 0.085 224.283); --color-cyan-800: oklch(45% 0.085 224.283);
--color-blue-50: oklch(97% 0.014 254.604); --color-blue-50: oklch(97% 0.014 254.604);
--color-blue-100: oklch(93.2% 0.032 255.585); --color-blue-100: oklch(93.2% 0.032 255.585);
@ -86,16 +84,13 @@
--color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-50: oklch(96.2% 0.018 272.314);
--color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-100: oklch(93% 0.034 272.788);
--color-indigo-200: oklch(87% 0.065 274.039); --color-indigo-200: oklch(87% 0.065 274.039);
--color-indigo-500: oklch(58.5% 0.233 277.117);
--color-indigo-600: oklch(51.1% 0.262 276.966); --color-indigo-600: oklch(51.1% 0.262 276.966);
--color-indigo-700: oklch(45.7% 0.24 277.023);
--color-indigo-800: oklch(39.8% 0.195 277.366); --color-indigo-800: oklch(39.8% 0.195 277.366);
--color-purple-50: oklch(97.7% 0.014 308.299); --color-purple-50: oklch(97.7% 0.014 308.299);
--color-purple-100: oklch(94.6% 0.033 307.174); --color-purple-100: oklch(94.6% 0.033 307.174);
--color-purple-200: oklch(90.2% 0.063 306.703); --color-purple-200: oklch(90.2% 0.063 306.703);
--color-purple-500: oklch(62.7% 0.265 303.9); --color-purple-500: oklch(62.7% 0.265 303.9);
--color-purple-600: oklch(55.8% 0.288 302.321); --color-purple-600: oklch(55.8% 0.288 302.321);
--color-purple-700: oklch(49.6% 0.265 301.924);
--color-purple-800: oklch(43.8% 0.218 303.724); --color-purple-800: oklch(43.8% 0.218 303.724);
--color-pink-50: oklch(97.1% 0.014 343.198); --color-pink-50: oklch(97.1% 0.014 343.198);
--color-pink-100: oklch(94.8% 0.028 342.258); --color-pink-100: oklch(94.8% 0.028 342.258);
@ -103,8 +98,6 @@
--color-pink-500: oklch(65.6% 0.241 354.308); --color-pink-500: oklch(65.6% 0.241 354.308);
--color-pink-600: oklch(59.2% 0.249 0.584); --color-pink-600: oklch(59.2% 0.249 0.584);
--color-pink-800: oklch(45.9% 0.187 3.815); --color-pink-800: oklch(45.9% 0.187 3.815);
--color-rose-500: oklch(64.5% 0.246 16.439);
--color-rose-600: oklch(58.6% 0.253 17.585);
--color-slate-50: oklch(98.4% 0.003 247.858); --color-slate-50: oklch(98.4% 0.003 247.858);
--color-slate-100: oklch(96.8% 0.007 247.896); --color-slate-100: oklch(96.8% 0.007 247.896);
--color-slate-300: oklch(86.9% 0.022 252.894); --color-slate-300: oklch(86.9% 0.022 252.894);
@ -417,12 +410,6 @@
.top-10 { .top-10 {
top: calc(var(--spacing) * 10); top: calc(var(--spacing) * 10);
} }
.top-20 {
top: calc(var(--spacing) * 20);
}
.top-32 {
top: calc(var(--spacing) * 32);
}
.top-50 { .top-50 {
top: calc(var(--spacing) * 50); top: calc(var(--spacing) * 50);
} }
@ -456,21 +443,9 @@
.right-5 { .right-5 {
right: calc(var(--spacing) * 5); right: calc(var(--spacing) * 5);
} }
.right-6 {
right: calc(var(--spacing) * 6);
}
.right-8 {
right: calc(var(--spacing) * 8);
}
.right-10 { .right-10 {
right: calc(var(--spacing) * 10); right: calc(var(--spacing) * 10);
} }
.right-12 {
right: calc(var(--spacing) * 12);
}
.right-20 {
right: calc(var(--spacing) * 20);
}
.right-\[15\%\] { .right-\[15\%\] {
right: 15%; right: 15%;
} }
@ -480,36 +455,18 @@
.bottom-0 { .bottom-0 {
bottom: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0);
} }
.bottom-1 {
bottom: calc(var(--spacing) * 1);
}
.bottom-4 { .bottom-4 {
bottom: calc(var(--spacing) * 4); bottom: calc(var(--spacing) * 4);
} }
.bottom-5 {
bottom: calc(var(--spacing) * 5);
}
.bottom-6 {
bottom: calc(var(--spacing) * 6);
}
.bottom-10 { .bottom-10 {
bottom: calc(var(--spacing) * 10); bottom: calc(var(--spacing) * 10);
} }
.bottom-16 {
bottom: calc(var(--spacing) * 16);
}
.bottom-20 { .bottom-20 {
bottom: calc(var(--spacing) * 20); bottom: calc(var(--spacing) * 20);
} }
.bottom-22 { .bottom-22 {
bottom: calc(var(--spacing) * 22); bottom: calc(var(--spacing) * 22);
} }
.bottom-24 {
bottom: calc(var(--spacing) * 24);
}
.bottom-32 {
bottom: calc(var(--spacing) * 32);
}
.bottom-50 { .bottom-50 {
bottom: calc(var(--spacing) * 50); bottom: calc(var(--spacing) * 50);
} }
@ -540,9 +497,6 @@
.left-10 { .left-10 {
left: calc(var(--spacing) * 10); left: calc(var(--spacing) * 10);
} }
.left-16 {
left: calc(var(--spacing) * 16);
}
.left-\[10\%\] { .left-\[10\%\] {
left: 10%; left: 10%;
} }
@ -639,6 +593,9 @@
.col-auto { .col-auto {
grid-column: auto; grid-column: auto;
} }
.col-span-1 {
grid-column: span 1 / span 1;
}
.col-span-4 { .col-span-4 {
grid-column: span 4 / span 4; grid-column: span 4 / span 4;
} }
@ -690,6 +647,9 @@
.m-auto { .m-auto {
margin: auto; margin: auto;
} }
.-mx-4 {
margin-inline: calc(var(--spacing) * -4);
}
.mx-0 { .mx-0 {
margin-inline: calc(var(--spacing) * 0); margin-inline: calc(var(--spacing) * 0);
} }
@ -1066,6 +1026,24 @@
.max-h-\[80vh\] { .max-h-\[80vh\] {
max-height: 80vh; max-height: 80vh;
} }
.max-h-full {
max-height: 100%;
}
.max-h-screen {
max-height: 100vh;
}
.min-h-3 {
min-height: calc(var(--spacing) * 3);
}
.min-h-3\/4 {
min-height: calc(3/4 * 100%);
}
.min-h-11 {
min-height: calc(var(--spacing) * 11);
}
.min-h-11\/12 {
min-height: calc(11/12 * 100%);
}
.min-h-\[60vh\] { .min-h-\[60vh\] {
min-height: 60vh; min-height: 60vh;
} }
@ -1159,9 +1137,15 @@
.w-\[40vw\] { .w-\[40vw\] {
width: 40vw; width: 40vw;
} }
.w-\[80vw\] {
width: 80vw;
}
.w-\[90vw\] { .w-\[90vw\] {
width: 90vw; width: 90vw;
} }
.w-\[900vw\] {
width: 900vw;
}
.w-auto { .w-auto {
width: auto; width: auto;
} }
@ -1453,9 +1437,6 @@
.gap-10 { .gap-10 {
gap: calc(var(--spacing) * 10); gap: calc(var(--spacing) * 10);
} }
.gap-12 {
gap: calc(var(--spacing) * 12);
}
.space-y-1 { .space-y-1 {
:where(& > :not(:last-child)) { :where(& > :not(:last-child)) {
--tw-space-y-reverse: 0; --tw-space-y-reverse: 0;
@ -1758,9 +1739,6 @@
.border-pink-200 { .border-pink-200 {
border-color: var(--color-pink-200); border-color: var(--color-pink-200);
} }
.border-purple-100 {
border-color: var(--color-purple-100);
}
.border-purple-200 { .border-purple-200 {
border-color: var(--color-purple-200); border-color: var(--color-purple-200);
} }
@ -1998,12 +1976,6 @@
background-color: color-mix(in oklab, var(--color-white) 10%, transparent); background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
} }
} }
.bg-white\/15 {
background-color: color-mix(in srgb, #fff 15%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}
.bg-white\/20 { .bg-white\/20 {
background-color: color-mix(in srgb, #fff 20%, transparent); background-color: color-mix(in srgb, #fff 20%, transparent);
@supports (color: color-mix(in lab, red, red)) { @supports (color: color-mix(in lab, red, red)) {
@ -2120,14 +2092,6 @@
--tw-gradient-from: var(--color-blue-50); --tw-gradient-from: var(--color-blue-50);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
} }
.from-blue-500 {
--tw-gradient-from: var(--color-blue-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-blue-600 {
--tw-gradient-from: var(--color-blue-600);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-blue-700 { .from-blue-700 {
--tw-gradient-from: var(--color-blue-700); --tw-gradient-from: var(--color-blue-700);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@ -2190,10 +2154,6 @@
--tw-gradient-from: var(--color-orange-500); --tw-gradient-from: var(--color-orange-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
} }
.from-purple-50 {
--tw-gradient-from: var(--color-purple-50);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-purple-500 { .from-purple-500 {
--tw-gradient-from: var(--color-purple-500); --tw-gradient-from: var(--color-purple-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@ -2365,14 +2325,6 @@
} }
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
} }
.to-blue-100 {
--tw-gradient-to: var(--color-blue-100);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-blue-600 {
--tw-gradient-to: var(--color-blue-600);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-blue-900 { .to-blue-900 {
--tw-gradient-to: var(--color-blue-900); --tw-gradient-to: var(--color-blue-900);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@ -2424,10 +2376,6 @@
--tw-gradient-to: var(--color-green-50); --tw-gradient-to: var(--color-green-50);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
} }
.to-green-100 {
--tw-gradient-to: var(--color-green-100);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-green-600 { .to-green-600 {
--tw-gradient-to: var(--color-green-600); --tw-gradient-to: var(--color-green-600);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@ -2460,14 +2408,6 @@
--tw-gradient-to: var(--color-pink-500); --tw-gradient-to: var(--color-pink-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
} }
.to-purple-100 {
--tw-gradient-to: var(--color-purple-100);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-purple-600 {
--tw-gradient-to: var(--color-purple-600);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-red-50 { .to-red-50 {
--tw-gradient-to: var(--color-red-50); --tw-gradient-to: var(--color-red-50);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@ -2645,6 +2585,9 @@
.py-20 { .py-20 {
padding-block: calc(var(--spacing) * 20); padding-block: calc(var(--spacing) * 20);
} }
.py-32 {
padding-block: calc(var(--spacing) * 32);
}
.ps-0 { .ps-0 {
padding-inline-start: calc(var(--spacing) * 0); padding-inline-start: calc(var(--spacing) * 0);
} }
@ -2699,9 +2642,6 @@
.pt-5 { .pt-5 {
padding-top: calc(var(--spacing) * 5); padding-top: calc(var(--spacing) * 5);
} }
.pt-8 {
padding-top: calc(var(--spacing) * 8);
}
.pt-12 { .pt-12 {
padding-top: calc(var(--spacing) * 12); padding-top: calc(var(--spacing) * 12);
} }
@ -3027,12 +2967,6 @@
.text-white { .text-white {
color: var(--color-white); color: var(--color-white);
} }
.text-white\/10 {
color: color-mix(in srgb, #fff 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.text-white\/70 { .text-white\/70 {
color: color-mix(in srgb, #fff 70%, transparent); color: color-mix(in srgb, #fff 70%, transparent);
@supports (color: color-mix(in lab, red, red)) { @supports (color: color-mix(in lab, red, red)) {
@ -3078,6 +3012,9 @@
.line-through { .line-through {
text-decoration-line: line-through; text-decoration-line: line-through;
} }
.no-underline {
text-decoration-line: none;
}
.overline { .overline {
text-decoration-line: overline; text-decoration-line: overline;
} }
@ -3824,14 +3761,6 @@
} }
} }
} }
.hover\:from-blue-100 {
&:hover {
@media (hover: hover) {
--tw-gradient-from: var(--color-blue-100);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
}
.hover\:from-green-100 { .hover\:from-green-100 {
&:hover { &:hover {
@media (hover: hover) { @media (hover: hover) {
@ -3864,14 +3793,6 @@
} }
} }
} }
.hover\:from-purple-100 {
&:hover {
@media (hover: hover) {
--tw-gradient-from: var(--color-purple-100);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
}
.hover\:via-emerald-700 { .hover\:via-emerald-700 {
&:hover { &:hover {
@media (hover: hover) { @media (hover: hover) {
@ -3889,14 +3810,6 @@
} }
} }
} }
.hover\:to-blue-200 {
&:hover {
@media (hover: hover) {
--tw-gradient-to: var(--color-blue-200);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
}
.hover\:to-cyan-100 { .hover\:to-cyan-100 {
&:hover { &:hover {
@media (hover: hover) { @media (hover: hover) {
@ -3905,14 +3818,6 @@
} }
} }
} }
.hover\:to-green-200 {
&:hover {
@media (hover: hover) {
--tw-gradient-to: var(--color-green-200);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
}
.hover\:to-green-800 { .hover\:to-green-800 {
&:hover { &:hover {
@media (hover: hover) { @media (hover: hover) {
@ -3929,14 +3834,6 @@
} }
} }
} }
.hover\:to-purple-200 {
&:hover {
@media (hover: hover) {
--tw-gradient-to: var(--color-purple-200);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
}
.hover\:to-teal-700 { .hover\:to-teal-700 {
&:hover { &:hover {
@media (hover: hover) { @media (hover: hover) {
@ -4029,6 +3926,13 @@
} }
} }
} }
.hover\:opacity-100 {
&:hover {
@media (hover: hover) {
opacity: 100%;
}
}
}
.hover\:shadow-2xl { .hover\:shadow-2xl {
&:hover { &:hover {
@media (hover: hover) { @media (hover: hover) {
@ -4161,6 +4065,12 @@
padding-inline: calc(var(--spacing) * 6); padding-inline: calc(var(--spacing) * 6);
} }
} }
.sm\:text-3xl {
@media (width >= 40rem) {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
.sm\:text-4xl { .sm\:text-4xl {
@media (width >= 40rem) { @media (width >= 40rem) {
font-size: var(--text-4xl); font-size: var(--text-4xl);
@ -4288,6 +4198,11 @@
height: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10);
} }
} }
.md\:h-16 {
@media (width >= 48rem) {
height: calc(var(--spacing) * 16);
}
}
.md\:h-24 { .md\:h-24 {
@media (width >= 48rem) { @media (width >= 48rem) {
height: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24);
@ -4494,11 +4409,21 @@
padding-inline: calc(var(--spacing) * 0); padding-inline: calc(var(--spacing) * 0);
} }
} }
.md\:py-12 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 12);
}
}
.md\:py-32 { .md\:py-32 {
@media (width >= 48rem) { @media (width >= 48rem) {
padding-block: calc(var(--spacing) * 32); padding-block: calc(var(--spacing) * 32);
} }
} }
.md\:py-96 {
@media (width >= 48rem) {
padding-block: calc(var(--spacing) * 96);
}
}
.md\:pt-0 { .md\:pt-0 {
@media (width >= 48rem) { @media (width >= 48rem) {
padding-top: calc(var(--spacing) * 0); padding-top: calc(var(--spacing) * 0);
@ -4519,11 +4444,26 @@
padding-top: calc(var(--spacing) * 16); padding-top: calc(var(--spacing) * 16);
} }
} }
.md\:pt-20 {
@media (width >= 48rem) {
padding-top: calc(var(--spacing) * 20);
}
}
.md\:pt-26 {
@media (width >= 48rem) {
padding-top: calc(var(--spacing) * 26);
}
}
.md\:pt-28 { .md\:pt-28 {
@media (width >= 48rem) { @media (width >= 48rem) {
padding-top: calc(var(--spacing) * 28); padding-top: calc(var(--spacing) * 28);
} }
} }
.md\:pt-32 {
@media (width >= 48rem) {
padding-top: calc(var(--spacing) * 32);
}
}
.md\:pb-0 { .md\:pb-0 {
@media (width >= 48rem) { @media (width >= 48rem) {
padding-bottom: calc(var(--spacing) * 0); padding-bottom: calc(var(--spacing) * 0);
@ -4567,6 +4507,12 @@
line-height: var(--tw-leading, var(--text-4xl--line-height)); line-height: var(--tw-leading, var(--text-4xl--line-height));
} }
} }
.md\:text-5xl {
@media (width >= 48rem) {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
}
.md\:text-6xl { .md\:text-6xl {
@media (width >= 48rem) { @media (width >= 48rem) {
font-size: var(--text-6xl); font-size: var(--text-6xl);
@ -4654,6 +4600,11 @@
height: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8);
} }
} }
.lg\:h-24 {
@media (width >= 64rem) {
height: calc(var(--spacing) * 24);
}
}
.lg\:h-\[35vh\] { .lg\:h-\[35vh\] {
@media (width >= 64rem) { @media (width >= 64rem) {
height: 35vh; height: 35vh;

79
wwwroot/ecobot2.svg 100644
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB

15
wwwroot/mascot.svg 100644
View File

@ -0,0 +1,15 @@
<svg width="170" height="279" viewBox="0 0 170 279" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M65.1774 275.035C61.5774 280.235 58.0107 277.201 56.6774 275.035L58.6774 221.035C7.87743 213.035 -1.48924 158.368 0.177424 132.035L12.6774 139.035C9.47736 116.235 21.6774 87.5347 28.1774 76.0347C29.3774 79.6347 34.0107 82.5347 36.1774 83.5347C36.5774 69.5347 54.0107 46.0347 62.6774 36.0347L66.6774 42.0347C69.4774 29.6347 91.1774 12.2013 101.677 5.03467V11.5346C134.877 -8.86539 156.844 2.36794 163.677 10.5346C144.477 16.1346 140.011 37.5346 140.177 47.5346L149.177 38.0346L151.177 95.5346L162.177 85.0346C164.177 91.8346 162.011 114.868 160.677 125.535L169.677 116.035C169.677 143.235 156.011 167.368 149.177 176.035C149.977 176.835 157.177 175.035 160.677 174.035C160.277 178.835 145.177 197.701 137.677 206.535C126.077 218.535 106.177 225.201 97.6774 227.035C86.4774 229.035 80.0107 226.535 78.1774 225.035C71.3773 221.435 67.344 223.535 66.1774 225.035C65.3774 232.235 65.1774 261.368 65.1774 275.035Z" fill="#297C3F"/>
<path d="M79 128C134.2 111.2 157.333 93.3333 162 86.5C154 102.9 102 123.333 77 131.5L79 128Z" fill="#D9D9D9" fill-opacity="0.1"/>
<path d="M65 275C61.8 280.6 58 277.333 56.5 275L59 221C56.4244 160.096 70.0171 42.176 139.813 15.2139C146.699 12.2035 154.24 10.3887 162.5 10C154.348 10.7279 146.799 12.5153 139.813 15.2139C75.8461 43.1813 68.4561 174.345 66.5 224C65.7 230.4 65.1667 260.667 65 275Z" fill="#D9D9D9" fill-opacity="0.1"/>
<path d="M86.5 99L149 39C150.2 40.6 106.167 82.6667 84 103.5L86.5 99Z" fill="#D9D9D9" fill-opacity="0.1"/>
<path d="M85 68.5L62.5 36.5C63.3 39.7 77.1667 60.8333 84 71L85 68.5Z" fill="#D9D9D9" fill-opacity="0.1"/>
<path d="M100.645 45.1612L102.003 4C100.598 6.98034 98.8317 33.3863 98.1245 46.2167L100.645 45.1612Z" fill="#D9D9D9" fill-opacity="0.1"/>
<path d="M70.5 109.5C46.5 95.1 32.1667 82.5 28 78C31.6 86.8 57.1667 105.333 69.5 113.5L70.5 109.5Z" fill="#D9D9D9" fill-opacity="0.1"/>
<path d="M60 156.5C33.2 150.1 9.16667 138.167 0.5 133C16.9 144.2 47 155.667 60 160V156.5Z" fill="#D9D9D9" fill-opacity="0.1"/>
<path d="M69.5 182.5C95.6063 181.379 148.462 178.442 158.938 175.374C159.321 175.251 159.674 175.126 160 175C159.719 175.125 159.363 175.25 158.938 175.374C150.704 178.035 128.722 180.311 69 187L69.5 182.5Z" fill="#D9D9D9" fill-opacity="0.1"/>
<path d="M169.5 117.5C169.456 118.559 168.04 120.319 164.541 122.781C146.274 138.449 96.8286 156.022 72 163.5V159.5C129.053 141.855 154.827 129.615 164.541 122.781C166.629 120.99 168.31 119.223 169.5 117.5Z" fill="#D9D9D9" fill-opacity="0.1"/>
<circle cx="59" cy="128" r="5" fill="black"/>
<circle cx="92" cy="128" r="5" fill="black"/>
<path d="M48 156C54.5 174.5 73.7 200.4 98.5 156" stroke="black" stroke-width="6"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB