HUT

-->

› HUT

Tampilkan postingan dengan label HUT. Tampilkan semua postingan

Tampilkan postingan dengan label HUT. Tampilkan semua postingan

Prabhu Indonesia Jaya Rayakan HUT Ke-3, Solidaritas Dan Komitmen Kuat Untuk Bangun Negeri

Prabhu Indonesia Jaya Rayakan HUT Ke-3, Solidaritas Dan Komitmen Kuat Untuk Bangun Negeri

Mitraaspirasi || Bandung - 27 Oktober 2024 LSM Prabhu Indonesia Jaya (PIJ) merayakan Hari Ulang Tahun (HUT) ke-3 dengan penuh semangat dan... Bandung HUT Jawa Barat Kota LSM Prabhu Indonesia Jaya , Senin, Oktober 28, 2024 WIB Last Updated 2024-10-28T13:30:41Z

Langganan: Postingan (Atom)

React Artifact

{Lc();function Rc(){if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!=="function")return;try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(Rc)}catch(e){console.error(e)}}Rc(),Ic.exports=Zu});var Oc=or((dm)=>{var lr=Rn(Mc(),1);dm.createRoot=lr.createRoot,dm.hydrateRoot=lr.hydrateRoot;var fm});var Uc=Rn(ar(),1),Vc=Rn(Oc(),1);var Fc=Rn(ar(),1),pm=Symbol.for("react.element");var mm=Object.prototype.hasOwnProperty,hm=Fc.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,vm={key:!0,ref:!0,__self:!0,__source:!0};function Dc(e,n,t){var r,l={},o=null,u=null;t!==void 0&&(o=""+t),n.key!==void 0&&(o=""+n.key),n.ref!==void 0&&(u=n.ref);for(r in n)mm.call(n,r)&&!vm.hasOwnProperty(r)&&(l[r]=n[r]);if(e&&e.defaultProps)for(r in n=e.defaultProps,n)l[r]===void 0&&(l[r]=n[r]);return{$$typeof:pm,type:e,key:o,ref:u,props:l,_owner:hm.current}}var N=Dc,M=Dc;var ym=[{id:1,kategori:"OLAHRAGA",judul:"Timnas Indonesia Lolos Piala Asia Setelah Drama Adu Penalti Menegangkan",gambar:"https://images.unsplash.com/photo-1574629810360-214f3774381b?w=800&auto=format&fit=crop&q=60",waktu:"2 JAM LALU"},{id:2,kategori:"EKONOMI",judul:"Rupiah Menguat Tajam, IHSG Tembus Rekor Tertinggi Sepanjang Sejarah",gambar:"https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?w=800&auto=format&fit=crop&q=60",waktu:"4 JAM LALU"},{id:3,kategori:"TEKNOLOGI",judul:"Startup Unicorn Lokal Rilis Fitur AI Canggih Saingi ChatGPT",gambar:"https://images.unsplash.com/photo-1677442136019-21780ecad995?w=800&auto=format&fit=crop&q=60",waktu:"5 JAM LALU"},{id:4,kategori:"METROPOLITAN",judul:"Jakarta Terapkan Aturan Ganjil Genap Baru di 25 Titik Rawan Macet",gambar:"https://images.unsplash.com/photo-1555400038-63f5ba517a47?w=800&auto=format&fit=crop&q=60",waktu:"6 JAM LALU"},{id:5,kategori:"WISATA",judul:"Gunung Bromo Kembali Dibuka, Ribuan Wisatawan Padati Kawasan Pasir Berbisik",gambar:"https://images.unsplash.com/photo-1518544866330-95a2d2f1f658?w=800&auto=format&fit=crop&q=60",waktu:"7 JAM LALU"},{id:6,kategori:"NASIONAL",judul:"Harga Cabai Meroket di Pasar Induk, Pemerintah Gelar Operasi Pasar Murah",gambar:"https://images.unsplash.com/photo-1488459716781-31db52582fe9?w=800&auto=format&fit=crop&q=60",waktu:"8 JAM LALU"},{id:7,kategori:"HIBURAN",judul:"Film Horor Indonesia Tembus 10 Juta Penonton, Pecahkan Rekor Box Office",gambar:"https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?w=800&auto=format&fit=crop&q=60",waktu:"9 JAM LALU"},{id:8,kategori:"SAINS",judul:"Fenomena Langka Gerhana Matahari Hiasi Langit Nusantara Malam Ini",gambar:"https://images.unsplash.com/photo-1531306728370-e2ebd9d7bb99?w=800&auto=format&fit=crop&q=60",waktu:"10 JAM LALU"}];function Ju(){return M("div",{className:"min-h-screen bg-[#f6f6f6] flex flex-col items-center py-6 sm:py-10 px-3 sm:px-6 font-sans antialiased selection:bg-red-600 selection:text-white",children:[M("div",{className:"w-full max-w-[1220px] bg-white shadow-[0_20px_80px_rgba(0,0,0,0.06)] rounded-[18px] sm:rounded-[24px] overflow-hidden border border-neutral-200/60",children:[M("div",{className:"h-[56px] flex items-center justify-between px-6 sm:px-9 border-b border-neutral-100",children:[M("div",{className:"flex items-center gap-3",children:[N("div",{className:"w-8 h-8 bg-black rounded-full flex items-center justify-center text-white font-black text-[14px]",children:"N"}),N("span",{className:"font-bold tracking-[-0.02em] text-[15px]",children:"NUSANTARA.NEWS"}),N("span",{className:"hidden sm:inline-flex ml-3 text-[11px] tracking-widest text-neutral-400 font-semibold",children:"BLOGSPOT THEME PREVIEW"})]}),M("div",{className:"hidden sm:flex items-center gap-6 text-[12px] font-bold tracking-wide text-neutral-500",children:[N("span",{className:"text-black",children:"BERANDA"}),N("span",{children:"POLITIK"}),N("span",{children:"TEKNO"})]}),N("div",{className:"w-8 h-8 rounded-full bg-neutral-100"})]}),M("section",{className:"px-4 sm:px-9 pt-7 sm:pt-10 pb-9 sm:pb-10",children:[M("div",{className:"flex items-end justify-between mb-6 sm:mb-7",children:[M("div",{className:"relative",children:[M("div",{className:"flex items-center gap-3",children:[N("div",{className:"w-[4px] h-[22px] sm:h-[26px] bg-[#E10600] rounded-full"}),N("h2",{className:"text-[18px] sm:text-[22px] font-black tracking-[-0.03em] leading-none text-black uppercase",children:"Berita Populer"}),N("span",{className:"hidden sm:inline-flex ml-1 w-6 h-6 rounded-full bg-[#E10600] text-white text-[11px] font-bold items-center justify-center",children:"8"})]}),M("div",{className:"mt-[10px] flex items-center gap-2",children:[N("div",{className:"w-[56px] h-[3px] bg-[#E10600] rounded-full"}),N("div",{className:"w-[16px] h-[3px] bg-black rounded-full"}),N("div",{className:"w-[80px] h-[1px] bg-neutral-200 hidden sm:block"})]})]}),M("a",{href:"#",onClick:(e)=>e.preventDefault(),className:"group flex items-center gap-1.5 text-[11px] font-bold tracking-widest text-neutral-400 hover:text-black transition-colors pb-1",children:["LIHAT SEMUA",N("span",{className:"w-5 h-5 rounded-full border border-neutral-200 group-hover:border-black group-hover:bg-black group-hover:text-white flex items-center justify-center transition-all text-[10px]",children:"→"})]})]}),N("div",{className:"grid grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-[18px]",children:ym.map((e)=>M("article",{className:"group relative bg-white rounded-[14px] sm:rounded-[18px] overflow-hidden border border-neutral-100 hover:border-neutral-200 hover:shadow-[0_12px_32px_rgba(0,0,0,0.08)] transition-all duration-300 flex flex-col",children:[M("div",{className:"relative aspect-[4/3] sm:aspect-[4/3.1] overflow-hidden bg-neutral-100",children:[N("img",{src:e.gambar,alt:e.judul,className:"w-full h-full object-cover scale-100 group-hover:scale-[1.12] transition-transform duration-[800ms] ease-[cubic-bezier(0.25,0.46,0.45,0.94)]",loading:"lazy"}),N("div",{className:"absolute inset-0 bg-gradient-to-t from-black/60 via-black/10 to-transparent opacity-80 group-hover:opacity-90 transition-opacity"}),N("div",{className:"absolute top-2.5 left-2.5 sm:top-3 sm:left-3",children:N("span",{className:"inline-flex items-center px-2.5 py-[4px] rounded-full bg-[#E10600] text-white text-[9px] sm:text-[10px] font-black tracking-widest leading-none shadow-[0_4px_12px_rgba(225,6,0,0.3)]",children:e.kategori})}),M("div",{className:"absolute bottom-2.5 left-3 sm:bottom-3 sm:left-3.5 flex items-center gap-1.5",children:[N("span",{className:"w-1.5 h-1.5 rounded-full bg-white animate-pulse"}),N("span",{className:"text-[9px] sm:text-[10px] font-bold tracking-widest text-white/90 drop-shadow",children:e.waktu})]}),N("div",{className:"absolute top-2.5 right-2.5 sm:top-3 sm:right-3 w-7 h-7 rounded-full bg-white/90 backdrop-blur-md flex items-center justify-center opacity-0 group-hover:opacity-100 translate-y-1 group-hover:translate-y-0 transition-all duration-300 shadow-sm",children:M("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[N("path",{d:"M7 17L17 7"}),N("path",{d:"M8 7h9v9"})]})})]}),M("div",{className:"p-3.5 sm:p-[18px] flex flex-col flex-1",children:[N("h3",{className:"font-bold text-[13px] sm:text-[14.5px] leading-[1.35] tracking-[-0.01em] text-[#111] line-clamp-3 group-hover:text-[#E10600] transition-colors duration-200",children:e.judul}),M("div",{className:"mt-auto pt-3 flex items-center gap-2",children:[N("div",{className:"w-5 h-5 rounded-full bg-neutral-900 text-white flex items-center justify-center text-[9px] font-bold",children:"N"}),M("span",{className:"text-[11px] font-medium text-neutral-400 tracking-wide",children:["Nusantara • ",e.id*127+89," rb dilihat"]})]})]}),N("div",{className:"absolute bottom-0 left-0 right-0 h-[2px] bg-[#E10600] scale-x-0 group-hover:scale-x-100 transition-transform duration-500 origin-left"})]},e.id))}),M("div",{className:"mt-8 sm:mt-10 rounded-[12px] bg-[#0f0f0f] text-white px-5 sm:px-7 py-5 flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4",children:[M("div",{className:"flex items-start gap-3",children:[N("div",{className:"w-8 h-8 rounded-full bg-[#E10600] flex items-center justify-center text-[12px] font-black flex-shrink-0 mt-0.5 sm:mt-0",children:""}),M("div",{children:[N("p",{className:"text-[12px] sm:text-[13px] font-bold tracking-wide",children:"Siap pasang di Blogspot? Copy HTML di bawah ini."}),M("p",{className:"text-[11px] sm:text-[12px] text-white/60 mt-1 leading-relaxed max-w-[560px]",children:["Grid responsif 4×2 desktop & 2×4 mobile. Tanpa JS backend, hover zoom murni CSS, gambar dari Unsplash. Ganti ",N("span",{className:"text-white bg-white/10 px-1.5 py-0.5 rounded",children:"judul & gambar"})," dengan data real blog kamu."]})]})]}),M("div",{className:"flex items-center gap-2 self-stretch sm:self-auto",children:[N("span",{className:"text-[10px] tracking-widest font-bold text-white/40",children:"HTML • CSS • BLOGGER READY"}),N("span",{className:"w-2 h-2 rounded-full bg-emerald-400 shadow-[0_0_10px_rgba(52,211,153,0.8)] animate-pulse"})]})]})]})]}),N("p",{className:"mt-6 text-[11px] tracking-widest font-semibold text-neutral-400",children:"BERITA POPULER • WHITE + BLACK + RED • BLOGSPOT MODERN"}),N("style",{children:` @import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;700;900&display=swap'); * { font-family: 'Inter', system-ui, -apple-system, sans-serif; } .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } `})]})}Vc.createRoot(document.getElementById("root")).render(N(Uc.default.StrictMode,{children:N(Ju,{})})); ?&max-results=10'>+