banksampah
/
bank-sampah
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: add detail publikasi module

main
Kevin Hendrawan 2025-12-07 23:32:04 +07:00
parent ff9ef2e396
commit b30696b435
3 changed files with 145 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
Controllers/PublikasiController.cs
View File

@ -4,9 +4,14 @@ namespace bank_sampah.Controllers
{
public class PublikasiController : Controller
{
public IActionResult Index()
public IActionResult Index()
{
return View("~/Views/Berita/Index.cshtml");
}
public IActionResult Detail()
{
return View("~/Views/Berita/Detail.cshtml");
}
}
}

136
Views/Berita/Detail.cshtml 100644
View File

@ -0,0 +1,136 @@
@{
ViewData["Title"] = "Detail Berita";
Layout = "~/Views/Shared/_Layout.cshtml";
}
@section Styles{
<style>
.group-logo{
background-color: rgba(219, 219, 219, 0.46);
}
.auth-btn a{
background-color:black;
}
.auth-btn a div{
background-color:black;
color:white;
}
.navbar-landing {
background-color: rgba(219, 219, 219, 0.46);
}
.navbar-landing a div {
color: black !important;
}
</style>
}
<!-- Hero Section -->
<section id="home" class="relative bg-white pt-20 pb-72 px-28 mt-28">
<div class="flex flex-col gap-20">
<div class="flex flex-col gap-4 justfy-center px-28 text-center">
<div class="text-green-600 text-lg font-jakarta text-center">Berita</div>
<h2 class="font-semibold font-jakarta text-5xl leading-[60px]">Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH Luncurkan Platform</h2>
<span class="text-gray-400 text-lg">21 November 2024 | 14:53 WIB</span>
</div>
<img class="w-full mx-auto" src="/images/publikasi/image-03.png"
alt="Article Image" />
<div class="flex flex-col gap-8">
<p>
Radiating Hope has been involved in outreach in several developing countries. We host and put on annual symposiums in a developing country. We have sent radiation machinery and expertise around the world. We donated brachytherapy equipment, HDR machines, Megavoltage machines; linear accelerators around the world and placed them in several developing countries. We have trained cancer center staff and medical professionals with multiple medical missions throughout Central and South America and Africa, We have performed cancer screenings and developed plans for those seeking treatment and helped with remote treatment planning. We provide ongoing support in Panama, Guatemala, Senegal, Tanzania, and many more countries. As a member, you can consider participating in our Prayer Flag Project, donating flags in honor of your patients. You can also give input and insight into our future medical mission. We need like-minded individuals to join the Radiating Hope Society and support our mission. Get to know our partner countries and join us in the efforts to improve cancer care globally.
</p>
<p>
Radiating Hope has been involved in outreach in several developing countries. We host and put on annual symposiums in a developing country. We have sent radiation machinery and expertise around the world. We donated brachytherapy equipment, HDR machines, Megavoltage machines; linear accelerators around the world and placed them in several developing countries. We have trained cancer center staff and medical professionals with multiple medical missions throughout Central and South America and Africa, We have performed cancer screenings and developed plans for those seeking treatment and helped with remote treatment planning. We provide ongoing support in Panama, Guatemala, Senegal, Tanzania, and many more countries.
 As a member, you can consider participating in our Prayer Flag Project, donating flags in honor of your patients. You can also give input and insight into our future medical mission. We need like-minded individuals to join the Radiating Hope Society and support our mission. Get to know our partner countries and join us in the efforts to improve cancer care globally.
</p>
<p>
Radiating Hope has been involved in outreach in several developing countries. We host and put on annual symposiums in a developing country. We have sent radiation machinery and expertise around the world. We donated brachytherapy equipment, HDR machines, Megavoltage machines; linear accelerators around the world and placed them in several developing countries. We have trained cancer center staff and medical professionals with multiple medical missions throughout Central and South America and Africa, We have performed cancer screenings and developed plans for those seeking treatment and helped with remote treatment planning. We provide ongoing support in Panama, Guatemala, Senegal, Tanzania, and many more countries.
 As a member, you can consider participating in our Prayer Flag Project, donating flags in honor of your patients. You can also give input and insight into our future medical mission. We need like-minded individuals to join the Radiating Hope Society and support our mission. Get to know our partner countries and join us in the efforts to improve cancer care globally.
</p>
<p>
Radiating Hope has been involved in outreach in several developing countries. We host and put on annual symposiums in a developing country. We have sent radiation machinery and expertise around the world. We donated brachytherapy equipment, HDR machines, Megavoltage machines; linear accelerators around the world and placed them in several developing countries. We have trained cancer center staff and medical professionals with multiple medical missions throughout Central and South America and Africa, We have performed cancer screenings and developed plans for those seeking treatment and helped with remote treatment planning. We provide ongoing support in Panama, Guatemala, Senegal, Tanzania, and many more countries.
 As a member, you can consider participating in our Prayer Flag Project, donating flags in honor of your patients. You can also give input and insight into our future medical mission. We need like-minded individuals to join the Radiating Hope Society and support our mission. Get to know our partner countries and join us in the efforts to improve cancer care globally.
