Ragam Daerah

-->

› Ragam Daerah

Tampilkan postingan dengan label Ragam Daerah. Tampilkan semua postingan

Tampilkan postingan dengan label Ragam Daerah. Tampilkan semua postingan

DPD PJBN Kota Cilegon Hadiri Anniversary KDB

DPD PJBN Kota Cilegon Hadiri Anniversary KDB

Mitraaspirasi || Banten - Dewan Pimpinan Daerah (DPD) Perguron Jalak Banten Nusantara (PJBN) Kota Cilegon turut menghadiri perayaan Anniver... Kabupaten Provinsi Ragam Daerah Umum Minggu, 22 Desember 2024, Minggu, Desember 22, 2024 WIB Last Updated 2024-12-22T13:36:00Z

Menumbuhkan Kekompakan dan Semangat Juang, Pemkab Bandung Gelar Jambore Perangkat Desa

Menumbuhkan Kekompakan dan Semangat Juang, Pemkab Bandung Gelar Jambore Perangkat Desa

Mitraaspirasi || Kab Bandung - Pemerintah Kabupaten (Pemkab) Bandung melalui Dinas Pemberdayaan Masyarakat dan Desa (DPMD) Kabupaten Bandun... Jawa Barat Kabupaten Bandung Ragam Daerah Rabu, 28 Agustus 2024, Rabu, Agustus 28, 2024 WIB Last Updated 2024-08-28T14:49:39Z

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'>+