Tambah Halaman artikel
parent
d8cde1a036
commit
d25aa28ca5
|
|
@ -100,11 +100,11 @@ namespace WebsiteDLH.Controllers
|
|||
[HttpGet("/publikasi-data/laporan-keuangan")]
|
||||
public IActionResult Laporan_Keuangan(){return View("~/Views/Pages/Publikasi_Data/Laporan_Keuangan.cshtml");}
|
||||
|
||||
[HttpGet("/berita")]
|
||||
public IActionResult Berita(){return View();}
|
||||
|
||||
public IActionResult ListArticle()
|
||||
{
|
||||
return View();
|
||||
}
|
||||
[HttpGet("/2023/12/12/inovasi-terbaru-dalam-teknologi-gadget")]
|
||||
public IActionResult Detail_Berita(){return View();}
|
||||
|
||||
[ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
|
||||
public IActionResult Error()
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
<div class="col">
|
||||
<div class="blog-posts">
|
||||
<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
|
||||
Provinsi DKI
|
||||
Jakarta</p>
|
||||
|
|
@ -19,201 +19,214 @@
|
|||
Max Character Title: 78 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 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 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 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>
|
||||
const data = [
|
||||
|
|
@ -460,38 +473,10 @@
|
|||
];
|
||||
|
||||
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) {
|
||||
sliceData(data, 0, 6)
|
||||
sliceData(data, 0, 9)
|
||||
}
|
||||
|
||||
function sliceData(data, start, end) {
|
||||
|
|
@ -504,13 +489,13 @@
|
|||
const dynamicDelay = index % 2 === 0 ? delay : (delay + 300);
|
||||
|
||||
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">
|
||||
<div class="post-image">
|
||||
<div class="position-relative">
|
||||
<a href="#" class="ratio ratio-16x9 rounded-4">
|
||||
<img src="https://source.unsplash.com/random/${element.image}/?${element.badge}"
|
||||
style="object-fit: cover" class="rounded-4" alt="${element.title}" loading="lazy" />
|
||||
<a href="/2023/12/12/inovasi-terbaru-dalam-teknologi-gadget" class="d-block ratio ratio-16x9 rounded-4">
|
||||
<img data-lazy="https://source.unsplash.com/random/${element.image}/?${element.badge}"
|
||||
style="object-fit: cover" class="rounded-4 lazy" alt="${element.title}" />
|
||||
</a>
|
||||
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||
<span class="badge" style="background-color: ${element.color_badge}">${element.badge}</span>
|
||||
|
|
@ -519,7 +504,7 @@
|
|||
</div>
|
||||
|
||||
<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>
|
||||
</h2>
|
||||
<p class="text-break overflow-ellipsis-3">
|
||||
|
|
@ -527,9 +512,7 @@
|
|||
</p>
|
||||
|
||||
<div class="post-meta">
|
||||
<span><img src="https://robohash.org/agung" class="bg-info rounded-circle me-1"
|
||||
width="30" height="30" alt="Robohash"><a href="#" class="fw-semibold">Agung
|
||||
Gumelar</a> • 20 Des 2023 </span>
|
||||
<span><i class="far fa-calendar"></i> 20 Des 2023 </span>
|
||||
<span><i class="far fa-clock"></i> 3 min baca</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -540,6 +523,6 @@
|
|||
delay += 300;
|
||||
}
|
||||
const container_post = document.querySelector("#list-article")
|
||||
container_post.innerHTML = container_post.innerHTML + articles
|
||||
container_post.innerHTML = articles
|
||||
}
|
||||
</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>
|
||||
}
|
||||
|
|
@ -6,13 +6,14 @@
|
|||
<div class="row">
|
||||
<div class="col-12 col-md-7">
|
||||
<h2 class="mb-2 fw-bold">Berita Terkini</h2>
|
||||
<div id="berita-carousel" class="owl-carousel owl-theme nav-inside dots-modern" data-plugin-options=""></div>
|
||||
<div id="berita-carousel" class="owl-carousel owl-theme nav-inside dots-modern appear-animation"
|
||||
data-appear-animation="fadeInUpShorter" data-appear-animation-delay=0 data-plugin-options=""></div>
|
||||
</div>
|
||||
<div class="col-12 col-md-5">
|
||||
<h2 class="mb-2 fs-4 fw-bold">Kualitas Udara Jakarta Hari Ini</h2>
|
||||
<div id="ispu"></div>
|
||||
<div id="ispu-container" class="row align-items-stretch text-center mx-1 mx-md-0 rounded-4"
|
||||
style="min-height: 70px">
|
||||
<div id="ispu-container" class="row align-items-stretch text-center mx-1 mx-md-0 rounded-4 appear-animation"
|
||||
data-appear-animation="fadeInUpShorter" data-appear-animation-delay=200 style="min-height: 70px">
|
||||
<div class="col-2 position-relative d-flex align-items-center justify-content-center fs-1"
|
||||
style="border-radius: 1rem 0 0 1rem">
|
||||
<span id="ispu-icons"></span>
|
||||
|
|
@ -37,13 +38,13 @@
|
|||
<span id="ispu-value" class="fw-semibold" style="font-size: 1.5rem;"></span>
|
||||
<span class="fw-bolder" style="font-size: .55rem;">PM2.5 | 33.8 µg/m³</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between">
|
||||
<p class="fw-semibold text-muted" style="font-size: .75rem;">Diperbarui: <span
|
||||
id="time-ispu-update"></span> 08-12-2023 13.00</p>
|
||||
<a href="https://silika.jakarta.go.id/udara/ispu24" class="fw-semibold text-decoration-underline"
|
||||
target="_blank" style="font-size: .75rem;">Lihat Detail</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-center flex-wrap gap-2 mt-2 d-none" style="font-size: 1rem;">
|
||||
<span class="badge bg-dark cur-pointer" onclick="temp_assign_ispu(1)">Lb. Buaya</span>
|
||||
|
|
@ -53,9 +54,11 @@
|
|||
<span class="badge bg-dark cur-pointer" onclick="temp_assign_ispu(5)">Jagakarsa</span>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="row mb-3 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
data-appear-animation-delay=300>
|
||||
<div class="col-12">
|
||||
<a href="https://jakartasatu.jakarta.go.id/portal/apps/sites/#/dinas-lingkungan-hidup" class="text-decoration-none" target="_blank">
|
||||
<a href="https://jakartasatu.jakarta.go.id/portal/apps/sites/#/dinas-lingkungan-hidup"
|
||||
class="text-decoration-none" target="_blank">
|
||||
<div class="card border-0 text-white text-center fw-semibold fs-5 rounded-4 p-4"
|
||||
style="background: #8ACDD7; min-height: 70px">
|
||||
Cek Lokasi Bank Sampah
|
||||
|
|
@ -64,7 +67,8 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="row mb-3 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
data-appear-animation-delay=600>
|
||||
<div class="col-12">
|
||||
<a href="https://silika.jakarta.go.id/tps_neraca" class="text-decoration-none" target="_blank">
|
||||
<div class="card border-0 text-white text-center fw-semibold fs-5 rounded-4 p-4"
|
||||
|
|
@ -75,12 +79,13 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="row mb-3 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
data-appear-animation-delay=900>
|
||||
<div class="col-12">
|
||||
<a href="https://silika.jakarta.go.id/lps" class="text-decoration-none" target="_blank">
|
||||
<div class="card border-0 text-white text-center fw-semibold fs-5 rounded-4 p-4"
|
||||
style="background: #9ADE7B; min-height: 70px">
|
||||
Cek Lokasi Emplasemen Sampah
|
||||
Cek Lokasi Emplasemen Sampah Badan Air
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -93,12 +98,12 @@
|
|||
<div class="container my-5">
|
||||
<div class="row">
|
||||
<h2 class="font-weight-bold text-center text-10 pt-3 mb-5">Berita</h2>
|
||||
<div class="col-md-3 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
<div class="col-md-4 col-lg-3 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
data-appear-animation-delay=0>
|
||||
<article class="post post-medium border-0 pb-0 mb-5">
|
||||
<div class="post-image">
|
||||
<div class="position-relative">
|
||||
<a href="#" class="ratio ratio-4x3 rounded-4">
|
||||
<a href="#" class="d-block ratio ratio-16x9 rounded-4">
|
||||
<img data-lazy="https://source.unsplash.com/random/700×1080?health"
|
||||
style="object-fit: cover" class="rounded-4 lazy" alt="" />
|
||||
</a>
|
||||
|
|
@ -110,20 +115,27 @@
|
|||
|
||||
<div class="post-content">
|
||||
<h2 class="font-weight-semibold fs-5 line-height-6 mt-3 mb-2"><a href="blog-post.html"
|
||||
class="text-break overflow-ellipsis-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, placeat delectus laboriosam praesentium quia totam!</a>
|
||||
class="text-break overflow-ellipsis-3">Tegakkan Hukum Uji Emisi, Polda Metro Ambil Tindakan
|
||||
Edukatif-Represif</a>
|
||||
</h2>
|
||||
<p class="text-break overflow-ellipsis-3">
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur excepturi iusto vel earum, quas quos voluptatem facilis corrupti rerum, vero quaerat voluptatum? Voluptatum repellat aliquam tempora voluptatem sed error similique cum, quia ea vel quis nemo alias animi temporibus natus assumenda consequatur odio. Maiores, possimus doloremque dicta nemo suscipit aliquid!
|
||||
<p class="text-break overflow-ellipsis-3 mb-1">
|
||||
Dalam rangka pelaksanaan Operasi Zebra Jaya 2023, Polda Metro Jaya bersama Dinas Lingkungan
|
||||
Hidup DKI Jakarta, PT. Astra Intenasional mengadakan uji emisi gratis di area Komplek Gelora
|
||||
Bung Karno, Rabu
|
||||
</p>
|
||||
</div>
|
||||
<div class="post-meta">
|
||||
<span><i class="far fa-calendar"></i> 20 Des 2023</span>
|
||||
<span><i class="far fa-clock"></i> 3 min baca</span>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="col-md-3 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
<div class="col-md-4 col-lg-3 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
data-appear-animation-delay=200>
|
||||
<article class="post post-medium border-0 pb-0 mb-5">
|
||||
<div class="post-image">
|
||||
<div class="position-relative">
|
||||
<a href="#" class="ratio ratio-4x3 rounded-4">
|
||||
<a href="#" class="d-block ratio ratio-16x9 rounded-4">
|
||||
<img data-lazy="https://source.unsplash.com/random/700×1082?politics"
|
||||
style="object-fit: cover" class="rounded-4 lazy" alt="" />
|
||||
</a>
|
||||
|
|
@ -135,22 +147,28 @@
|
|||
|
||||
<div class="post-content">
|
||||
<h2 class="font-weight-semibold fs-5 line-height-6 mt-3 mb-2"><a href="blog-post.html"
|
||||
class="text-break overflow-ellipsis-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, placeat delectus laboriosam praesentium quia totam!</a>
|
||||
class="text-break overflow-ellipsis-3">Sinergi Tekan Polusi Udara Jakarta Terus
|
||||
Dilakukan</a>
|
||||
</h2>
|
||||
<p class="text-break overflow-ellipsis-3">
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur excepturi iusto vel earum, quas quos voluptatem facilis corrupti rerum, vero quaerat voluptatum? Voluptatum repellat aliquam tempora voluptatem sed error similique cum, quia ea vel quis nemo alias animi temporibus natus assumenda consequatur odio. Maiores, possimus doloremque dicta nemo suscipit aliquid!
|
||||
Pemprov DKI Jakarta sedang melaksanakan upaya mitigasi untuk mewujudkan target penurunan emisi
|
||||
gas rumah kaca di Wilayah DKI Jakarta.
|
||||
</p>
|
||||
</div>
|
||||
<div class="post-meta">
|
||||
<span><i class="far fa-calendar"></i> 20 Des 2023</span>
|
||||
<span><i class="far fa-clock"></i> 3 min baca</span>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="col-md-3 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
<div class="col-md-4 col-lg-3 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
data-appear-animation-delay=400>
|
||||
<article class="post post-medium border-0 pb-0 mb-5">
|
||||
<div class="post-image">
|
||||
<div class="position-relative">
|
||||
<a href="#" class="ratio ratio-4x3 rounded-4">
|
||||
<img data-lazy="https://source.unsplash.com/random/700×1083?sport"
|
||||
style="object-fit: cover" class="rounded-4 lazy" alt="" />
|
||||
<a href="#" class="d-block ratio ratio-16x9 rounded-4">
|
||||
<img data-lazy="https://source.unsplash.com/random/700×1083?sport" style="object-fit: cover"
|
||||
class="rounded-4 lazy" alt="" />
|
||||
</a>
|
||||
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||
<span class="badge" style="background-color: rgb(66, 180, 146)">Sport</span>
|
||||
|
|
@ -160,20 +178,28 @@
|
|||
|
||||
<div class="post-content">
|
||||
<h2 class="font-weight-semibold fs-5 line-height-6 mt-3 mb-2"><a href="blog-post.html"
|
||||
class="text-break overflow-ellipsis-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, placeat delectus laboriosam praesentium quia totam!</a>
|
||||
class="text-break overflow-ellipsis-3">Lorem ipsum dolor sit amet consectetur adipisicing
|
||||
elit. Itaque, placeat delectus laboriosam praesentium quia totam!</a>
|
||||
</h2>
|
||||
<p class="text-break overflow-ellipsis-3">
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur excepturi iusto vel earum, quas quos voluptatem facilis corrupti rerum, vero quaerat voluptatum? Voluptatum repellat aliquam tempora voluptatem sed error similique cum, quia ea vel quis nemo alias animi temporibus natus assumenda consequatur odio. Maiores, possimus doloremque dicta nemo suscipit aliquid!
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur excepturi iusto vel earum,
|
||||
quas quos voluptatem facilis corrupti rerum, vero quaerat voluptatum? Voluptatum repellat
|
||||
aliquam tempora voluptatem sed error similique cum, quia ea vel quis nemo alias animi temporibus
|
||||
natus assumenda consequatur odio. Maiores, possimus doloremque dicta nemo suscipit aliquid!
|
||||
</p>
|
||||
<div class="post-meta">
|
||||
<span><i class="far fa-calendar"></i> 20 Des 2023</span>
|
||||
<span><i class="far fa-clock"></i> 3 min baca</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="col-md-3 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
<div class="col-md-4 col-lg-3 d-md-none d-lg-block appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
data-appear-animation-delay=600>
|
||||
<article class="post post-medium border-0 pb-0 mb-5">
|
||||
<div class="post-image">
|
||||
<div class="position-relative">
|
||||
<a href="#" class="ratio ratio-4x3 rounded-4">
|
||||
<a href="#" class="d-block ratio ratio-16x9 rounded-4">
|
||||
<img data-lazy="https://source.unsplash.com/random/700×1084?technology"
|
||||
style="object-fit: cover" class="rounded-4 lazy" alt="" />
|
||||
</a>
|
||||
|
|
@ -185,10 +211,14 @@
|
|||
|
||||
<div class="post-content">
|
||||
<h2 class="font-weight-semibold fs-5 line-height-6 mt-3 mb-2"><a href="blog-post.html"
|
||||
class="text-break overflow-ellipsis-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, placeat delectus laboriosam praesentium quia totam!</a>
|
||||
class="text-break overflow-ellipsis-3">Lorem ipsum dolor sit amet consectetur adipisicing
|
||||
elit. Itaque, placeat delectus laboriosam praesentium quia totam!</a>
|
||||
</h2>
|
||||
<p class="text-break overflow-ellipsis-3">
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur excepturi iusto vel earum, quas quos voluptatem facilis corrupti rerum, vero quaerat voluptatum? Voluptatum repellat aliquam tempora voluptatem sed error similique cum, quia ea vel quis nemo alias animi temporibus natus assumenda consequatur odio. Maiores, possimus doloremque dicta nemo suscipit aliquid!
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur excepturi iusto vel earum,
|
||||
quas quos voluptatem facilis corrupti rerum, vero quaerat voluptatum? Voluptatum repellat
|
||||
aliquam tempora voluptatem sed error similique cum, quia ea vel quis nemo alias animi temporibus
|
||||
natus assumenda consequatur odio. Maiores, possimus doloremque dicta nemo suscipit aliquid!
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
|
|
@ -199,13 +229,13 @@
|
|||
<div class="row">
|
||||
<h2 class="font-weight-bold text-center text-10 pt-3 mb-5">Layanan Kami</h2>
|
||||
|
||||
<div class="col-md-3 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
<div class="col-md-4 col-lg-3 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
data-appear-animation-delay=0>
|
||||
<article class="post post-medium border-0 pb-0 mb-5">
|
||||
<div class="post-image">
|
||||
<div class="position-relative">
|
||||
<a href="#" class="ratio ratio-4x3 rounded-4">
|
||||
<img data-lazy="https://source.unsplash.com/random/700×1089"
|
||||
<a href="#" class="d-block ratio ratio-16x9 rounded-4">
|
||||
<img data-lazy="https://source.unsplash.com/random/700×1089?electronic"
|
||||
style="object-fit: cover" class="rounded-4 lazy" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -213,21 +243,21 @@
|
|||
|
||||
<div class="post-content">
|
||||
<h2 class="font-weight-semibold fs-5 line-height-6 mt-3 mb-2"><a href="blog-post.html"
|
||||
class="text-break overflow-ellipsis-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, placeat delectus laboriosam praesentium quia totam!</a>
|
||||
class="text-break overflow-ellipsis-3">Penjemputan E-Waste</a>
|
||||
</h2>
|
||||
<p class="text-break overflow-ellipsis-3">
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur excepturi iusto vel earum, quas quos voluptatem facilis corrupti rerum, vero quaerat voluptatum? Voluptatum repellat aliquam tempora voluptatem sed error similique cum, quia ea vel quis nemo alias animi temporibus natus assumenda consequatur odio. Maiores, possimus doloremque dicta nemo suscipit aliquid!
|
||||
Layanan Jemput Gratis limbah elektronik untuk warga Jakarta
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="col-md-3 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
<div class="col-md-4 col-lg-3 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
data-appear-animation-delay=200>
|
||||
<article class="post post-medium border-0 pb-0 mb-5">
|
||||
<div class="post-image">
|
||||
<div class="position-relative">
|
||||
<a href="#" class="ratio ratio-4x3 rounded-4">
|
||||
<img data-lazy="https://source.unsplash.com/random/700×1081"
|
||||
<a href="#" class="d-block ratio ratio-16x9 rounded-4">
|
||||
<img data-lazy="https://source.unsplash.com/random/700×1081?environtment"
|
||||
style="object-fit: cover" class="rounded-4 lazy" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -235,21 +265,21 @@
|
|||
|
||||
<div class="post-content">
|
||||
<h2 class="font-weight-semibold fs-5 line-height-6 mt-3 mb-2"><a href="blog-post.html"
|
||||
class="text-break overflow-ellipsis-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, placeat delectus laboriosam praesentium quia totam!</a>
|
||||
class="text-break overflow-ellipsis-3">AMDAL</a>
|
||||
</h2>
|
||||
<p class="text-break overflow-ellipsis-3">
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur excepturi iusto vel earum, quas quos voluptatem facilis corrupti rerum, vero quaerat voluptatum? Voluptatum repellat aliquam tempora voluptatem sed error similique cum, quia ea vel quis nemo alias animi temporibus natus assumenda consequatur odio. Maiores, possimus doloremque dicta nemo suscipit aliquid!
|
||||
Analisa Mengenai Dampak Lingkungan
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="col-md-3 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
<div class="col-md-4 col-lg-3 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
data-appear-animation-delay=400>
|
||||
<article class="post post-medium border-0 pb-0 mb-5">
|
||||
<div class="post-image">
|
||||
<div class="position-relative">
|
||||
<a href="#" class="ratio ratio-4x3 rounded-4">
|
||||
<img data-lazy="https://source.unsplash.com/random/700×1082"
|
||||
<a href="#" class="d-block ratio ratio-16x9 rounded-4">
|
||||
<img data-lazy="https://source.unsplash.com/random/700×1082?chemistry"
|
||||
style="object-fit: cover" class="rounded-4 lazy" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -257,32 +287,32 @@
|
|||
|
||||
<div class="post-content">
|
||||
<h2 class="font-weight-semibold fs-5 line-height-6 mt-3 mb-2"><a href="blog-post.html"
|
||||
class="text-break overflow-ellipsis-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, placeat delectus laboriosam praesentium quia totam!</a>
|
||||
class="text-break overflow-ellipsis-3">Uji Sample LLHD</a>
|
||||
</h2>
|
||||
<p class="text-break overflow-ellipsis-3">
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur excepturi iusto vel earum, quas quos voluptatem facilis corrupti rerum, vero quaerat voluptatum? Voluptatum repellat aliquam tempora voluptatem sed error similique cum, quia ea vel quis nemo alias animi temporibus natus assumenda consequatur odio. Maiores, possimus doloremque dicta nemo suscipit aliquid!
|
||||
Uji dan Analisis Lingkungan
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="col-md-3 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
<div class="col-md-4 col-lg-3 d-md-none d-lg-block appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
data-appear-animation-delay=600>
|
||||
<article class="post post-medium border-0 pb-0 mb-5">
|
||||
<div class="post-image">
|
||||
<div class="position-relative">
|
||||
<a href="#" class="ratio ratio-4x3 rounded-4">
|
||||
<img data-lazy="https://source.unsplash.com/random/700×1087"
|
||||
style="object-fit: cover" class="rounded-4 lazy" alt="" />
|
||||
<a href="#" class="d-block ratio ratio-16x9 rounded-4">
|
||||
<img data-lazy="https://source.unsplash.com/random/700×1087?Bus" style="object-fit: cover"
|
||||
class="rounded-4 lazy" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-content">
|
||||
<h2 class="font-weight-semibold fs-5 line-height-6 mt-3 mb-2"><a href="blog-post.html"
|
||||
class="text-break overflow-ellipsis-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, placeat delectus laboriosam praesentium quia totam!</a>
|
||||
class="text-break overflow-ellipsis-3">Bus Toilet</a>
|
||||
</h2>
|
||||
<p class="text-break overflow-ellipsis-3">
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur excepturi iusto vel earum, quas quos voluptatem facilis corrupti rerum, vero quaerat voluptatum? Voluptatum repellat aliquam tempora voluptatem sed error similique cum, quia ea vel quis nemo alias animi temporibus natus assumenda consequatur odio. Maiores, possimus doloremque dicta nemo suscipit aliquid!
|
||||
Layanan Peminjaman Bus Toilet
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
|
|
@ -290,54 +320,156 @@
|
|||
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-8">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-6">
|
||||
<h2 class="mb-2 fw-bold">Pengumuman</h2>
|
||||
<div id="pengumuman-carousel" class="owl-carousel owl-theme nav-inside dots-modern appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay=0 data-plugin-options="{'items': 1, 'loop': true, 'autoHeight': true, 'margin': 10, 'autoplay': true, 'autoplayTimeout': 3000, 'autoplayHoverPause': true}">
|
||||
<div class="thumb-info thumb-info-no-borders rounded-4 thumb-info-lighten thumb-info-bottom-info thumb-info-bottom-info-dark thumb-info-bottom-info-show-more thumb-info-no-zoom">
|
||||
<h3 class="mb-2 fw-bold">Pengumuman</h3>
|
||||
<div id="pengumuman-carousel" class="owl-carousel owl-theme nav-inside dots-modern appear-animation"
|
||||
data-appear-animation="fadeInUpShorter" data-appear-animation-delay=0
|
||||
data-plugin-options="{'items': 1, 'loop': true, 'autoHeight': true, 'margin': 10, 'autoplay': true, 'autoplayTimeout': 3000, 'autoplayHoverPause': true}">
|
||||
<div
|
||||
class="thumb-info thumb-info-no-borders rounded-4 thumb-info-lighten thumb-info-bottom-info thumb-info-bottom-info-dark thumb-info-bottom-info-show-more thumb-info-no-zoom">
|
||||
<span class="berita thumb-info-wrapper rounded-4" style="aspect-ratio: 4/3">
|
||||
<img data-lazy="https://source.unsplash.com/random/1080×1920/?nature" class="img-fluid w-100 h-100 lazy"
|
||||
style="object-fit: cover;" alt="Nature">
|
||||
<img data-lazy="https://source.unsplash.com/random/1080×1920/?nature"
|
||||
class="img-fluid w-100 h-100 lazy" style="object-fit: cover;" alt="Nature">
|
||||
</span>
|
||||
</div>
|
||||
<div class="thumb-info thumb-info-no-borders rounded-4 thumb-info-lighten thumb-info-bottom-info thumb-info-bottom-info-dark thumb-info-bottom-info-show-more thumb-info-no-zoom">
|
||||
<div
|
||||
class="thumb-info thumb-info-no-borders rounded-4 thumb-info-lighten thumb-info-bottom-info thumb-info-bottom-info-dark thumb-info-bottom-info-show-more thumb-info-no-zoom">
|
||||
<span class="berita thumb-info-wrapper rounded-4" style="aspect-ratio: 4/3">
|
||||
<img data-lazy="https://source.unsplash.com/random/1080×1921/?nature" class="img-fluid w-100 h-100 lazy"
|
||||
style="object-fit: cover;" alt="Nature">
|
||||
<img data-lazy="https://source.unsplash.com/random/1080×1921/?nature"
|
||||
class="img-fluid w-100 h-100 lazy" style="object-fit: cover;" alt="Nature">
|
||||
</span>
|
||||
</div>
|
||||
<div class="thumb-info thumb-info-no-borders rounded-4 thumb-info-lighten thumb-info-bottom-info thumb-info-bottom-info-dark thumb-info-bottom-info-show-more thumb-info-no-zoom">
|
||||
<div
|
||||
class="thumb-info thumb-info-no-borders rounded-4 thumb-info-lighten thumb-info-bottom-info thumb-info-bottom-info-dark thumb-info-bottom-info-show-more thumb-info-no-zoom">
|
||||
<span class="berita thumb-info-wrapper rounded-4" style="aspect-ratio: 4/3">
|
||||
<img data-lazy="https://source.unsplash.com/random/1080×1922/?nature" class="img-fluid w-100 h-100 lazy"
|
||||
style="object-fit: cover;" alt="Nature">
|
||||
<img data-lazy="https://source.unsplash.com/random/1080×1922/?nature"
|
||||
class="img-fluid w-100 h-100 lazy" style="object-fit: cover;" alt="Nature">
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6">
|
||||
<h2 class="mb-2 fw-bold">Foto</h2>
|
||||
<div id="foto-carousel" class="owl-carousel owl-theme nav-inside dots-modern appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay=200 data-plugin-options="{'items': 1, 'loop': true, 'autoHeight': true, 'margin': 10, 'autoplay': true, 'autoplayTimeout': 3000, 'autoplayHoverPause': true}">
|
||||
<div class="thumb-info thumb-info-no-borders rounded-4 thumb-info-lighten thumb-info-bottom-info thumb-info-bottom-info-dark thumb-info-bottom-info-show-more thumb-info-no-zoom">
|
||||
<h3 class="mb-2 fw-bold">Foto</h3>
|
||||
<div id="foto-carousel" class="owl-carousel owl-theme nav-inside dots-modern appear-animation"
|
||||
data-appear-animation="fadeInUpShorter" data-appear-animation-delay=300
|
||||
data-plugin-options="{'items': 1, 'loop': true, 'autoHeight': true, 'margin': 10, 'autoplay': true, 'autoplayTimeout': 3000, 'autoplayHoverPause': true}">
|
||||
<div
|
||||
class="thumb-info thumb-info-no-borders rounded-4 thumb-info-lighten thumb-info-bottom-info thumb-info-bottom-info-dark thumb-info-bottom-info-show-more thumb-info-no-zoom">
|
||||
<span class="berita thumb-info-wrapper rounded-4" style="aspect-ratio: 4/3">
|
||||
<img data-lazy="https://source.unsplash.com/random/1080×1924/?sky" class="img-fluid w-100 h-100 lazy"
|
||||
style="object-fit: cover;" alt="Nature">
|
||||
<img data-lazy="https://source.unsplash.com/random/1080×1924/?sky"
|
||||
class="img-fluid w-100 h-100 lazy" style="object-fit: cover;" alt="Nature">
|
||||
</span>
|
||||
</div>
|
||||
<div class="thumb-info thumb-info-no-borders rounded-4 thumb-info-lighten thumb-info-bottom-info thumb-info-bottom-info-dark thumb-info-bottom-info-show-more thumb-info-no-zoom">
|
||||
<div
|
||||
class="thumb-info thumb-info-no-borders rounded-4 thumb-info-lighten thumb-info-bottom-info thumb-info-bottom-info-dark thumb-info-bottom-info-show-more thumb-info-no-zoom">
|
||||
<span class="berita thumb-info-wrapper rounded-4" style="aspect-ratio: 4/3">
|
||||
<img data-lazy="https://source.unsplash.com/random/1080×1925/?sky" class="img-fluid w-100 h-100 lazy"
|
||||
style="object-fit: cover;" alt="Nature">
|
||||
<img data-lazy="https://source.unsplash.com/random/1080×1925/?sky"
|
||||
class="img-fluid w-100 h-100 lazy" style="object-fit: cover;" alt="Nature">
|
||||
</span>
|
||||
</div>
|
||||
<div class="thumb-info thumb-info-no-borders rounded-4 thumb-info-lighten thumb-info-bottom-info thumb-info-bottom-info-dark thumb-info-bottom-info-show-more thumb-info-no-zoom">
|
||||
<div
|
||||
class="thumb-info thumb-info-no-borders rounded-4 thumb-info-lighten thumb-info-bottom-info thumb-info-bottom-info-dark thumb-info-bottom-info-show-more thumb-info-no-zoom">
|
||||
<span class="berita thumb-info-wrapper rounded-4" style="aspect-ratio: 4/3">
|
||||
<img data-lazy="https://source.unsplash.com/random/1080×1926/?sky" class="img-fluid w-100 h-100 lazy"
|
||||
style="object-fit: cover;" alt="Nature">
|
||||
<img data-lazy="https://source.unsplash.com/random/1080×1926/?sky"
|
||||
class="img-fluid w-100 h-100 lazy" style="object-fit: cover;" alt="Nature">
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-12">
|
||||
<h3 class="mb-2 fw-bold">Social Media</h3>
|
||||
<div class="tabs">
|
||||
<ul class="nav nav-tabs nav-justified flex-column flex-md-row">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="#instagram-tabs" data-bs-toggle="tab"
|
||||
class="text-center">Instagram</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#x-tabs" data-bs-toggle="tab"
|
||||
class="text-center">X(Twitter)</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#facebook-tabs" data-bs-toggle="tab"
|
||||
class="text-center">Facebook</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div id="instagram-tabs" class="tab-pane active">
|
||||
<div class="d-flex gap-3 mt-3">
|
||||
<img src="/img/logos/logo-dlh.png" class="rounded-circle h-100" width="35"
|
||||
alt="Logo Instagram">
|
||||
<div class="d-flex justify-content-between gap-3">
|
||||
<div>
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<span class="d-flex align-items-center gap-1">
|
||||
<span class="fs-6 text-dark fw-semibold">dinaslhdki</span>
|
||||
<img src="/dlh/img/icons/ig-verified.png" width="18" alt="">
|
||||
</span>
|
||||
<a href="https://www.instagram.com/dinaslhdki" target="_blank"
|
||||
class="btn btn-sm btn-info px-3 py-1 border-0 text-dark rounded-2"
|
||||
style="font-size: .7rem; background-color: rgb(239, 239, 239);">Follow</a>
|
||||
</div>
|
||||
<p class="text-dark fw-semibold mt-2 mb-0">Dinas Lingkungan Hidup DKI
|
||||
Jakarta</p>
|
||||
<span class="text-dark" style="font-size: .8rem">Akun Resmi Dinas Lingkungan
|
||||
Hidup Provinsi DKI Jakarta. <br>
|
||||
Kontak : <a
|
||||
href="mailto:dinaslh@jakarta.go.id">dinaslh@jakarta.go.id</a>
|
||||
<a href="https://www.instagram.com/jakartasadarsampah"
|
||||
target="_blank">@jakartasadarsampah</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="x-tabs" class="tab-pane">
|
||||
<img src="https://pbs.twimg.com/profile_banners/2789007025/1483205548/1080x360" class="w-100" alt="">
|
||||
<div class="px-2" style="margin-top: -20px">
|
||||
<div class="d-flex align-items-end justify-content-between">
|
||||
<img src="/img/logos/logo-dlh.png" class="rounded-circle h-100 bg-white border border-3 border-white" width="50">
|
||||
<div class="d-flex">
|
||||
<a href="https://twitter.com/dinaslhdki" target="_blank"
|
||||
class="btn btn-sm btn-info px-3 py-1 border-0 mb-1 bg-dark text-light rounded-pill"
|
||||
style="font-size: .55rem">Follow</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p class="mt-1 text-dark mb-0 fw-semibold ">Dinas LH DKI Jakarta</p>
|
||||
<p class="mb-0 text-muted">@dinaslhdki</p>
|
||||
<p class="mb-0 text-dark">Akun Resmi Dinas Lingkungan Hidup Pemerintah Provinsi DKI Jakarta</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="facebook-tabs" class="tab-pane">
|
||||
<img src="https://pbs.twimg.com/profile_banners/2789007025/1483205548/1080x360" class="w-100" alt="">
|
||||
<div class="px-2" style="margin-top: -10px">
|
||||
<div class="d-flex align-items-end justify-content-between">
|
||||
<div class="col-9 d-flex align-items-end gap-1">
|
||||
<img src="/img/logos/logo-dlh.png" class="rounded-circle h-100 bg-white border border-3 border-white" width="50">
|
||||
<div class="d-flex">
|
||||
<p class="d-block text-dark fw-bold mb-0" style="font-size: .75rem; line-height: .9rem;">Dinas Lingkungan Hidup DKI Jakarta <span><img src="/dlh/img/icons/fb-verified.png" height="12" width="12" alt=""></span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex">
|
||||
<a href="https://www.facebook.com/DinasLingkunganHidupDKIjakarta" target="_blank"
|
||||
class="btn btn-sm btn-info px-2 py-1 border-0 mb-1 text-dark rounded-1"
|
||||
style="font-size: .55rem; background-color: #E4E6EB;"><i class="fa-solid fa-square-plus"></i> Ikuti</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
|
|
@ -577,8 +709,8 @@
|
|||
<div
|
||||
class="thumb-info thumb-info-no-borders rounded-4 thumb-info-lighten thumb-info-bottom-info thumb-info-bottom-info-dark thumb-info-bottom-info-show-more thumb-info-no-zoom">
|
||||
<span class="berita thumb-info-wrapper rounded-4" style="aspect-ratio: 4/3">
|
||||
<img src="https://source.unsplash.com/random/${value.ukuran_pixel.lebar}×${value.ukuran_pixel.tinggi}/?${value.kategori}" class="img-fluid w-100 h-100"
|
||||
style="object-fit: cover;" alt="${value.judul}" loading="lazy">
|
||||
<img data-lazy="https://source.unsplash.com/random/${value.ukuran_pixel.lebar}×${value.ukuran_pixel.tinggi}/?${value.kategori}" class="img-fluid w-100 h-100 lazy"
|
||||
style="object-fit: cover;" alt="${value.judul}">
|
||||
<span class="thumb-info-title p-3 p-md-4" style="min-height: 20%">
|
||||
<span class="thumb-info-inner line-height-3 text-break overflow-ellipsis-3">${value.judul}</span>
|
||||
<span class="thumb-info-type opacity-8">${value.kategori} | ${getTimeAgo(value.tanggal)}</span>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<footer id="footer" class="mt-0 bg-secondary border-top-0">
|
||||
<div class="container my-4">
|
||||
<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>
|
||||
<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>
|
||||
|
|
@ -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">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 class="col-6 col-lg-2 mb-5 mb-lg-0">
|
||||
</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">
|
||||
<h5 class="text-6 text-transform-none font-weight-semibold text-color-light mb-4">Layanan Kami</h5>
|
||||
<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 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>
|
||||
|
|
|
|||
|
|
@ -40,6 +40,7 @@
|
|||
<link rel="stylesheet" href="/css/custom.css">
|
||||
|
||||
<link rel="stylesheet" href="/css/imageLazyLoad.css">
|
||||
<link rel="stylesheet" href="/css/custom-font.css">
|
||||
|
||||
<script src="/vendor/jquery/jquery.min.js"></script>
|
||||
|
||||
|
|
|
|||
|
|
@ -23,96 +23,58 @@
|
|||
asp-controller="Home" asp-action="Index">Home</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-item fw-medium dropdown-toggle
|
||||
@(ViewBag.menu == "Profil"
|
||||
? "active" : "" )" href="#">
|
||||
<a class="dropdown-item fw-medium dropdown-toggle @(ViewBag.menu == "Profil" ? "active" : "" )" href="#">
|
||||
Profil
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
||||
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"
|
||||
asp-action="Pimpinan">Profil Pimpinan</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="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" asp-action="Pimpinan">Profil Pimpinan</a></li>
|
||||
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Tupoksi">Tupoksi</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<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
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
||||
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"
|
||||
asp-action="Sampah">Sampah</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"
|
||||
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>
|
||||
<li><a class="dropdown-item fw-medium" asp-controller="Home" 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" asp-action="Sampah">Sampah</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" 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>
|
||||
</li>
|
||||
<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
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
||||
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"
|
||||
asp-action="Montiroring_Emisi_Sumber">Monitoring Emisi Sumber
|
||||
<li><a class="dropdown-item fw-medium" asp-controller="Home" 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" asp-action="Montiroring_Emisi_Sumber">Monitoring Emisi Sumber
|
||||
Tidak Bergerak</a></li>
|
||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
||||
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="Peraturan">Peraturan</a></li>
|
||||
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Keanekaragaman_Hayati">Keanekaragaman Hayati</a>
|
||||
</li>
|
||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
||||
asp-action="Laporan_Kualitas_Udara">Laporan Kualitas Udara</a>
|
||||
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Laporan_Kualitas_Udara">Laporan Kualitas Udara</a>
|
||||
</li>
|
||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
||||
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"
|
||||
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>
|
||||
<li><a class="dropdown-item fw-medium" asp-controller="Home" 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" 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>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-item fw-medium dropdown-toggle" 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="#">
|
||||
<a class="dropdown-item fw-medium dropdown-toggle @(ViewBag.menu == "Layanan Kami" ? "active" : "" )" href="#">
|
||||
Layanan Kami
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item fw-medium" asp-controller="Home"
|
||||
asp-action="Page">...</a></li>
|
||||
<li><a class="dropdown-item fw-medium" asp-controller="Home" asp-action="Page">...</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
|
|
@ -122,8 +84,7 @@
|
|||
<a class="dropdown-item fw-medium dropdown-toggle" href="#">BPS-RW</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-item fw-medium dropdown-toggle" asp-controller="Home"
|
||||
asp-action="ListArticle">Artikel</a>
|
||||
<a class="dropdown-item fw-medium dropdown-toggle" asp-controller="Home" asp-action="Berita">Berita</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-item fw-medium dropdown-toggle" href="#">Login</a>
|
||||
|
|
@ -159,5 +120,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@* <div class="bg-primary w-100 mt-1" style="height: 5px"></div> *@
|
||||
</div>
|
||||
</header>
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
<partial name="_Header" />
|
||||
|
||||
<div role="main" class="main">
|
||||
<div style="min-height: 720px">
|
||||
<div id="content" style="min-height: 720px">
|
||||
@RenderBody()
|
||||
</div>
|
||||
<div>
|
||||
|
|
|
|||
|
|
@ -10,4 +10,56 @@
|
|||
<!-- Theme Initialization Files -->
|
||||
<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._RazorSourceGeneratorDebug =
|
||||
|
||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/Index.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcSG9tZVxJbmRleC5jc2h0bWw=
|
||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/Berita.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcSG9tZVxCZXJpdGEuY3NodG1s
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/ListArticle.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcSG9tZVxMaXN0QXJ0aWNsZS5jc2h0bWw=
|
||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/Detail_Berita.cshtml]
|
||||
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 =
|
||||
|
||||
[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,
|
||||
"Hash": "Kgmfl0VnlQiEPTcXk5WVHOa0j6k01583iCVmr9x65/8=",
|
||||
"Hash": "q4PjzriW1rkmxXWFok1KD2VW238U+gzODhiEbgIaGCQ=",
|
||||
"Source": "WebsiteDLH",
|
||||
"BasePath": "_content/WebsiteDLH",
|
||||
"Mode": "Default",
|
||||
|
|
@ -50,6 +50,23 @@
|
|||
"CopyToPublishDirectory": "PreserveNewest",
|
||||
"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",
|
||||
"SourceId": "WebsiteDLH",
|
||||
|
|
@ -2685,6 +2702,40 @@
|
|||
"CopyToPublishDirectory": "PreserveNewest",
|
||||
"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",
|
||||
"SourceId": "WebsiteDLH",
|
||||
|
|
@ -2855,6 +2906,74 @@
|
|||
"CopyToPublishDirectory": "PreserveNewest",
|
||||
"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",
|
||||
"SourceId": "WebsiteDLH",
|
||||
|
|
@ -51628,23 +51747,6 @@
|
|||
"CopyToPublishDirectory": "PreserveNewest",
|
||||
"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",
|
||||
"SourceId": "WebsiteDLH",
|
||||
|
|
@ -51662,6 +51764,23 @@
|
|||
"CopyToPublishDirectory": "PreserveNewest",
|
||||
"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",
|
||||
"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",
|
||||
"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",
|
||||
"PackagePath": "staticwebassets\\css\\custom.css"
|
||||
|
|
@ -624,6 +628,14 @@
|
|||
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\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",
|
||||
"PackagePath": "staticwebassets\\dlh\\img\\DIKPLHDJakarta20222.jpg"
|
||||
|
|
@ -664,6 +676,22 @@
|
|||
"Id": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\wwwroot\\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",
|
||||
"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",
|
||||
"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",
|
||||
"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",
|
||||
"PackagePath": "staticwebassets\\vendor\\bootstrap-icons\\bootstrap-icons.scss"
|
||||
|
|
|
|||
|
|
@ -1,5 +1,21 @@
|
|||
<Project>
|
||||
<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))">
|
||||
<SourceType>Package</SourceType>
|
||||
<SourceId>WebsiteDLH</SourceId>
|
||||
|
|
@ -2480,6 +2496,38 @@
|
|||
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
||||
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\banner\hero-2.jpg))</OriginalItemSpec>
|
||||
</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))">
|
||||
<SourceType>Package</SourceType>
|
||||
<SourceId>WebsiteDLH</SourceId>
|
||||
|
|
@ -2640,6 +2688,70 @@
|
|||
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
||||
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\dlh\img\DIKPLHDRingkasanEksekutifJakarta20222.jpg))</OriginalItemSpec>
|
||||
</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))">
|
||||
<SourceType>Package</SourceType>
|
||||
<SourceId>WebsiteDLH</SourceId>
|
||||
|
|
@ -48544,22 +48656,6 @@
|
|||
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
||||
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\vendor\bootstrap-datepicker\locales\bootstrap-datepicker.zh-TW.min.js))</OriginalItemSpec>
|
||||
</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))">
|
||||
<SourceType>Package</SourceType>
|
||||
<SourceId>WebsiteDLH</SourceId>
|
||||
|
|
@ -48576,6 +48672,22 @@
|
|||
<CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
|
||||
<OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\vendor\bootstrap-icons\bootstrap-icons.json))</OriginalItemSpec>
|
||||
</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))">
|
||||
<SourceType>Package</SourceType>
|
||||
<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);
|
||||
}
|
||||
|
||||
#content p,
|
||||
#content a,
|
||||
#content li {
|
||||
article.blog-single-post p,
|
||||
article.blog-single-post a,
|
||||
article.blog-single-post li {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
#content ol li,
|
||||
#content ul li {
|
||||
article.blog-single-post ol li,
|
||||
article.blog-single-post ul li {
|
||||
margin-bottom: 0.9rem;
|
||||
}
|
||||
|
||||
.nav-tabs li a{
|
||||
margin-bottom: 1rem!important;
|
||||
}
|
||||
|
||||
.nav-tabs a.nav-link {
|
||||
color: #9b9b9b !important;
|
||||
border-right: var(--secondary) !important;
|
||||
|
|
@ -51,3 +55,23 @@
|
|||
-webkit-line-clamp: 3 !important; /* Atur jumlah baris yang diinginkan */
|
||||
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 {
|
||||
/* transform: translateY(10%); */
|
||||
filter: blur(20px);
|
||||
/* filter: blur(20px); */
|
||||
opacity: 0;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
.lazy.fade-in {
|
||||
/* transform: translateY(0); */
|
||||
/* filter: none; */
|
||||
opacity: 1;
|
||||
filter: none;
|
||||
}
|
||||
|
|
@ -179,6 +179,14 @@
|
|||
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 {
|
||||
from {
|
||||
transform: translateX(0);
|
||||
|
|
|
|||
|
|
@ -829,11 +829,11 @@ html .nav-pills-primary a {
|
|||
}
|
||||
|
||||
html .nav-pills-primary a:hover {
|
||||
color: #ADD72D;
|
||||
color: #5dc865;
|
||||
}
|
||||
|
||||
html .nav-pills-primary a:focus {
|
||||
color: #ADD72D;
|
||||
color: #5dc865;
|
||||
}
|
||||
|
||||
html .nav-pills-primary a:active {
|
||||
|
|
@ -997,11 +997,11 @@ html .nav-pills-light > li.active > a:focus {
|
|||
}
|
||||
|
||||
.nav-link:hover {
|
||||
color: #ADD72D;
|
||||
color: #5dc865;
|
||||
}
|
||||
|
||||
.nav-link:focus {
|
||||
color: #ADD72D;
|
||||
color: #5dc865;
|
||||
}
|
||||
|
||||
.nav-link:active {
|
||||
|
|
@ -1088,7 +1088,7 @@ html .overlay-color-light:not(.no-skin):before {
|
|||
}
|
||||
|
||||
.btn-link:hover {
|
||||
color: #ADD72D;
|
||||
color: #5dc865;
|
||||
}
|
||||
|
||||
.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 {
|
||||
background-color: #ADD72D !important;
|
||||
background-color: #5dc865 !important;
|
||||
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 {
|
||||
color: #F1C27B;
|
||||
color: #5dc865;
|
||||
}
|
||||
|
||||
#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 {
|
||||
color: var(--secondary);
|
||||
color: #5dc865;
|
||||
}
|
||||
|
||||
#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 {
|
||||
color: var(--secondary);
|
||||
color: #5dc865;
|
||||
}
|
||||
|
||||
#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 {
|
||||
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.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.open > a:focus {
|
||||
background: #ADD72D;
|
||||
background: #5dc865;
|
||||
}
|
||||
|
||||
html #header .header-top.header-top-primary .dropdown-menu {
|
||||
background: #ADD72D;
|
||||
border-color: #ADD72D;
|
||||
background: #5dc865;
|
||||
border-color: #5dc865;
|
||||
}
|
||||
|
||||
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 {
|
||||
background: #ADD72D;
|
||||
background: #5dc865;
|
||||
}
|
||||
|
||||
.testimonial .testimonial-arrow-down {
|
||||
border-top-color: #ADD72D;
|
||||
border-top-color: #5dc865;
|
||||
}
|
||||
|
||||
html .testimonial-primary blockquote {
|
||||
background: #ADD72D;
|
||||
background: #5dc865;
|
||||
}
|
||||
|
||||
html .testimonial-primary .testimonial-arrow-down {
|
||||
border-top-color: #ADD72D;
|
||||
border-top-color: #5dc865;
|
||||
}
|
||||
|
||||
html .testimonial-primary.testimonial-style-7 {
|
||||
background: #ADD72D;
|
||||
background: #5dc865;
|
||||
}
|
||||
|
||||
html .testimonial-quotes-primary blockquote:before,
|
||||
|
|
@ -5681,15 +5681,15 @@ html .testimonial-quotes-light blockquote:after {
|
|||
}
|
||||
|
||||
.form-control .testimonial-primary blockquote {
|
||||
background: #ADD72D;
|
||||
background: #5dc865;
|
||||
}
|
||||
|
||||
.form-control .testimonial-primary .testimonial-arrow-down {
|
||||
border-top-color: #ADD72D;
|
||||
border-top-color: #5dc865;
|
||||
}
|
||||
|
||||
.form-control .testimonial-primary.testimonial-style-7 {
|
||||
background: #ADD72D;
|
||||
background: #5dc865;
|
||||
}
|
||||
|
||||
.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) {
|
||||
background-color: #ADD72D;
|
||||
background-color: #5dc865;
|
||||
}
|
||||
|
||||
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
|
||||
const targets = document.querySelectorAll(".lazy");
|
||||
|
||||
|
|
@ -7,10 +9,17 @@ const imagesLazyLoad = (target) => {
|
|||
entries.forEach((entry) => {
|
||||
if (entry.isIntersecting) {
|
||||
const img = entry.target;
|
||||
|
||||
const src = img.getAttribute("data-lazy");
|
||||
img.parentElement.style.backgroundColor = "#d4d4d4"
|
||||
img.parentElement.classList.add("placeholder-wave")
|
||||
|
||||
img.setAttribute("src", src);
|
||||
img.onload = function() {
|
||||
img.classList.add("fade-in");
|
||||
img.parentElement.classList.remove("placeholder-wave")
|
||||
img.parentElement.style.backgroundColor = ""
|
||||
}
|
||||
|
||||
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