</p>
</div>
<div class="card bg-gray-100 shadow-sm rounded-xl p-4 sm:p-6">
<!-- Flex container untuk Tag dan Badges -->
<div class="flex flex-wrap items-center gap-2 sm:gap-3">
<!-- Label "Tag" -->
<h2 class="text-xl sm:text-2xl font-bold text-black mr-2">Tag</h2>
<!-- Tag Badges -->
<div class="badge bg-gray-300 text-gray-700 border-0 px-4 py-3 text-sm sm:text-base font-medium cursor-pointer">
Sistem Informasi
</div>
<div class="badge bg-gray-300 text-gray-700 border-0 px-4 py-3 text-sm sm:text-base font-medium cursor-pointer">
BLH DKI Jakarta
</div>
<div class="badge bg-gray-300 text-gray-700 border-0 px-4 py-3 text-sm sm:text-base font-medium cursor-pointer">
Informasi
</div>
<div class="badge bg-gray-300 text-gray-700 border-0 px-4 py-3 text-sm sm:text-base font-medium cursor-pointer">
Informasi
</div>
<div class="badge bg-gray-300 text-gray-700 border-0 px-4 py-3 text-sm sm:text-base font-medium cursor-pointer">
Informasi
</div>
</div>
</div>
<div class="flex flex-col gap-10">
<div class="font-bold text-4xl">Berita Lainnya</div>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-10">
<div class="card bg-base-100 w-96 h-80 overflow-hidden">
<figure class="h-40 overflow-hidden">
<img
src="/images/publikasi/image-03.png"
alt="Article image"
class="w-full h-full object-cover"
/>
</figure>
<div class="card-body p-4">
<h2 class="card-title line-clamp-2">
Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH Luncurkan Platform
</h2>
</div>
</div>
<div class="card bg-base-100 w-96 h-80 overflow-hidden">
<figure class="h-40 overflow-hidden">
<img
src="/images/publikasi/image-03.png"
alt="Article image"
class="w-full h-full object-cover"
/>
</figure>
<div class="card-body p-4">
<h2 class="card-title line-clamp-2">
Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH Luncurkan Platform
</h2>
</div>
</div>
<div class="card bg-base-100 w-96 h-80 overflow-hidden">
<figure class="h-40 overflow-hidden">
<img
src="/images/publikasi/image-03.png"
alt="Article image"
class="w-full h-full object-cover"
/>
</figure>
<div class="card-body p-4">
<h2 class="card-title line-clamp-2">
Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH Luncurkan Platform
</h2>
</div>
</div>
</div>
</div>
</div>
</section>

6
Views/Shared/_NavbarLanding.cshtml
View File

@ -1,13 +1,13 @@
<nav id="navbar" class="w-full h-24 px-4 lg:px-28 fixed left-0 top-0 z-50 flex flex-col justify-center items-center transition-all duration-300">
<div class="w-full max-w-[1440px] flex justify-center items-center gap-8">
<div class="flex-1 flex justify-start items-center gap-2">
<div class="bg-white rounded-full p-2 flex gap-2">
<div class="bg-white rounded-full p-2 flex gap-2 group-logo">
<img class="w-8 h-8" src="/images/logo/e_bank_sampah.png" alt="E Bank Sampah" />
<img class="w-8 h-8" src="/images/logo/dlh_jakarta.png" alt="DLH Jakarta" />
<img class="w-8 h-8" src="/images/logo/jakarta.png" alt="Jakarta" />
</div>
</div>
<div class="hidden lg:flex justify-start items-center gap-8 bg-white/10 backdrop-blur-md p-2 rounded-lg">
<div class="hidden lg:flex justify-start items-center gap-8 bg-white/10 backdrop-blur-md p-2 rounded-lg navbar-landing">
<a href="#home" class="rounded flex justify-center items-center gap-2 hover:bg-white/10 px-4 py-2 transition-colors">
<div class="text-white text-base font-semibold font-jakarta leading-6">Beranda</div>
</a>
@ -27,7 +27,7 @@
<div class="text-gray-300 text-base font-semibold font-jakarta leading-6">Helpdesk</div>
</a>
</div>
<div class="flex-1 flex justify-end items-center gap-4">
<div class="flex-1 flex justify-end items-center gap-4 auth-btn">
<a asp-controller="Auth" asp-action="Login" class="btn bg-white rounded-full shadow-none border-none">
<div class="text-base font-semibold font-jakarta leading-6">Login</div>
</a>