Tambah Halaman artikel
parent
d8cde1a036
commit
d25aa28ca5
|
|
@ -100,11 +100,11 @@ namespace WebsiteDLH.Controllers
|
||||||
[HttpGet("/publikasi-data/laporan-keuangan")]
|
[HttpGet("/publikasi-data/laporan-keuangan")]
|
||||||
public IActionResult Laporan_Keuangan(){return View("~/Views/Pages/Publikasi_Data/Laporan_Keuangan.cshtml");}
|
public IActionResult Laporan_Keuangan(){return View("~/Views/Pages/Publikasi_Data/Laporan_Keuangan.cshtml");}
|
||||||
|
|
||||||
|
[HttpGet("/berita")]
|
||||||
|
public IActionResult Berita(){return View();}
|
||||||
|
|
||||||
public IActionResult ListArticle()
|
[HttpGet("/2023/12/12/inovasi-terbaru-dalam-teknologi-gadget")]
|
||||||
{
|
public IActionResult Detail_Berita(){return View();}
|
||||||
return View();
|
|
||||||
}
|
|
||||||
|
|
||||||
[ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
|
[ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
|
||||||
public IActionResult Error()
|
public IActionResult Error()
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="blog-posts">
|
<div class="blog-posts">
|
||||||
<div class="text-center mb-5">
|
<div class="text-center mb-5">
|
||||||
<h1 class="fw-bold mb-2">Artikel Lingkungan Hidup</h1>
|
<h1 class="fw-bold mb-2">Berita Lingkungan Hidup</h1>
|
||||||
<p class="fs-6">Ikuti program, kegiatan, dan informasi terbaru tentang Dinas Lingkungan Hidup
|
<p class="fs-6">Ikuti program, kegiatan, dan informasi terbaru tentang Dinas Lingkungan Hidup
|
||||||
Provinsi DKI
|
Provinsi DKI
|
||||||
Jakarta</p>
|
Jakarta</p>
|
||||||
|
|
@ -19,202 +19,215 @@
|
||||||
Max Character Title: 78 Char (3 Lines)
|
Max Character Title: 78 Char (3 Lines)
|
||||||
Max Character Description: 119 Char (3 Lines)
|
Max Character Description: 119 Char (3 Lines)
|
||||||
-->
|
-->
|
||||||
<div id="placeholder" class="row">
|
|
||||||
<div class="col-md-4">
|
|
||||||
<article class="border-0 pb-0 mb-5">
|
|
||||||
<div class="post-image">
|
|
||||||
<div class="position-relative placeholder-glow">
|
|
||||||
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
|
||||||
<div class="rounded-4" style="object-fit: cover"></div>
|
|
||||||
</a>
|
|
||||||
<div class="badges position-absolute" style="top: 4px; right:10px">
|
|
||||||
<span class="placeholder col-6"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="post-content placeholder-glow">
|
|
||||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
|
||||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
|
||||||
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
|
||||||
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
|
||||||
|
|
||||||
<div class="post-meta placeholder-glow">
|
|
||||||
<div class="d-flex align-items-center">
|
|
||||||
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
|
||||||
</div>
|
|
||||||
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
|
||||||
class="ms-2 placeholder col-3"></span>
|
|
||||||
<div class="ms-2 placeholder col-3"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<article class="border-0 pb-0 mb-5">
|
|
||||||
<div class="post-image">
|
|
||||||
<div class="position-relative placeholder-glow">
|
|
||||||
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
|
||||||
<div class="rounded-4" style="object-fit: cover"></div>
|
|
||||||
</a>
|
|
||||||
<div class="badges position-absolute" style="top: 4px; right:10px">
|
|
||||||
<span class="placeholder col-6"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="post-content placeholder-glow">
|
|
||||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
|
||||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
|
||||||
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
|
||||||
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
|
||||||
|
|
||||||
<div class="post-meta placeholder-glow">
|
|
||||||
<div class="d-flex align-items-center">
|
|
||||||
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
|
||||||
</div>
|
|
||||||
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
|
||||||
class="ms-2 placeholder col-3"></span>
|
|
||||||
<div class="ms-2 placeholder col-3"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<article class="border-0 pb-0 mb-5">
|
|
||||||
<div class="post-image">
|
|
||||||
<div class="position-relative placeholder-glow">
|
|
||||||
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
|
||||||
<div class="rounded-4" style="object-fit: cover"></div>
|
|
||||||
</a>
|
|
||||||
<div class="badges position-absolute" style="top: 4px; right:10px">
|
|
||||||
<span class="placeholder col-6"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="post-content placeholder-glow">
|
|
||||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
|
||||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
|
||||||
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
|
||||||
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
|
||||||
|
|
||||||
<div class="post-meta placeholder-glow">
|
|
||||||
<div class="d-flex align-items-center">
|
|
||||||
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
|
||||||
</div>
|
|
||||||
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
|
||||||
class="ms-2 placeholder col-3"></span>
|
|
||||||
<div class="ms-2 placeholder col-3"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<article class="border-0 pb-0 mb-5">
|
|
||||||
<div class="post-image">
|
|
||||||
<div class="position-relative placeholder-glow">
|
|
||||||
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
|
||||||
<div class="rounded-4" style="object-fit: cover"></div>
|
|
||||||
</a>
|
|
||||||
<div class="badges position-absolute" style="top: 4px; right:10px">
|
|
||||||
<span class="placeholder col-6"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="post-content placeholder-glow">
|
|
||||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
|
||||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
|
||||||
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
|
||||||
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
|
||||||
|
|
||||||
<div class="post-meta placeholder-glow">
|
|
||||||
<div class="d-flex align-items-center">
|
|
||||||
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
|
||||||
</div>
|
|
||||||
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
|
||||||
class="ms-2 placeholder col-3"></span>
|
|
||||||
<div class="ms-2 placeholder col-3"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<article class="border-0 pb-0 mb-5">
|
|
||||||
<div class="post-image">
|
|
||||||
<div class="position-relative placeholder-glow">
|
|
||||||
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
|
||||||
<div class="rounded-4" style="object-fit: cover"></div>
|
|
||||||
</a>
|
|
||||||
<div class="badges position-absolute" style="top: 4px; right:10px">
|
|
||||||
<span class="placeholder col-6"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="post-content placeholder-glow">
|
|
||||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
|
||||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
|
||||||
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
|
||||||
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
|
||||||
|
|
||||||
<div class="post-meta placeholder-glow">
|
|
||||||
<div class="d-flex align-items-center">
|
|
||||||
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
|
||||||
</div>
|
|
||||||
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
|
||||||
class="ms-2 placeholder col-3"></span>
|
|
||||||
<div class="ms-2 placeholder col-3"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<article class="border-0 pb-0 mb-5">
|
|
||||||
<div class="post-image">
|
|
||||||
<div class="position-relative placeholder-glow">
|
|
||||||
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
|
||||||
<div class="rounded-4" style="object-fit: cover"></div>
|
|
||||||
</a>
|
|
||||||
<div class="badges position-absolute" style="top: 4px; right:10px">
|
|
||||||
<span class="placeholder col-6"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="post-content placeholder-glow">
|
|
||||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
|
||||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
|
||||||
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
|
||||||
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
|
||||||
|
|
||||||
<div class="post-meta placeholder-glow">
|
|
||||||
<div class="d-flex align-items-center">
|
|
||||||
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
|
||||||
</div>
|
|
||||||
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
|
||||||
class="ms-2 placeholder col-3"></span>
|
|
||||||
<div class="ms-2 placeholder col-3"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="list-article" class="row">
|
<div id="list-article" class="row">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<article class="border-0 pb-0 mb-5">
|
||||||
|
<div class="post-image">
|
||||||
|
<div class="position-relative placeholder-glow">
|
||||||
|
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
||||||
|
<div class="rounded-4" style="object-fit: cover"></div>
|
||||||
|
</a>
|
||||||
|
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||||
|
<span class="placeholder col-6"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content placeholder-glow">
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
||||||
|
|
||||||
|
<div class="post-meta placeholder-glow">
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
||||||
|
</div>
|
||||||
|
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
||||||
|
class="ms-2 placeholder col-3"></span>
|
||||||
|
<div class="ms-2 placeholder col-3"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<article class="border-0 pb-0 mb-5">
|
||||||
|
<div class="post-image">
|
||||||
|
<div class="position-relative placeholder-glow">
|
||||||
|
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
||||||
|
<div class="rounded-4" style="object-fit: cover"></div>
|
||||||
|
</a>
|
||||||
|
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||||
|
<span class="placeholder col-6"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content placeholder-glow">
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
||||||
|
|
||||||
|
<div class="post-meta placeholder-glow">
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
||||||
|
</div>
|
||||||
|
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
||||||
|
class="ms-2 placeholder col-3"></span>
|
||||||
|
<div class="ms-2 placeholder col-3"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<article class="border-0 pb-0 mb-5">
|
||||||
|
<div class="post-image">
|
||||||
|
<div class="position-relative placeholder-glow">
|
||||||
|
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
||||||
|
<div class="rounded-4" style="object-fit: cover"></div>
|
||||||
|
</a>
|
||||||
|
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||||
|
<span class="placeholder col-6"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content placeholder-glow">
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
||||||
|
|
||||||
|
<div class="post-meta placeholder-glow">
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
||||||
|
</div>
|
||||||
|
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
||||||
|
class="ms-2 placeholder col-3"></span>
|
||||||
|
<div class="ms-2 placeholder col-3"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<article class="border-0 pb-0 mb-5">
|
||||||
|
<div class="post-image">
|
||||||
|
<div class="position-relative placeholder-glow">
|
||||||
|
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
||||||
|
<div class="rounded-4" style="object-fit: cover"></div>
|
||||||
|
</a>
|
||||||
|
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||||
|
<span class="placeholder col-6"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content placeholder-glow">
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
||||||
|
|
||||||
|
<div class="post-meta placeholder-glow">
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
||||||
|
</div>
|
||||||
|
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
||||||
|
class="ms-2 placeholder col-3"></span>
|
||||||
|
<div class="ms-2 placeholder col-3"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<article class="border-0 pb-0 mb-5">
|
||||||
|
<div class="post-image">
|
||||||
|
<div class="position-relative placeholder-glow">
|
||||||
|
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
||||||
|
<div class="rounded-4" style="object-fit: cover"></div>
|
||||||
|
</a>
|
||||||
|
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||||
|
<span class="placeholder col-6"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content placeholder-glow">
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
||||||
|
|
||||||
|
<div class="post-meta placeholder-glow">
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
||||||
|
</div>
|
||||||
|
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
||||||
|
class="ms-2 placeholder col-3"></span>
|
||||||
|
<div class="ms-2 placeholder col-3"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<article class="border-0 pb-0 mb-5">
|
||||||
|
<div class="post-image">
|
||||||
|
<div class="position-relative placeholder-glow">
|
||||||
|
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
||||||
|
<div class="rounded-4" style="object-fit: cover"></div>
|
||||||
|
</a>
|
||||||
|
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||||
|
<span class="placeholder col-6"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content placeholder-glow">
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
||||||
|
|
||||||
|
<div class="post-meta placeholder-glow">
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
||||||
|
</div>
|
||||||
|
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
||||||
|
class="ms-2 placeholder col-3"></span>
|
||||||
|
<div class="ms-2 placeholder col-3"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col">
|
||||||
|
<ul class="pagination justify-content-center">
|
||||||
|
<li class="page-item"><a class="page-link" href="#"><i class="fas fa-angle-left"></i></a></li>
|
||||||
|
<li class="page-item active"><a class="page-link" href="#">1</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#"><i class="fas fa-angle-right"></i></a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@* <div class="alert alert-danger position-fixed appear-animation animated fadeInRight appear-animation-visible" data-appear-animation="fadeInRight" data-appear-animation-delay="0" data-appear-animation-duration="1s" style="animation-duration: 1s; animation-delay: 0ms; bottom: 10px; right: 10px; z-index: 999">
|
||||||
|
Anda sedang <strong>Offline</strong>
|
||||||
|
</div> *@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
const data = [
|
const data = [
|
||||||
{
|
{
|
||||||
|
|
@ -460,38 +473,10 @@
|
||||||
];
|
];
|
||||||
|
|
||||||
generateArticle(data)
|
generateArticle(data)
|
||||||
@* countRPM() *@
|
|
||||||
|
|
||||||
function countRPM() {
|
|
||||||
document.addEventListener("DOMContentLoaded", function () {
|
|
||||||
// Menentukan jumlah kata dalam konten
|
|
||||||
const content = document.querySelector(".c-blog-detail__body");
|
|
||||||
const words = content.textContent.split(/\s+/).length;
|
|
||||||
|
|
||||||
// Menentukan jumlah gambar dalam konten
|
|
||||||
const images = document.querySelectorAll(".c-blog-detail__img img");
|
|
||||||
const imageCount = images.length;
|
|
||||||
|
|
||||||
// Menentukan waktu rata-rata untuk melihat setiap gambar (dalam detik)
|
|
||||||
const averageTimePerImage = 3; // Misalnya, anggap 5 detik per gambar
|
|
||||||
|
|
||||||
// Menentukan waktu baca per menit (biasanya 200-250 kata per menit)
|
|
||||||
const wordsPerMinute = 225;
|
|
||||||
|
|
||||||
// Menghitung estimasi waktu baca termasuk waktu untuk melihat gambar
|
|
||||||
const estimatedTime = Math.ceil(words / wordsPerMinute) + (imageCount * averageTimePerImage / 60);
|
|
||||||
|
|
||||||
// Menampilkan hasil di dalam elemen HTML
|
|
||||||
@* const timeElement = document.createElement("p");
|
|
||||||
timeElement.innerHTML = `Estimasi waktu baca: ${estimatedTime.toFixed(1)} menit`;
|
|
||||||
content.appendChild(timeElement); *@
|
|
||||||
|
|
||||||
console.log(estimatedTime.toFixed(1) + "menit");
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function generateArticle(data) {
|
function generateArticle(data) {
|
||||||
sliceData(data, 0, 6)
|
sliceData(data, 0, 9)
|
||||||
}
|
}
|
||||||
|
|
||||||
function sliceData(data, start, end) {
|
function sliceData(data, start, end) {
|
||||||
|
|
@ -504,13 +489,13 @@
|
||||||
const dynamicDelay = index % 2 === 0 ? delay : (delay + 300);
|
const dynamicDelay = index % 2 === 0 ? delay : (delay + 300);
|
||||||
|
|
||||||
articles += `
|
articles += `
|
||||||
<div class="col-md-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay=${delay}>
|
<div class="col-md-4 col-lg-3 ${index % 9 == 0 ? "d-lg-none" : "d-block"} appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay=${delay}>
|
||||||
<article class="post post-medium border-0 pb-0 mb-5">
|
<article class="post post-medium border-0 pb-0 mb-5">
|
||||||
<div class="post-image">
|
<div class="post-image">
|
||||||
<div class="position-relative">
|
<div class="position-relative">
|
||||||
<a href="#" class="ratio ratio-16x9 rounded-4">
|
<a href="/2023/12/12/inovasi-terbaru-dalam-teknologi-gadget" class="d-block ratio ratio-16x9 rounded-4">
|
||||||
<img src="https://source.unsplash.com/random/${element.image}/?${element.badge}"
|
<img data-lazy="https://source.unsplash.com/random/${element.image}/?${element.badge}"
|
||||||
style="object-fit: cover" class="rounded-4" alt="${element.title}" loading="lazy" />
|
style="object-fit: cover" class="rounded-4 lazy" alt="${element.title}" />
|
||||||
</a>
|
</a>
|
||||||
<div class="badges position-absolute" style="top: 4px; right:10px">
|
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||||
<span class="badge" style="background-color: ${element.color_badge}">${element.badge}</span>
|
<span class="badge" style="background-color: ${element.color_badge}">${element.badge}</span>
|
||||||
|
|
@ -519,7 +504,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="post-content">
|
<div class="post-content">
|
||||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-2"><a href="blog-post.html"
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-2"><a href="/2023/12/12/inovasi-terbaru-dalam-teknologi-gadget"
|
||||||
class="text-break overflow-ellipsis-3">${element.title}</a>
|
class="text-break overflow-ellipsis-3">${element.title}</a>
|
||||||
</h2>
|
</h2>
|
||||||
<p class="text-break overflow-ellipsis-3">
|
<p class="text-break overflow-ellipsis-3">
|
||||||
|
|
@ -527,9 +512,7 @@
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="post-meta">
|
<div class="post-meta">
|
||||||
<span><img src="https://robohash.org/agung" class="bg-info rounded-circle me-1"
|
<span><i class="far fa-calendar"></i> 20 Des 2023 </span>
|
||||||
width="30" height="30" alt="Robohash"><a href="#" class="fw-semibold">Agung
|
|
||||||
Gumelar</a> • 20 Des 2023 </span>
|
|
||||||
<span><i class="far fa-clock"></i> 3 min baca</span>
|
<span><i class="far fa-clock"></i> 3 min baca</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -540,6 +523,6 @@
|
||||||
delay += 300;
|
delay += 300;
|
||||||
}
|
}
|
||||||
const container_post = document.querySelector("#list-article")
|
const container_post = document.querySelector("#list-article")
|
||||||
container_post.innerHTML = container_post.innerHTML + articles
|
container_post.innerHTML = articles
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -0,0 +1,228 @@
|
||||||
|
@{
|
||||||
|
ViewBag.title = "Apps I Use And Why You Should Too";
|
||||||
|
ViewBag.menu = "Berita";
|
||||||
|
}
|
||||||
|
|
||||||
|
@section styles{
|
||||||
|
<link rel="stylesheet" href="/vendor/bootstrap-icons/bootstrap-icons.min.css">
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
<div class="container py-4">
|
||||||
|
<div class="row gy-5">
|
||||||
|
<div class="col-lg-8 order-lg-1">
|
||||||
|
<div class="blog-posts single-post">
|
||||||
|
|
||||||
|
<article class="post post-large blog-single-post border-0 m-0 p-0">
|
||||||
|
<h1 class="fw-bold fs-dark mb-2">Apps I Use And Why You Should Too</h1>
|
||||||
|
<div class="post-meta fw-semibold" style="font-size: .9rem">
|
||||||
|
<span>Senin, 11 Desember 2023 09:35 WIB • </span>
|
||||||
|
<span id="waktu_baca"></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ratio ratio-16x9 rounded-4">
|
||||||
|
<img data-lazy="https://image.cnbcfm.com/api/v1/image/107335557-1700223311859-gettyimages-1797445842-js1_2999_zc0zoee1.jpeg?v=1702342587&w=740&h=416&ffmt=webp&vtcrop=y"
|
||||||
|
class="rounded-4 lazy" style="object-fit: cover" alt="" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content ms-0 mt-3">
|
||||||
|
<div id="text-content">
|
||||||
|
<p>Let’s skip past the usual suspects like YouTube, WhatsApp and Instagram. I want to share with you some less familiar apps that have become just as essential in my daily life. They may not be household names, but they’re absolute game-changers for me.
|
||||||
|
<p>PS: I’ll be updating this list frequently with new apps, so I suggest you to save this article.</p>
|
||||||
|
<p>I start my day with Artifact, which is kind of like TikTok but for news. Kevin Systrom, who helped create Instagram, is behind this app. What I love about Artifact is how it uses AI to figure out the news I’m interested in and shows me more of that stuff. There’s also this neat feature where the AI can summarise articles. This way, I get the gist of a story without having to read the whole thing. The coolest part? If there’s a news headline that seems clickbaity, Artifact actually checks out the article and fixes the headline to be more accurate. No more falling for clickbait headlines!</p>
|
||||||
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aspernatur minima ipsa mollitia accusamus quidem repellendus natus sed a nihil praesentium! Quam fuga eaque incidunt consequatur aliquid consequuntur. Nihil doloribus id eius culpa. Enim, quibusdam officia!</p>
|
||||||
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aspernatur minima ipsa mollitia accusamus quidem repellendus natus sed a nihil praesentium! Quam fuga eaque incidunt consequatur aliquid consequuntur. Nihil doloribus id eius culpa. Enim, quibusdam officia!</p>
|
||||||
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aspernatur minima ipsa mollitia accusamus quidem repellendus natus sed a nihil praesentium! Quam fuga eaque incidunt consequatur aliquid consequuntur. Nihil doloribus id eius culpa. Enim, quibusdam officia!</p>
|
||||||
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aspernatur minima ipsa mollitia accusamus quidem repellendus natus sed a nihil praesentium! Quam fuga eaque incidunt consequatur aliquid consequuntur. Nihil doloribus id eius culpa. Enim, quibusdam officia!</p>
|
||||||
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aspernatur minima ipsa mollitia accusamus quidem repellendus natus sed a nihil praesentium! Quam fuga eaque incidunt consequatur aliquid consequuntur. Nihil doloribus id eius culpa. Enim, quibusdam officia!</p>
|
||||||
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aspernatur minima ipsa mollitia accusamus quidem repellendus natus sed a nihil praesentium! Quam fuga eaque incidunt consequatur aliquid consequuntur. Nihil doloribus id eius culpa. Enim, quibusdam officia!</p>
|
||||||
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aspernatur minima ipsa mollitia accusamus quidem repellendus natus sed a nihil praesentium! Quam fuga eaque incidunt consequatur aliquid consequuntur. Nihil doloribus id eius culpa. Enim, quibusdam officia!</p>
|
||||||
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aspernatur minima ipsa mollitia accusamus quidem repellendus natus sed a nihil praesentium! Quam fuga eaque incidunt consequatur aliquid consequuntur. Nihil doloribus id eius culpa. Enim, quibusdam officia!</p>
|
||||||
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aspernatur minima ipsa mollitia accusamus quidem repellendus natus sed a nihil praesentium! Quam fuga eaque incidunt consequatur aliquid consequuntur. Nihil doloribus id eius culpa. Enim, quibusdam officia!</p>
|
||||||
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aspernatur minima ipsa mollitia accusamus quidem repellendus natus sed a nihil praesentium! Quam fuga eaque incidunt consequatur aliquid consequuntur. Nihil doloribus id eius culpa. Enim, quibusdam officia!</p>
|
||||||
|
<img src="" alt="">
|
||||||
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aspernatur minima ipsa mollitia accusamus quidem repellendus natus sed a nihil praesentium! Quam fuga eaque incidunt consequatur aliquid consequuntur. Nihil doloribus id eius culpa. Enim, quibusdam officia!</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-block mt-5 post-share">
|
||||||
|
<h4 class="mb-3">Share this Post</h4>
|
||||||
|
|
||||||
|
<!-- Go to www.addthis.com/dashboard to customize your tools -->
|
||||||
|
<div class="addthis_inline_share_toolbox d-flex gap-3">
|
||||||
|
<img src="/dlh/img/icons/instagram.png" width="40" alt="">
|
||||||
|
<img src="/dlh/img/icons/x.png" width="40" alt="">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 order-lg-2">
|
||||||
|
<aside class="sidebar position-sticky" style="top: 20px;">
|
||||||
|
<form action="page-search-results.html" method="get">
|
||||||
|
<div class="input-group mb-3 pb-1">
|
||||||
|
<input class="form-control text-1" placeholder="Search..." name="s" id="s" type="text">
|
||||||
|
<button type="submit" class="btn btn-dark text-1 p-2"><i class="fas fa-search m-2"></i></button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<h5 class="font-weight-semi-bold pt-4">Kategori</h5>
|
||||||
|
<ul class="nav nav-list flex-column mb-5">
|
||||||
|
<li class="nav-item fw-semibold"><a class="nav-link" href="/kategori?search=artikel">Artikel</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item fw-semibold"><a class="nav-link" href="/kategori?search=berita">Berita</a></li>
|
||||||
|
<li class="nav-item fw-semibold"><a class="nav-link"
|
||||||
|
href="/kategori?search=infografis">Infografis</a></li>
|
||||||
|
<li class="nav-item fw-semibold"><a class="nav-link"
|
||||||
|
href="/kategori?search=pengumuman">Pengumuman</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="tabs tabs-dark mb-4 pb-2">
|
||||||
|
<ul class="nav nav-tabs">
|
||||||
|
<li class="nav-item"><a class="nav-link show active text-1 font-weight-bold text-uppercase"
|
||||||
|
href="#popularPosts" data-bs-toggle="tab">Populer</a></li>
|
||||||
|
<li class="nav-item"><a class="nav-link text-1 font-weight-bold text-uppercase"
|
||||||
|
href="#recentPosts" data-bs-toggle="tab">Terbaru</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="tab-content">
|
||||||
|
<div class="tab-pane active" id="popularPosts">
|
||||||
|
<ul class="simple-post-list">
|
||||||
|
<li>
|
||||||
|
<div class="post-image">
|
||||||
|
<div class="img-thumbnail img-thumbnail-no-borders d-block">
|
||||||
|
<a href="blog-post.html">
|
||||||
|
<img src="https://source.unsplash.com/random/50×52/" width="50" height="50" alt="">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="post-info">
|
||||||
|
<a href="blog-post.html" class="fw-semibold text-dark">Nullam Vitae Nibh Un
|
||||||
|
Odiosters</a>
|
||||||
|
<div class="post-meta">
|
||||||
|
Nov 10, 2023
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="post-image">
|
||||||
|
<div class="img-thumbnail img-thumbnail-no-borders d-block">
|
||||||
|
<a href="blog-post.html">
|
||||||
|
<img src="https://source.unsplash.com/random/50×53/" width="50" height="50" alt="">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="post-info">
|
||||||
|
<a href="blog-post.html" class="fw-semibold text-dark">Vitae Nibh Un
|
||||||
|
Odiosters</a>
|
||||||
|
<div class="post-meta">
|
||||||
|
Nov 10, 2023
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="post-image">
|
||||||
|
<div class="img-thumbnail img-thumbnail-no-borders d-block">
|
||||||
|
<a href="blog-post.html">
|
||||||
|
<img src="https://source.unsplash.com/random/50×54/" width="50" height="50" alt="">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="post-info">
|
||||||
|
<a href="blog-post.html" class="fw-semibold text-dark">Odiosters Nullam
|
||||||
|
Vitae</a>
|
||||||
|
<div class="post-meta">
|
||||||
|
Nov 10, 2023
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="tab-pane" id="recentPosts">
|
||||||
|
<ul class="simple-post-list">
|
||||||
|
<li>
|
||||||
|
<div class="post-image">
|
||||||
|
<div class="img-thumbnail img-thumbnail-no-borders d-block">
|
||||||
|
<a href="blog-post.html">
|
||||||
|
<img src="https://source.unsplash.com/random/50×54/" width="50" height="50" alt="">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="post-info">
|
||||||
|
<a href="blog-post.html" class="fw-semibold text-dark">Vitae Nibh Un
|
||||||
|
Odiosters</a>
|
||||||
|
<div class="post-meta">
|
||||||
|
Nov 10, 2023
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="post-image">
|
||||||
|
<div class="img-thumbnail img-thumbnail-no-borders d-block">
|
||||||
|
<a href="blog-post.html">
|
||||||
|
<img src="https://source.unsplash.com/random/50×55/" width="50" height="50" alt="">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="post-info">
|
||||||
|
<a href="blog-post.html" class="fw-semibold text-dark">Odiosters Nullam
|
||||||
|
Vitae</a>
|
||||||
|
<div class="post-meta">
|
||||||
|
Nov 10, 2023
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="post-image">
|
||||||
|
<div class="img-thumbnail img-thumbnail-no-borders d-block">
|
||||||
|
<a href="blog-post.html">
|
||||||
|
<img src="https://source.unsplash.com/random/50×56/" width="50" height="50" alt="">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="post-info">
|
||||||
|
<a href="blog-post.html" class="fw-semibold text-dark">Nullam Vitae Nibh Un
|
||||||
|
Odiosters</a>
|
||||||
|
<div class="post-meta">
|
||||||
|
Nov 10, 2023
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@section scripts {
|
||||||
|
<script>
|
||||||
|
countRPM()
|
||||||
|
function countRPM() {
|
||||||
|
document.addEventListener("DOMContentLoaded", function () {
|
||||||
|
// Menentukan jumlah kata dalam konten
|
||||||
|
const content = document.querySelector("article.blog-single-post");
|
||||||
|
const words = content.textContent.split(/\s+/).length;
|
||||||
|
|
||||||
|
// Menentukan jumlah gambar dalam konten
|
||||||
|
const images = document.querySelectorAll("article.blog-single-post img");
|
||||||
|
const imageCount = images.length;
|
||||||
|
|
||||||
|
// Menentukan waktu rata-rata untuk melihat setiap gambar (dalam detik)
|
||||||
|
const averageTimePerImage = 3; // Misalnya, anggap 5 detik per gambar
|
||||||
|
|
||||||
|
// Menentukan waktu baca per menit (biasanya 200-250 kata per menit)
|
||||||
|
const wordsPerMinute = 225;
|
||||||
|
|
||||||
|
// Menghitung estimasi waktu baca termasuk waktu untuk melihat gambar
|
||||||
|
const estimatedTime = Math.ceil(words / wordsPerMinute) + (imageCount * averageTimePerImage / 60);
|
||||||
|
|
||||||
|
$("#waktu_baca").text(Math.floor(estimatedTime.toFixed(1)) + " menit baca")
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,7 +1,7 @@
|
||||||
<footer id="footer" class="mt-0 bg-secondary border-top-0">
|
<footer id="footer" class="mt-0 bg-secondary border-top-0">
|
||||||
<div class="container my-4">
|
<div class="container my-4">
|
||||||
<div class="row py-5">
|
<div class="row py-5">
|
||||||
<div class="col-md-6 col-lg-4 mb-5 mb-lg-0">
|
<div class="col-md-6 col-lg-5 mb-5 mb-lg-0">
|
||||||
<h5 class="text-5 text-transform-none fw-semibold text-color-light mb-2">Dinas Lingkungan Hidup</h5>
|
<h5 class="text-5 text-transform-none fw-semibold text-color-light mb-2">Dinas Lingkungan Hidup</h5>
|
||||||
<h6 class="text-4 text-transform-none fw-semibold text-color-light mb-4">Provinsi DKI Jakarta</h6>
|
<h6 class="text-4 text-transform-none fw-semibold text-color-light mb-4">Provinsi DKI Jakarta</h6>
|
||||||
<p class="text-4 mb-0 text-color-tertiary">Jl. Mandala V No.67, RT.1/RW.2</p>
|
<p class="text-4 mb-0 text-color-tertiary">Jl. Mandala V No.67, RT.1/RW.2</p>
|
||||||
|
|
@ -10,11 +10,27 @@
|
||||||
<p class="text-4 mb-0 text-color-tertiary">Phone: <a href="tel:0123456789" class="text-decoration-none text-color-quaternary fw-semibold text-color-hover-light link-hover-style-1">(021) 8092744</a></p>
|
<p class="text-4 mb-0 text-color-tertiary">Phone: <a href="tel:0123456789" class="text-decoration-none text-color-quaternary fw-semibold text-color-hover-light link-hover-style-1">(021) 8092744</a></p>
|
||||||
<p class="text-4 mb-0 text-color-tertiary">Email: <a href="mailto:dinaslh@jakarta.go.id" class="text-color-quaternary fw-semibold text-color-hover-light link-hover-style-1">dinaslh@jakarta.go.id</a></p>
|
<p class="text-4 mb-0 text-color-tertiary">Email: <a href="mailto:dinaslh@jakarta.go.id" class="text-color-quaternary fw-semibold text-color-hover-light link-hover-style-1">dinaslh@jakarta.go.id</a></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-6 col-lg-2 mb-5 mb-lg-0">
|
<div class="col-6 col-lg-3 d-none d-lg-block mb-5 mb-lg-0">
|
||||||
</div>
|
<h5 class="text-6 text-transform-none font-weight-semibold text-color-light mb-4">Layanan Kami</h5>
|
||||||
<div class="col-6 col-lg-2 mb-5 mb-lg-0">
|
<p class="mb-1"><a href="elements-call-to-action.html" class="text-4 link-hover-style-1 text-white">Penjemputan E-Waste</a></p>
|
||||||
|
<p class="mb-1"><a href="elements-call-to-action.html" class="text-4 link-hover-style-1 text-white">AMDAL</a></p>
|
||||||
|
<p class="mb-1"><a href="elements-call-to-action.html" class="text-4 link-hover-style-1 text-white">Uji Sampel LLHD</a></p>
|
||||||
|
<p class="mb-1"><a href="elements-call-to-action.html" class="text-4 link-hover-style-1 text-white">Bus Toilet</a></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-lg-4">
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<a href="https://ppid.jakarta.go.id/permohonan-informasi" class="btn btn-primary border-0 rounded-4" style="background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(255,209,67,1) 0%, rgba(255,145,83,1) 90% );">
|
||||||
|
<span class="fs-1 fw-bold">PPID</span>
|
||||||
|
<br>
|
||||||
|
<span class="fs-6">Pejabat Pengelola Informasi dan Dokumentasi</span>
|
||||||
|
</a>
|
||||||
|
<div class="mt-3 fs-6 text-white">
|
||||||
|
<ul class="social-icons d-flex justify-content-center justify-content-md-start gap-3">
|
||||||
|
<li class="social-icons-facebook"><a href="https://www.facebook.com/DinasLingkunganHidupDKIjakarta" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
|
||||||
|
<li class="social-icons-twitter"><a href="https://twitter.com/dinaslhdki" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a></li>
|
||||||
|
<li class="social-icons-linkedin"><a href="https://www.instagram.com/dinaslhdki/" target="_blank" title="Linkedin"><i class="fab fa-instagram"></i></a></li>
|
||||||
|
<li class="social-icons-linkedin"><a href="https://www.youtube.com/@dinaslingkunganhidupdkijak6917" target="_blank" title="Linkedin"><i class="fab fa-youtube"></i></a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -40,6 +40,7 @@
|
||||||
<link rel="stylesheet" href="/css/custom.css">
|
<link rel="stylesheet" href="/css/custom.css">
|
||||||
|
|
||||||
<link rel="stylesheet" href="/css/imageLazyLoad.css">
|
<link rel="stylesheet" href="/css/imageLazyLoad.css">
|
||||||
|
<link rel="stylesheet" href="/css/custom-font.css">
|
||||||
|
|
||||||
<script src="/vendor/jquery/jquery.min.js"></script>
|
<script src="/vendor/jquery/jquery.min.js"></script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -23,96 +23,58 @@
|
||||||
asp-controller="Home" asp-action="Index">Home</a>
|
asp-controller="Home" asp-action="Index">Home</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="dropdown">
|
<li class="dropdown">
|
||||||
<a class="dropdown-item fw-medium dropdown-toggle
|
<a class="dropdown-item fw-medium dropdown-toggle @(ViewBag.menu == "Profil" ? "active" : "" )" href="#">
|
||||||
@(ViewBag.menu == "Profil"
|
|
||||||
? "active" : "" )" href="#">
|
|
||||||
Profil
|
Profil
|
||||||
</a>
|
</a>
|
||||||
<ul class="dropdown-menu">
|
<ul class="dropdown-menu">
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="StrukturOrganisasi">Struktur Organisasi</a></li>
|
||||||
asp-action="StrukturOrganisasi">Struktur Organisasi</a></li>
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="BidangSudinUPT">Bidang, Sudin, dan UPT</a></li>
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Pimpinan">Profil Pimpinan</a></li>
|
||||||
asp-action="BidangSudinUPT">Bidang, Sudin, dan UPT</a></li>
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Tupoksi">Tupoksi</a></li>
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
|
||||||
asp-action="Pimpinan">Profil Pimpinan</a></li>
|
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
|
||||||
asp-action="Tupoksi">Tupoksi</a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="dropdown">
|
<li class="dropdown">
|
||||||
<a class="dropdown-item fw-medium dropdown-toggle" href="#">
|
<a class="dropdown-item fw-medium dropdown-toggle @(ViewBag.menu == "Program" ? "active" : "" )" href="#">
|
||||||
Program
|
Program
|
||||||
</a>
|
</a>
|
||||||
<ul class="dropdown-menu">
|
<ul class="dropdown-menu">
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Udara">Udara</a></li>
|
||||||
asp-action="Udara">Udara</a></li>
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Air">Air</a></li>
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Sampah">Sampah</a></li>
|
||||||
asp-action="Air">Air</a></li>
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Pengawasan">Pengawasan</a></li>
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="LKIP">LKIP</a></li>
|
||||||
asp-action="Sampah">Sampah</a></li>
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Rencana_Strategis">Rencana Strategis</a></li>
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Anggaran">Anggaran</a></li>
|
||||||
asp-action="Pengawasan">Pengawasan</a></li>
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Perjanjian_Kinerja">Perjanjian Kinerja</a></li>
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
|
||||||
asp-action="LKIP">LKIP</a></li>
|
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
|
||||||
asp-action="Rencana_Strategis">Rencana Strategis</a></li>
|
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
|
||||||
asp-action="Anggaran">Anggaran</a></li>
|
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
|
||||||
asp-action="Perjanjian_Kinerja">Perjanjian Kinerja</a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="dropdown">
|
<li class="dropdown">
|
||||||
<a class="dropdown-item fw-medium dropdown-toggle" href="#">
|
<a class="dropdown-item fw-medium dropdown-toggle @(ViewBag.menu == "Publikasi Data" ? "active" : "" )" href="#">
|
||||||
Publikasi Data
|
Publikasi Data
|
||||||
</a>
|
</a>
|
||||||
<ul class="dropdown-menu">
|
<ul class="dropdown-menu">
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="DIKPLH">DIKPLH</a></li>
|
||||||
asp-action="DIKPLH">DIKPLH</a></li>
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Kajian">Kajian</a></li>
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Montiroring_Emisi_Sumber">Monitoring Emisi Sumber
|
||||||
asp-action="Kajian">Kajian</a></li>
|
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
|
||||||
asp-action="Montiroring_Emisi_Sumber">Monitoring Emisi Sumber
|
|
||||||
Tidak Bergerak</a></li>
|
Tidak Bergerak</a></li>
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Peraturan">Peraturan</a></li>
|
||||||
asp-action="Peraturan">Peraturan</a></li>
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Keanekaragaman_Hayati">Keanekaragaman Hayati</a>
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
|
||||||
asp-action="Keanekaragaman_Hayati">Keanekaragaman Hayati</a>
|
|
||||||
</li>
|
</li>
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Laporan_Kualitas_Udara">Laporan Kualitas Udara</a>
|
||||||
asp-action="Laporan_Kualitas_Udara">Laporan Kualitas Udara</a>
|
|
||||||
</li>
|
</li>
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Laporan_Kualitas_Air">Laporan Kualitas Air</a></li>
|
||||||
asp-action="Laporan_Kualitas_Air">Laporan Kualitas Air</a></li>
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Gas_Rumah_Kaca">Gas Rumah Kaca</a></li>
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="IKLH">IKLH</a></li>
|
||||||
asp-action="Gas_Rumah_Kaca">Gas Rumah Kaca</a></li>
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="KLHS">KLHS</a></li>
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Laporan_Keuangan">Laporan Keuangan</a></li>
|
||||||
asp-action="IKLH">IKLH</a></li>
|
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
|
||||||
asp-action="KLHS">KLHS</a></li>
|
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
|
||||||
asp-action="Laporan_Keuangan">Laporan Keuangan</a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="dropdown">
|
<li class="dropdown">
|
||||||
<a class="dropdown-item fw-medium dropdown-toggle" href="#">
|
<a class="dropdown-item fw-medium dropdown-toggle @(ViewBag.menu == "Layanan Kami" ? "active" : "" )" href="#">
|
||||||
Seputar DLH
|
|
||||||
</a>
|
|
||||||
<ul class="dropdown-menu">
|
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
|
||||||
asp-action="Page">...</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li class="dropdown">
|
|
||||||
<a class="dropdown-item fw-medium dropdown-toggle" href="#">PPID</a>
|
|
||||||
</li>
|
|
||||||
<li class="dropdown">
|
|
||||||
<a class="dropdown-item fw-medium dropdown-toggle" href="#">
|
|
||||||
Layanan Kami
|
Layanan Kami
|
||||||
</a>
|
</a>
|
||||||
<ul class="dropdown-menu">
|
<ul class="dropdown-menu">
|
||||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Page">...</a></li>
|
||||||
asp-action="Page">...</a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="dropdown">
|
<li class="dropdown">
|
||||||
|
|
@ -122,8 +84,7 @@
|
||||||
<a class="dropdown-item fw-medium dropdown-toggle" href="#">BPS-RW</a>
|
<a class="dropdown-item fw-medium dropdown-toggle" href="#">BPS-RW</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="dropdown">
|
<li class="dropdown">
|
||||||
<a class="dropdown-item fw-medium dropdown-toggle" asp-controller="Home"
|
<a class="dropdown-item fw-medium dropdown-toggle" asp-controller="Home" asp-action="Berita">Berita</a>
|
||||||
asp-action="ListArticle">Artikel</a>
|
|
||||||
</li>
|
</li>
|
||||||
<li class="dropdown">
|
<li class="dropdown">
|
||||||
<a class="dropdown-item fw-medium dropdown-toggle" href="#">Login</a>
|
<a class="dropdown-item fw-medium dropdown-toggle" href="#">Login</a>
|
||||||
|
|
@ -159,5 +120,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@* <div class="bg-primary w-100 mt-1" style="height: 5px"></div> *@
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
@ -12,7 +12,7 @@
|
||||||
<partial name="_Header" />
|
<partial name="_Header" />
|
||||||
|
|
||||||
<div role="main" class="main">
|
<div role="main" class="main">
|
||||||
<div style="min-height: 720px">
|
<div id="content" style="min-height: 720px">
|
||||||
@RenderBody()
|
@RenderBody()
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
|
|
||||||
|
|
@ -10,4 +10,56 @@
|
||||||
<!-- Theme Initialization Files -->
|
<!-- Theme Initialization Files -->
|
||||||
<script src="/js/theme.init.js"></script>
|
<script src="/js/theme.init.js"></script>
|
||||||
|
|
||||||
<script src="/lib/agung/imageLazyLoad.js"></script>
|
<script>
|
||||||
|
function isOnline() {
|
||||||
|
return navigator.onLine;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Fungsi untuk melakukan refresh fragmen atau tindakan lainnya
|
||||||
|
function refreshFragment(message = "Testing", color = "dark") {
|
||||||
|
// Implementasikan logika penyegaran fragmen di sini
|
||||||
|
const element = `
|
||||||
|
<div class="w-100 bg-secondary">
|
||||||
|
<div id="statusNetwork" class="w-auto alert alert-${color} appear-animation animated fadeInDown appear-animation-visible">
|
||||||
|
Anda sedang <strong>${message}</strong>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`
|
||||||
|
$("#header").append(element)
|
||||||
|
|
||||||
|
// Setelah 3 detik, hapus elemen dan beri efek fade out
|
||||||
|
setTimeout(function() {
|
||||||
|
$("#statusNetwork").removeClass('fadeInDown').addClass('fadeOutUp');
|
||||||
|
|
||||||
|
// Tunggu hingga animasi selesai, kemudian hapus elemen dari DOM
|
||||||
|
setTimeout(function() {
|
||||||
|
$("#statusNetwork").remove();
|
||||||
|
}, 1000); // 1000ms sesuai durasi animasi fadeOutRight
|
||||||
|
}, 3000); // 3000ms untuk menghapus elemen setelah 3 detik
|
||||||
|
|
||||||
|
// Panggil fungsi isOnline() saat fragmen dimuat
|
||||||
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
|
if (isOnline()) {
|
||||||
|
refreshFragment();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Event listener untuk mendeteksi perubahan status koneksi
|
||||||
|
window.addEventListener('online', function() {
|
||||||
|
// Saat koneksi terhubung kembali
|
||||||
|
refreshFragment("ONLINE", "success");
|
||||||
|
console.log('succes');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Event listener untuk mendeteksi ketidaktersediaan koneksi
|
||||||
|
window.addEventListener('offline', function() {
|
||||||
|
// Saat koneksi terputus
|
||||||
|
refreshFragment("OFFLINE", "danger");
|
||||||
|
console.log('offline');
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script defer src="/lib/agung/imageLazyLoad.js"></script>
|
||||||
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
|
|
@ -16,12 +16,16 @@ build_property.GenerateRazorMetadataSourceChecksumAttributes =
|
||||||
build_property.MSBuildProjectDirectory = C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH
|
build_property.MSBuildProjectDirectory = C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH
|
||||||
build_property._RazorSourceGeneratorDebug =
|
build_property._RazorSourceGeneratorDebug =
|
||||||
|
|
||||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/Index.cshtml]
|
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/Berita.cshtml]
|
||||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcSG9tZVxJbmRleC5jc2h0bWw=
|
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcSG9tZVxCZXJpdGEuY3NodG1s
|
||||||
build_metadata.AdditionalFiles.CssScope =
|
build_metadata.AdditionalFiles.CssScope =
|
||||||
|
|
||||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/ListArticle.cshtml]
|
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/Detail_Berita.cshtml]
|
||||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcSG9tZVxMaXN0QXJ0aWNsZS5jc2h0bWw=
|
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcSG9tZVxEZXRhaWxfQmVyaXRhLmNzaHRtbA==
|
||||||
|
build_metadata.AdditionalFiles.CssScope =
|
||||||
|
|
||||||
|
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/Index.cshtml]
|
||||||
|
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcSG9tZVxJbmRleC5jc2h0bWw=
|
||||||
build_metadata.AdditionalFiles.CssScope =
|
build_metadata.AdditionalFiles.CssScope =
|
||||||
|
|
||||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/Page.cshtml]
|
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/Page.cshtml]
|
||||||
|
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"Version": 1,
|
"Version": 1,
|
||||||
"Hash": "Kgmfl0VnlQiEPTcXk5WVHOa0j6k01583iCVmr9x65/8=",
|
"Hash": "q4PjzriW1rkmxXWFok1KD2VW238U+gzODhiEbgIaGCQ=",
|
||||||
"Source": "WebsiteDLH",
|
"Source": "WebsiteDLH",
|
||||||
"BasePath": "_content/WebsiteDLH",
|
"BasePath": "_content/WebsiteDLH",
|
||||||
"Mode": "Default",
|
"Mode": "Default",
|
||||||
|
|
@ -50,6 +50,23 @@
|
||||||
"CopyToPublishDirectory": "PreserveNewest",
|
"CopyToPublishDirectory": "PreserveNewest",
|
||||||
"OriginalItemSpec": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\obj\\Debug\\net7.0\\scopedcss\\projectbundle\\WebsiteDLH.bundle.scp.css"
|
"OriginalItemSpec": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\obj\\Debug\\net7.0\\scopedcss\\projectbundle\\WebsiteDLH.bundle.scp.css"
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"Identity": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\css\\custom-font.css",
|
||||||
|
"SourceId": "WebsiteDLH",
|
||||||
|
"SourceType": "Discovered",
|
||||||
|
"ContentRoot": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\",
|
||||||
|
"BasePath": "_content/WebsiteDLH",
|
||||||
|
"RelativePath": "css/custom-font.css",
|
||||||
|
"AssetKind": "All",
|
||||||
|
"AssetMode": "All",
|
||||||
|
"AssetRole": "Primary",
|
||||||
|
"RelatedAsset": "",
|
||||||
|
"AssetTraitName": "",
|
||||||
|
"AssetTraitValue": "",
|
||||||
|
"CopyToOutputDirectory": "Never",
|
||||||
|
"CopyToPublishDirectory": "PreserveNewest",
|
||||||
|
"OriginalItemSpec": "wwwroot\\css\\custom-font.css"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"Identity": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\css\\custom.css",
|
"Identity": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\css\\custom.css",
|
||||||
"SourceId": "WebsiteDLH",
|
"SourceId": "WebsiteDLH",
|
||||||
|
|
@ -2685,6 +2702,40 @@
|
||||||
"CopyToPublishDirectory": "PreserveNewest",
|
"CopyToPublishDirectory": "PreserveNewest",
|
||||||
"OriginalItemSpec": "wwwroot\\dlh\\banner\\hero-2.jpg"
|
"OriginalItemSpec": "wwwroot\\dlh\\banner\\hero-2.jpg"
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"Identity": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\fonts\\Lora.ttf",
|
||||||
|
"SourceId": "WebsiteDLH",
|
||||||
|
"SourceType": "Discovered",
|
||||||
|
"ContentRoot": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\",
|
||||||
|
"BasePath": "_content/WebsiteDLH",
|
||||||
|
"RelativePath": "dlh/fonts/Lora.ttf",
|
||||||
|
"AssetKind": "All",
|
||||||
|
"AssetMode": "All",
|
||||||
|
"AssetRole": "Primary",
|
||||||
|
"RelatedAsset": "",
|
||||||
|
"AssetTraitName": "",
|
||||||
|
"AssetTraitValue": "",
|
||||||
|
"CopyToOutputDirectory": "Never",
|
||||||
|
"CopyToPublishDirectory": "PreserveNewest",
|
||||||
|
"OriginalItemSpec": "wwwroot\\dlh\\fonts\\Lora.ttf"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Identity": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\fonts\\Playfair.ttf",
|
||||||
|
"SourceId": "WebsiteDLH",
|
||||||
|
"SourceType": "Discovered",
|
||||||
|
"ContentRoot": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\",
|
||||||
|
"BasePath": "_content/WebsiteDLH",
|
||||||
|
"RelativePath": "dlh/fonts/Playfair.ttf",
|
||||||
|
"AssetKind": "All",
|
||||||
|
"AssetMode": "All",
|
||||||
|
"AssetRole": "Primary",
|
||||||
|
"RelatedAsset": "",
|
||||||
|
"AssetTraitName": "",
|
||||||
|
"AssetTraitValue": "",
|
||||||
|
"CopyToOutputDirectory": "Never",
|
||||||
|
"CopyToPublishDirectory": "PreserveNewest",
|
||||||
|
"OriginalItemSpec": "wwwroot\\dlh\\fonts\\Playfair.ttf"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"Identity": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\img\\buku1dikplhd2019.png",
|
"Identity": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\img\\buku1dikplhd2019.png",
|
||||||
"SourceId": "WebsiteDLH",
|
"SourceId": "WebsiteDLH",
|
||||||
|
|
@ -2855,6 +2906,74 @@
|
||||||
"CopyToPublishDirectory": "PreserveNewest",
|
"CopyToPublishDirectory": "PreserveNewest",
|
||||||
"OriginalItemSpec": "wwwroot\\dlh\\img\\DIKPLHDRingkasanEksekutifJakarta20222.jpg"
|
"OriginalItemSpec": "wwwroot\\dlh\\img\\DIKPLHDRingkasanEksekutifJakarta20222.jpg"
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"Identity": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\img\\icons\\fb-verified.png",
|
||||||
|
"SourceId": "WebsiteDLH",
|
||||||
|
"SourceType": "Discovered",
|
||||||
|
"ContentRoot": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\",
|
||||||
|
"BasePath": "_content/WebsiteDLH",
|
||||||
|
"RelativePath": "dlh/img/icons/fb-verified.png",
|
||||||
|
"AssetKind": "All",
|
||||||
|
"AssetMode": "All",
|
||||||
|
"AssetRole": "Primary",
|
||||||
|
"RelatedAsset": "",
|
||||||
|
"AssetTraitName": "",
|
||||||
|
"AssetTraitValue": "",
|
||||||
|
"CopyToOutputDirectory": "Never",
|
||||||
|
"CopyToPublishDirectory": "PreserveNewest",
|
||||||
|
"OriginalItemSpec": "wwwroot\\dlh\\img\\icons\\fb-verified.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Identity": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\img\\icons\\ig-verified.png",
|
||||||
|
"SourceId": "WebsiteDLH",
|
||||||
|
"SourceType": "Discovered",
|
||||||
|
"ContentRoot": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\",
|
||||||
|
"BasePath": "_content/WebsiteDLH",
|
||||||
|
"RelativePath": "dlh/img/icons/ig-verified.png",
|
||||||
|
"AssetKind": "All",
|
||||||
|
"AssetMode": "All",
|
||||||
|
"AssetRole": "Primary",
|
||||||
|
"RelatedAsset": "",
|
||||||
|
"AssetTraitName": "",
|
||||||
|
"AssetTraitValue": "",
|
||||||
|
"CopyToOutputDirectory": "Never",
|
||||||
|
"CopyToPublishDirectory": "PreserveNewest",
|
||||||
|
"OriginalItemSpec": "wwwroot\\dlh\\img\\icons\\ig-verified.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Identity": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\img\\icons\\instagram.png",
|
||||||
|
"SourceId": "WebsiteDLH",
|
||||||
|
"SourceType": "Discovered",
|
||||||
|
"ContentRoot": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\",
|
||||||
|
"BasePath": "_content/WebsiteDLH",
|
||||||
|
"RelativePath": "dlh/img/icons/instagram.png",
|
||||||
|
"AssetKind": "All",
|
||||||
|
"AssetMode": "All",
|
||||||
|
"AssetRole": "Primary",
|
||||||
|
"RelatedAsset": "",
|
||||||
|
"AssetTraitName": "",
|
||||||
|
"AssetTraitValue": "",
|
||||||
|
"CopyToOutputDirectory": "Never",
|
||||||
|
"CopyToPublishDirectory": "PreserveNewest",
|
||||||
|
"OriginalItemSpec": "wwwroot\\dlh\\img\\icons\\instagram.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Identity": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\img\\icons\\x.png",
|
||||||
|
"SourceId": "WebsiteDLH",
|
||||||
|
"SourceType": "Discovered",
|
||||||
|
"ContentRoot": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\",
|
||||||
|
"BasePath": "_content/WebsiteDLH",
|
||||||
|
"RelativePath": "dlh/img/icons/x.png",
|
||||||
|
"AssetKind": "All",
|
||||||
|
"AssetMode": "All",
|
||||||
|
"AssetRole": "Primary",
|
||||||
|
"RelatedAsset": "",
|
||||||
|
"AssetTraitName": "",
|
||||||
|
"AssetTraitValue": "",
|
||||||
|
"CopyToOutputDirectory": "Never",
|
||||||
|
"CopyToPublishDirectory": "PreserveNewest",
|
||||||
|
"OriginalItemSpec": "wwwroot\\dlh\\img\\icons\\x.png"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"Identity": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\img\\logo\\logo_klhk.png",
|
"Identity": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\img\\logo\\logo_klhk.png",
|
||||||
"SourceId": "WebsiteDLH",
|
"SourceId": "WebsiteDLH",
|
||||||
|
|
@ -51628,23 +51747,6 @@
|
||||||
"CopyToPublishDirectory": "PreserveNewest",
|
"CopyToPublishDirectory": "PreserveNewest",
|
||||||
"OriginalItemSpec": "wwwroot\\vendor\\bootstrap-datepicker\\locales\\bootstrap-datepicker.zh-TW.min.js"
|
"OriginalItemSpec": "wwwroot\\vendor\\bootstrap-datepicker\\locales\\bootstrap-datepicker.zh-TW.min.js"
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"Identity": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\vendor\\bootstrap-icons\\bootstrap-icons.css",
|
|
||||||
"SourceId": "WebsiteDLH",
|
|
||||||
"SourceType": "Discovered",
|
|
||||||
"ContentRoot": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\",
|
|
||||||
"BasePath": "_content/WebsiteDLH",
|
|
||||||
"RelativePath": "vendor/bootstrap-icons/bootstrap-icons.css",
|
|
||||||
"AssetKind": "All",
|
|
||||||
"AssetMode": "All",
|
|
||||||
"AssetRole": "Primary",
|
|
||||||
"RelatedAsset": "",
|
|
||||||
"AssetTraitName": "",
|
|
||||||
"AssetTraitValue": "",
|
|
||||||
"CopyToOutputDirectory": "Never",
|
|
||||||
"CopyToPublishDirectory": "PreserveNewest",
|
|
||||||
"OriginalItemSpec": "wwwroot\\vendor\\bootstrap-icons\\bootstrap-icons.css"
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"Identity": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\vendor\\bootstrap-icons\\bootstrap-icons.json",
|
"Identity": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\vendor\\bootstrap-icons\\bootstrap-icons.json",
|
||||||
"SourceId": "WebsiteDLH",
|
"SourceId": "WebsiteDLH",
|
||||||
|
|
@ -51662,6 +51764,23 @@
|
||||||
"CopyToPublishDirectory": "PreserveNewest",
|
"CopyToPublishDirectory": "PreserveNewest",
|
||||||
"OriginalItemSpec": "wwwroot\\vendor\\bootstrap-icons\\bootstrap-icons.json"
|
"OriginalItemSpec": "wwwroot\\vendor\\bootstrap-icons\\bootstrap-icons.json"
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"Identity": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\vendor\\bootstrap-icons\\bootstrap-icons.min.css",
|
||||||
|
"SourceId": "WebsiteDLH",
|
||||||
|
"SourceType": "Discovered",
|
||||||
|
"ContentRoot": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\",
|
||||||
|
"BasePath": "_content/WebsiteDLH",
|
||||||
|
"RelativePath": "vendor/bootstrap-icons/bootstrap-icons.min.css",
|
||||||
|
"AssetKind": "All",
|
||||||
|
"AssetMode": "All",
|
||||||
|
"AssetRole": "Primary",
|
||||||
|
"RelatedAsset": "",
|
||||||
|
"AssetTraitName": "",
|
||||||
|
"AssetTraitValue": "",
|
||||||
|
"CopyToOutputDirectory": "Never",
|
||||||
|
"CopyToPublishDirectory": "PreserveNewest",
|
||||||
|
"OriginalItemSpec": "wwwroot\\vendor\\bootstrap-icons\\bootstrap-icons.min.css"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"Identity": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\vendor\\bootstrap-icons\\bootstrap-icons.scss",
|
"Identity": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\vendor\\bootstrap-icons\\bootstrap-icons.scss",
|
||||||
"SourceId": "WebsiteDLH",
|
"SourceId": "WebsiteDLH",
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -4,6 +4,10 @@
|
||||||
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\obj\\Debug\\net7.0\\scopedcss\\projectbundle\\WebsiteDLH.bundle.scp.css",
|
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\obj\\Debug\\net7.0\\scopedcss\\projectbundle\\WebsiteDLH.bundle.scp.css",
|
||||||
"PackagePath": "staticwebassets\\WebsiteDLH.bundle.scp.css"
|
"PackagePath": "staticwebassets\\WebsiteDLH.bundle.scp.css"
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\css\\custom-font.css",
|
||||||
|
"PackagePath": "staticwebassets\\css\\custom-font.css"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\css\\custom.css",
|
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\css\\custom.css",
|
||||||
"PackagePath": "staticwebassets\\css\\custom.css"
|
"PackagePath": "staticwebassets\\css\\custom.css"
|
||||||
|
|
@ -624,6 +628,14 @@
|
||||||
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\banner\\hero-2.jpg",
|
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\banner\\hero-2.jpg",
|
||||||
"PackagePath": "staticwebassets\\dlh\\banner\\hero-2.jpg"
|
"PackagePath": "staticwebassets\\dlh\\banner\\hero-2.jpg"
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\fonts\\Lora.ttf",
|
||||||
|
"PackagePath": "staticwebassets\\dlh\\fonts\\Lora.ttf"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\fonts\\Playfair.ttf",
|
||||||
|
"PackagePath": "staticwebassets\\dlh\\fonts\\Playfair.ttf"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\img\\DIKPLHDJakarta20222.jpg",
|
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\img\\DIKPLHDJakarta20222.jpg",
|
||||||
"PackagePath": "staticwebassets\\dlh\\img\\DIKPLHDJakarta20222.jpg"
|
"PackagePath": "staticwebassets\\dlh\\img\\DIKPLHDJakarta20222.jpg"
|
||||||
|
|
@ -664,6 +676,22 @@
|
||||||
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\img\\dikplhdjak2023ringkasan.png",
|
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\img\\dikplhdjak2023ringkasan.png",
|
||||||
"PackagePath": "staticwebassets\\dlh\\img\\dikplhdjak2023ringkasan.png"
|
"PackagePath": "staticwebassets\\dlh\\img\\dikplhdjak2023ringkasan.png"
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\img\\icons\\fb-verified.png",
|
||||||
|
"PackagePath": "staticwebassets\\dlh\\img\\icons\\fb-verified.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\img\\icons\\ig-verified.png",
|
||||||
|
"PackagePath": "staticwebassets\\dlh\\img\\icons\\ig-verified.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\img\\icons\\instagram.png",
|
||||||
|
"PackagePath": "staticwebassets\\dlh\\img\\icons\\instagram.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\img\\icons\\x.png",
|
||||||
|
"PackagePath": "staticwebassets\\dlh\\img\\icons\\x.png"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\img\\logo\\UPsbadanaer.jpg",
|
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\dlh\\img\\logo\\UPsbadanaer.jpg",
|
||||||
"PackagePath": "staticwebassets\\dlh\\img\\logo\\UPsbadanaer.jpg"
|
"PackagePath": "staticwebassets\\dlh\\img\\logo\\UPsbadanaer.jpg"
|
||||||
|
|
@ -12140,14 +12168,14 @@
|
||||||
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\vendor\\bootstrap-datepicker\\locales\\bootstrap-datepicker.zh-TW.min.js",
|
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\vendor\\bootstrap-datepicker\\locales\\bootstrap-datepicker.zh-TW.min.js",
|
||||||
"PackagePath": "staticwebassets\\vendor\\bootstrap-datepicker\\locales\\bootstrap-datepicker.zh-TW.min.js"
|
"PackagePath": "staticwebassets\\vendor\\bootstrap-datepicker\\locales\\bootstrap-datepicker.zh-TW.min.js"
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\vendor\\bootstrap-icons\\bootstrap-icons.css",
|
|
||||||
"PackagePath": "staticwebassets\\vendor\\bootstrap-icons\\bootstrap-icons.css"
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\vendor\\bootstrap-icons\\bootstrap-icons.json",
|
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\vendor\\bootstrap-icons\\bootstrap-icons.json",
|
||||||
"PackagePath": "staticwebassets\\vendor\\bootstrap-icons\\bootstrap-icons.json"
|
"PackagePath": "staticwebassets\\vendor\\bootstrap-icons\\bootstrap-icons.json"
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\vendor\\bootstrap-icons\\bootstrap-icons.min.css",
|
||||||
|
"PackagePath": "staticwebassets\\vendor\\bootstrap-icons\\bootstrap-icons.min.css"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\vendor\\bootstrap-icons\\bootstrap-icons.scss",
|
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\vendor\\bootstrap-icons\\bootstrap-icons.scss",
|
||||||
"PackagePath": "staticwebassets\\vendor\\bootstrap-icons\\bootstrap-icons.scss"
|
"PackagePath": "staticwebassets\\vendor\\bootstrap-icons\\bootstrap-icons.scss"
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,21 @@
|
||||||
<Project>
|
<Project>
|
||||||
<ItemGroup>
|
<ItemGroup>
|
||||||
|
<StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\css\custom-font.css))">
|
||||||
|
<SourceType>Package</SourceType>
|
||||||
|
<SourceId>WebsiteDLH</SourceId>
|
||||||
|
<ContentRoot>$(MSBuildThisFileDirectory)..\staticwebassets\</ContentRoot>
|
||||||
|
<BasePath>_content/WebsiteDLH</BasePath>
|
||||||
|
<RelativePath>css/custom-font.css</RelativePath>
|
||||||
|
<AssetKind>All</AssetKind>
|
||||||
|
<AssetMode>All</AssetMode>
|
||||||
|
<AssetRole>Primary</AssetRole>
|
||||||
|
<RelatedAsset></RelatedAsset>
|
||||||
|
<AssetTraitName></AssetTraitName>
|
||||||
|
<AssetTraitValue></AssetTraitValue>
|
||||||
|
<CopyToOutputDirectory>Never</CopyToOutputDirectory>
|
||||||
|
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
||||||
|
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\css\custom-font.css))</OriginalItemSpec>
|
||||||
|
</StaticWebAsset>
|
||||||
<StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\css\custom.css))">
|
<StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\css\custom.css))">
|
||||||
<SourceType>Package</SourceType>
|
<SourceType>Package</SourceType>
|
||||||
<SourceId>WebsiteDLH</SourceId>
|
<SourceId>WebsiteDLH</SourceId>
|
||||||
|
|
@ -2480,6 +2496,38 @@
|
||||||
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
||||||
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\banner\hero-2.jpg))</OriginalItemSpec>
|
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\banner\hero-2.jpg))</OriginalItemSpec>
|
||||||
</StaticWebAsset>
|
</StaticWebAsset>
|
||||||
|
<StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\fonts\Lora.ttf))">
|
||||||
|
<SourceType>Package</SourceType>
|
||||||
|
<SourceId>WebsiteDLH</SourceId>
|
||||||
|
<ContentRoot>$(MSBuildThisFileDirectory)..\staticwebassets\</ContentRoot>
|
||||||
|
<BasePath>_content/WebsiteDLH</BasePath>
|
||||||
|
<RelativePath>dlh/fonts/Lora.ttf</RelativePath>
|
||||||
|
<AssetKind>All</AssetKind>
|
||||||
|
<AssetMode>All</AssetMode>
|
||||||
|
<AssetRole>Primary</AssetRole>
|
||||||
|
<RelatedAsset></RelatedAsset>
|
||||||
|
<AssetTraitName></AssetTraitName>
|
||||||
|
<AssetTraitValue></AssetTraitValue>
|
||||||
|
<CopyToOutputDirectory>Never</CopyToOutputDirectory>
|
||||||
|
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
||||||
|
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\fonts\Lora.ttf))</OriginalItemSpec>
|
||||||
|
</StaticWebAsset>
|
||||||
|
<StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\fonts\Playfair.ttf))">
|
||||||
|
<SourceType>Package</SourceType>
|
||||||
|
<SourceId>WebsiteDLH</SourceId>
|
||||||
|
<ContentRoot>$(MSBuildThisFileDirectory)..\staticwebassets\</ContentRoot>
|
||||||
|
<BasePath>_content/WebsiteDLH</BasePath>
|
||||||
|
<RelativePath>dlh/fonts/Playfair.ttf</RelativePath>
|
||||||
|
<AssetKind>All</AssetKind>
|
||||||
|
<AssetMode>All</AssetMode>
|
||||||
|
<AssetRole>Primary</AssetRole>
|
||||||
|
<RelatedAsset></RelatedAsset>
|
||||||
|
<AssetTraitName></AssetTraitName>
|
||||||
|
<AssetTraitValue></AssetTraitValue>
|
||||||
|
<CopyToOutputDirectory>Never</CopyToOutputDirectory>
|
||||||
|
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
||||||
|
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\fonts\Playfair.ttf))</OriginalItemSpec>
|
||||||
|
</StaticWebAsset>
|
||||||
<StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\img\buku1dikplhd2019.png))">
|
<StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\img\buku1dikplhd2019.png))">
|
||||||
<SourceType>Package</SourceType>
|
<SourceType>Package</SourceType>
|
||||||
<SourceId>WebsiteDLH</SourceId>
|
<SourceId>WebsiteDLH</SourceId>
|
||||||
|
|
@ -2640,6 +2688,70 @@
|
||||||
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
||||||
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\img\DIKPLHDRingkasanEksekutifJakarta20222.jpg))</OriginalItemSpec>
|
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\img\DIKPLHDRingkasanEksekutifJakarta20222.jpg))</OriginalItemSpec>
|
||||||
</StaticWebAsset>
|
</StaticWebAsset>
|
||||||
|
<StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\img\icons\fb-verified.png))">
|
||||||
|
<SourceType>Package</SourceType>
|
||||||
|
<SourceId>WebsiteDLH</SourceId>
|
||||||
|
<ContentRoot>$(MSBuildThisFileDirectory)..\staticwebassets\</ContentRoot>
|
||||||
|
<BasePath>_content/WebsiteDLH</BasePath>
|
||||||
|
<RelativePath>dlh/img/icons/fb-verified.png</RelativePath>
|
||||||
|
<AssetKind>All</AssetKind>
|
||||||
|
<AssetMode>All</AssetMode>
|
||||||
|
<AssetRole>Primary</AssetRole>
|
||||||
|
<RelatedAsset></RelatedAsset>
|
||||||
|
<AssetTraitName></AssetTraitName>
|
||||||
|
<AssetTraitValue></AssetTraitValue>
|
||||||
|
<CopyToOutputDirectory>Never</CopyToOutputDirectory>
|
||||||
|
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
||||||
|
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\img\icons\fb-verified.png))</OriginalItemSpec>
|
||||||
|
</StaticWebAsset>
|
||||||
|
<StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\img\icons\ig-verified.png))">
|
||||||
|
<SourceType>Package</SourceType>
|
||||||
|
<SourceId>WebsiteDLH</SourceId>
|
||||||
|
<ContentRoot>$(MSBuildThisFileDirectory)..\staticwebassets\</ContentRoot>
|
||||||
|
<BasePath>_content/WebsiteDLH</BasePath>
|
||||||
|
<RelativePath>dlh/img/icons/ig-verified.png</RelativePath>
|
||||||
|
<AssetKind>All</AssetKind>
|
||||||
|
<AssetMode>All</AssetMode>
|
||||||
|
<AssetRole>Primary</AssetRole>
|
||||||
|
<RelatedAsset></RelatedAsset>
|
||||||
|
<AssetTraitName></AssetTraitName>
|
||||||
|
<AssetTraitValue></AssetTraitValue>
|
||||||
|
<CopyToOutputDirectory>Never</CopyToOutputDirectory>
|
||||||
|
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
||||||
|
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\img\icons\ig-verified.png))</OriginalItemSpec>
|
||||||
|
</StaticWebAsset>
|
||||||
|
<StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\img\icons\instagram.png))">
|
||||||
|
<SourceType>Package</SourceType>
|
||||||
|
<SourceId>WebsiteDLH</SourceId>
|
||||||
|
<ContentRoot>$(MSBuildThisFileDirectory)..\staticwebassets\</ContentRoot>
|
||||||
|
<BasePath>_content/WebsiteDLH</BasePath>
|
||||||
|
<RelativePath>dlh/img/icons/instagram.png</RelativePath>
|
||||||
|
<AssetKind>All</AssetKind>
|
||||||
|
<AssetMode>All</AssetMode>
|
||||||
|
<AssetRole>Primary</AssetRole>
|
||||||
|
<RelatedAsset></RelatedAsset>
|
||||||
|
<AssetTraitName></AssetTraitName>
|
||||||
|
<AssetTraitValue></AssetTraitValue>
|
||||||
|
<CopyToOutputDirectory>Never</CopyToOutputDirectory>
|
||||||
|
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
||||||
|
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\img\icons\instagram.png))</OriginalItemSpec>
|
||||||
|
</StaticWebAsset>
|
||||||
|
<StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\img\icons\x.png))">
|
||||||
|
<SourceType>Package</SourceType>
|
||||||
|
<SourceId>WebsiteDLH</SourceId>
|
||||||
|
<ContentRoot>$(MSBuildThisFileDirectory)..\staticwebassets\</ContentRoot>
|
||||||
|
<BasePath>_content/WebsiteDLH</BasePath>
|
||||||
|
<RelativePath>dlh/img/icons/x.png</RelativePath>
|
||||||
|
<AssetKind>All</AssetKind>
|
||||||
|
<AssetMode>All</AssetMode>
|
||||||
|
<AssetRole>Primary</AssetRole>
|
||||||
|
<RelatedAsset></RelatedAsset>
|
||||||
|
<AssetTraitName></AssetTraitName>
|
||||||
|
<AssetTraitValue></AssetTraitValue>
|
||||||
|
<CopyToOutputDirectory>Never</CopyToOutputDirectory>
|
||||||
|
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
||||||
|
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\img\icons\x.png))</OriginalItemSpec>
|
||||||
|
</StaticWebAsset>
|
||||||
<StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\img\logo\logo-dlh.png))">
|
<StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\img\logo\logo-dlh.png))">
|
||||||
<SourceType>Package</SourceType>
|
<SourceType>Package</SourceType>
|
||||||
<SourceId>WebsiteDLH</SourceId>
|
<SourceId>WebsiteDLH</SourceId>
|
||||||
|
|
@ -48544,22 +48656,6 @@
|
||||||
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
||||||
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\vendor\bootstrap-datepicker\locales\bootstrap-datepicker.zh-TW.min.js))</OriginalItemSpec>
|
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\vendor\bootstrap-datepicker\locales\bootstrap-datepicker.zh-TW.min.js))</OriginalItemSpec>
|
||||||
</StaticWebAsset>
|
</StaticWebAsset>
|
||||||
<StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\vendor\bootstrap-icons\bootstrap-icons.css))">
|
|
||||||
<SourceType>Package</SourceType>
|
|
||||||
<SourceId>WebsiteDLH</SourceId>
|
|
||||||
<ContentRoot>$(MSBuildThisFileDirectory)..\staticwebassets\</ContentRoot>
|
|
||||||
<BasePath>_content/WebsiteDLH</BasePath>
|
|
||||||
<RelativePath>vendor/bootstrap-icons/bootstrap-icons.css</RelativePath>
|
|
||||||
<AssetKind>All</AssetKind>
|
|
||||||
<AssetMode>All</AssetMode>
|
|
||||||
<AssetRole>Primary</AssetRole>
|
|
||||||
<RelatedAsset></RelatedAsset>
|
|
||||||
<AssetTraitName></AssetTraitName>
|
|
||||||
<AssetTraitValue></AssetTraitValue>
|
|
||||||
<CopyToOutputDirectory>Never</CopyToOutputDirectory>
|
|
||||||
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
|
||||||
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\vendor\bootstrap-icons\bootstrap-icons.css))</OriginalItemSpec>
|
|
||||||
</StaticWebAsset>
|
|
||||||
<StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\vendor\bootstrap-icons\bootstrap-icons.json))">
|
<StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\vendor\bootstrap-icons\bootstrap-icons.json))">
|
||||||
<SourceType>Package</SourceType>
|
<SourceType>Package</SourceType>
|
||||||
<SourceId>WebsiteDLH</SourceId>
|
<SourceId>WebsiteDLH</SourceId>
|
||||||
|
|
@ -48576,6 +48672,22 @@
|
||||||
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
||||||
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\vendor\bootstrap-icons\bootstrap-icons.json))</OriginalItemSpec>
|
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\vendor\bootstrap-icons\bootstrap-icons.json))</OriginalItemSpec>
|
||||||
</StaticWebAsset>
|
</StaticWebAsset>
|
||||||
|
<StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\vendor\bootstrap-icons\bootstrap-icons.min.css))">
|
||||||
|
<SourceType>Package</SourceType>
|
||||||
|
<SourceId>WebsiteDLH</SourceId>
|
||||||
|
<ContentRoot>$(MSBuildThisFileDirectory)..\staticwebassets\</ContentRoot>
|
||||||
|
<BasePath>_content/WebsiteDLH</BasePath>
|
||||||
|
<RelativePath>vendor/bootstrap-icons/bootstrap-icons.min.css</RelativePath>
|
||||||
|
<AssetKind>All</AssetKind>
|
||||||
|
<AssetMode>All</AssetMode>
|
||||||
|
<AssetRole>Primary</AssetRole>
|
||||||
|
<RelatedAsset></RelatedAsset>
|
||||||
|
<AssetTraitName></AssetTraitName>
|
||||||
|
<AssetTraitValue></AssetTraitValue>
|
||||||
|
<CopyToOutputDirectory>Never</CopyToOutputDirectory>
|
||||||
|
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
||||||
|
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\vendor\bootstrap-icons\bootstrap-icons.min.css))</OriginalItemSpec>
|
||||||
|
</StaticWebAsset>
|
||||||
<StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\vendor\bootstrap-icons\bootstrap-icons.scss))">
|
<StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\vendor\bootstrap-icons\bootstrap-icons.scss))">
|
||||||
<SourceType>Package</SourceType>
|
<SourceType>Package</SourceType>
|
||||||
<SourceId>WebsiteDLH</SourceId>
|
<SourceId>WebsiteDLH</SourceId>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
|
||||||
|
|
||||||
|
#text-content *{
|
||||||
|
font-family: 'Lora', serif;
|
||||||
|
font-size: 1.1rem!important;
|
||||||
|
line-height: 1.66;
|
||||||
|
color: #1e1e1e;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 768px) {
|
||||||
|
#text-content *{
|
||||||
|
font-size: 1rem!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -3,17 +3,21 @@
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
}
|
}
|
||||||
|
|
||||||
#content p,
|
article.blog-single-post p,
|
||||||
#content a,
|
article.blog-single-post a,
|
||||||
#content li {
|
article.blog-single-post li {
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#content ol li,
|
article.blog-single-post ol li,
|
||||||
#content ul li {
|
article.blog-single-post ul li {
|
||||||
margin-bottom: 0.9rem;
|
margin-bottom: 0.9rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.nav-tabs li a{
|
||||||
|
margin-bottom: 1rem!important;
|
||||||
|
}
|
||||||
|
|
||||||
.nav-tabs a.nav-link {
|
.nav-tabs a.nav-link {
|
||||||
color: #9b9b9b !important;
|
color: #9b9b9b !important;
|
||||||
border-right: var(--secondary) !important;
|
border-right: var(--secondary) !important;
|
||||||
|
|
@ -51,3 +55,23 @@
|
||||||
-webkit-line-clamp: 3 !important; /* Atur jumlah baris yang diinginkan */
|
-webkit-line-clamp: 3 !important; /* Atur jumlah baris yang diinginkan */
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#statusNetwork{
|
||||||
|
position: fixed;
|
||||||
|
top: 120px;
|
||||||
|
left: 45%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 768px) {
|
||||||
|
#statusNetwork{
|
||||||
|
left: 30%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 992px) {
|
||||||
|
#statusNetwork{
|
||||||
|
left: 40%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,11 +1,11 @@
|
||||||
.lazy {
|
.lazy {
|
||||||
/* transform: translateY(10%); */
|
/* transform: translateY(10%); */
|
||||||
filter: blur(20px);
|
/* filter: blur(20px); */
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: all 500ms ease;
|
transition: all 500ms ease;
|
||||||
}
|
}
|
||||||
.lazy.fade-in {
|
.lazy.fade-in {
|
||||||
/* transform: translateY(0); */
|
/* transform: translateY(0); */
|
||||||
|
/* filter: none; */
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
filter: none;
|
|
||||||
}
|
}
|
||||||
|
|
@ -179,6 +179,14 @@
|
||||||
filter: grayscale(0);
|
filter: grayscale(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.border-image-instagram{
|
||||||
|
background: #f09433;
|
||||||
|
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
|
||||||
|
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
|
||||||
|
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
|
||||||
|
}
|
||||||
|
|
||||||
@keyframes slide {
|
@keyframes slide {
|
||||||
from {
|
from {
|
||||||
transform: translateX(0);
|
transform: translateX(0);
|
||||||
|
|
|
||||||
|
|
@ -829,11 +829,11 @@ html .nav-pills-primary a {
|
||||||
}
|
}
|
||||||
|
|
||||||
html .nav-pills-primary a:hover {
|
html .nav-pills-primary a:hover {
|
||||||
color: #ADD72D;
|
color: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
html .nav-pills-primary a:focus {
|
html .nav-pills-primary a:focus {
|
||||||
color: #ADD72D;
|
color: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
html .nav-pills-primary a:active {
|
html .nav-pills-primary a:active {
|
||||||
|
|
@ -997,11 +997,11 @@ html .nav-pills-light > li.active > a:focus {
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-link:hover {
|
.nav-link:hover {
|
||||||
color: #ADD72D;
|
color: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-link:focus {
|
.nav-link:focus {
|
||||||
color: #ADD72D;
|
color: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-link:active {
|
.nav-link:active {
|
||||||
|
|
@ -1088,7 +1088,7 @@ html .overlay-color-light:not(.no-skin):before {
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-link:hover {
|
.btn-link:hover {
|
||||||
color: #ADD72D;
|
color: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-link:active {
|
.btn-link:active {
|
||||||
|
|
@ -2059,7 +2059,7 @@ html .btn-with-arrow.btn-primary.btn-outline {
|
||||||
}
|
}
|
||||||
|
|
||||||
html .btn-with-arrow.btn-primary.btn-outline:hover span {
|
html .btn-with-arrow.btn-primary.btn-outline:hover span {
|
||||||
background-color: #ADD72D !important;
|
background-color: #5dc865 !important;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4705,7 +4705,7 @@ html[dir="rtl"] #header .tip-light:before {
|
||||||
}
|
}
|
||||||
|
|
||||||
#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
|
#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
|
||||||
color: #F1C27B;
|
color: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
#header .header-nav.header-nav-links.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar-thumb {
|
#header .header-nav.header-nav-links.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar-thumb {
|
||||||
|
|
@ -4713,15 +4713,15 @@ html[dir="rtl"] #header .tip-light:before {
|
||||||
}
|
}
|
||||||
|
|
||||||
#header .header-nav.header-nav-line nav > ul li:hover > a {
|
#header .header-nav.header-nav-line nav > ul li:hover > a {
|
||||||
color: var(--secondary);
|
color: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
#header .header-nav.header-nav-line nav > ul li:hover > a:before {
|
#header .header-nav.header-nav-line nav > ul li:hover > a:before {
|
||||||
background: var(--secondary);
|
background: #5dc865
|
||||||
}
|
}
|
||||||
|
|
||||||
#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {
|
#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {
|
||||||
color: var(--secondary);
|
color: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before {
|
#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before {
|
||||||
|
|
@ -5342,19 +5342,19 @@ html #header .header-top.header-top-primary {
|
||||||
}
|
}
|
||||||
|
|
||||||
html #header .header-top.header-top-primary .header-nav-top ul > li.open > a {
|
html #header .header-top.header-top-primary .header-nav-top ul > li.open > a {
|
||||||
background: #ADD72D;
|
background: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
html #header .header-top.header-top-primary .header-nav-top ul > li > a:hover,
|
html #header .header-top.header-top-primary .header-nav-top ul > li > a:hover,
|
||||||
html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:hover,
|
html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:hover,
|
||||||
html #header .header-top.header-top-primary .header-nav-top ul > li > a:focus,
|
html #header .header-top.header-top-primary .header-nav-top ul > li > a:focus,
|
||||||
html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:focus {
|
html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:focus {
|
||||||
background: #ADD72D;
|
background: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
html #header .header-top.header-top-primary .dropdown-menu {
|
html #header .header-top.header-top-primary .dropdown-menu {
|
||||||
background: #ADD72D;
|
background: #5dc865;
|
||||||
border-color: #ADD72D;
|
border-color: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
html #header .header-top.header-top-primary .dropdown-menu a:hover,
|
html #header .header-top.header-top-primary .dropdown-menu a:hover,
|
||||||
|
|
@ -5540,23 +5540,23 @@ html #header .header-top.header-top-light .dropdown-menu a:focus {
|
||||||
}
|
}
|
||||||
|
|
||||||
.testimonial blockquote {
|
.testimonial blockquote {
|
||||||
background: #ADD72D;
|
background: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
.testimonial .testimonial-arrow-down {
|
.testimonial .testimonial-arrow-down {
|
||||||
border-top-color: #ADD72D;
|
border-top-color: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
html .testimonial-primary blockquote {
|
html .testimonial-primary blockquote {
|
||||||
background: #ADD72D;
|
background: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
html .testimonial-primary .testimonial-arrow-down {
|
html .testimonial-primary .testimonial-arrow-down {
|
||||||
border-top-color: #ADD72D;
|
border-top-color: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
html .testimonial-primary.testimonial-style-7 {
|
html .testimonial-primary.testimonial-style-7 {
|
||||||
background: #ADD72D;
|
background: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
html .testimonial-quotes-primary blockquote:before,
|
html .testimonial-quotes-primary blockquote:before,
|
||||||
|
|
@ -5681,15 +5681,15 @@ html .testimonial-quotes-light blockquote:after {
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-control .testimonial-primary blockquote {
|
.form-control .testimonial-primary blockquote {
|
||||||
background: #ADD72D;
|
background: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-control .testimonial-primary .testimonial-arrow-down {
|
.form-control .testimonial-primary .testimonial-arrow-down {
|
||||||
border-top-color: #ADD72D;
|
border-top-color: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-control .testimonial-primary.testimonial-style-7 {
|
.form-control .testimonial-primary.testimonial-style-7 {
|
||||||
background: #ADD72D;
|
background: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-control .testimonial-quotes-primary blockquote:before,
|
.form-control .testimonial-quotes-primary blockquote:before,
|
||||||
|
|
@ -6622,7 +6622,7 @@ html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(3) {
|
||||||
}
|
}
|
||||||
|
|
||||||
html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(4) {
|
html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(4) {
|
||||||
background-color: #ADD72D;
|
background-color: #5dc865;
|
||||||
}
|
}
|
||||||
|
|
||||||
html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(5) {
|
html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(5) {
|
||||||
|
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
|
|
@ -1,3 +1,5 @@
|
||||||
|
// ! Required Bootstrap for best experience.
|
||||||
|
|
||||||
// Lazy Load images
|
// Lazy Load images
|
||||||
const targets = document.querySelectorAll(".lazy");
|
const targets = document.querySelectorAll(".lazy");
|
||||||
|
|
||||||
|
|
@ -7,10 +9,17 @@ const imagesLazyLoad = (target) => {
|
||||||
entries.forEach((entry) => {
|
entries.forEach((entry) => {
|
||||||
if (entry.isIntersecting) {
|
if (entry.isIntersecting) {
|
||||||
const img = entry.target;
|
const img = entry.target;
|
||||||
|
|
||||||
const src = img.getAttribute("data-lazy");
|
const src = img.getAttribute("data-lazy");
|
||||||
|
img.parentElement.style.backgroundColor = "#d4d4d4"
|
||||||
|
img.parentElement.classList.add("placeholder-wave")
|
||||||
|
|
||||||
img.setAttribute("src", src);
|
img.setAttribute("src", src);
|
||||||
img.classList.add("fade-in");
|
img.onload = function() {
|
||||||
|
img.classList.add("fade-in");
|
||||||
|
img.parentElement.classList.remove("placeholder-wave")
|
||||||
|
img.parentElement.style.backgroundColor = ""
|
||||||
|
}
|
||||||
|
|
||||||
observer.disconnect();
|
observer.disconnect();
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue