PHP Code Editor
<?php $page = isset($_GET['p']) ? $_GET['p'] : 'pangkalan'; ?> <!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sistem Otorisasi Misi - Final & Verified</title> <!-- 1. CSS RESMI - LINK LENGKAP --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/klaro@0.7.21/dist/klaro.min.css"> <!-- 2. KONFIGURASI KLARO - FIX TOTAL TRANSLATION --> <script> var klaroConfig = { elementID: 'klaro', cookieName: 'misi_final_consent', storageMethod: 'cookie', default: false, mustConsent: true, acceptAll: true, translations: { id: { consentModal: { title: 'OTORISASI AKSES', description: 'Izinkan pelacakan data untuk sinkronisasi pangkalan.', }, consentNotice: { description: 'Sistem mendeteksi protokol cookie aktif.', learnMore: 'Konfigurasi', acceptAll: 'Terima Semua', }, purposes: { analytics: 'Analitik & Tracking', }, // FIX: Missing id/service/purpose & id/service/purposes service: { purpose: 'Tujuan', purposes: 'Tujuan', }, // FIX: Missing id/purposeItem/service purposeItem: { service: 'Layanan', services: 'Layanan', }, save: 'Simpan', decline: 'Tolak', close: 'Tutup', acceptSelected: 'Terima Pilihan', acceptAll: 'Terima Semua', poweredBy: 'Didukung oleh Klaro!', app: { disableAll: 'Matikan Semua', enableAll: 'Aktifkan Semua', }, privacyPolicy: { text: 'Kebijakan Privasi', name: 'Baca di sini', } } }, services: [ { name: 'tracker-utama', title: 'Google Analytics 4', purposes: ['analytics'], default: false, } ], }; </script> <!-- 3. JS RESMI - LINK LENGKAP --> <script defer type="text/javascript" src="https://cdn.jsdelivr.net/npm/klaro@0.7.21/dist/klaro.min.js"></script> <style> body { font-family: 'Courier New', monospace; background: #0a0a0a; color: #00ff41; padding: 50px; text-align: center; } .terminal { border: 2px solid #00ff41; padding: 20px; display: inline-block; background: #000; box-shadow: 0 0 20px #00ff41; margin-top: 20px; } .btn-cmd { background: #00ff41; color: #000; border: none; padding: 10px 20px; cursor: pointer; font-weight: bold; text-transform: uppercase; margin-top: 15px; } nav a { color: #00ff41; text-decoration: none; border-bottom: 1px solid #00ff41; margin: 0 10px; } </style> </head> <body> <nav> <a href="?p=pangkalan">/PANGKALAN</a> <a href="?p=arsip">/ARSIP</a> </nav> <div class="terminal"> <h1>STATUS: <?php echo strtoupper($page); ?></h1> <p>> Verifikasi CDN: TERHUBUNG</p> <p>> Integritas Bahasa: 100% OK</p> <button class="btn-cmd" onclick="klaro.show()">RE-KONFIGURASI</button> </div> <!-- SKRIP ANALITIK --> <script type="text/plain" data-type="application/javascript" data-name="tracker-utama"> console.log("✅ MISI SUKSES: Sistem Pelacak Aktif!"); </script> </body> </html>
Run Code
<?php $page = isset($_GET['p']) ? $_GET['p'] : 'pangkalan'; ?> <!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sistem Otorisasi Misi - Final & Verified</title> <!-- 1. CSS RESMI - LINK LENGKAP --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/klaro@0.7.21/dist/klaro.min.css"> <!-- 2. KONFIGURASI KLARO - FIX TOTAL TRANSLATION --> <script> var klaroConfig = { elementID: 'klaro', cookieName: 'misi_final_consent', storageMethod: 'cookie', default: false, mustConsent: true, acceptAll: true, translations: { id: { consentModal: { title: 'OTORISASI AKSES', description: 'Izinkan pelacakan data untuk sinkronisasi pangkalan.', }, consentNotice: { description: 'Sistem mendeteksi protokol cookie aktif.', learnMore: 'Konfigurasi', acceptAll: 'Terima Semua', }, purposes: { analytics: 'Analitik & Tracking', }, // FIX: Missing id/service/purpose & id/service/purposes service: { purpose: 'Tujuan', purposes: 'Tujuan', }, // FIX: Missing id/purposeItem/service purposeItem: { service: 'Layanan', services: 'Layanan', }, save: 'Simpan', decline: 'Tolak', close: 'Tutup', acceptSelected: 'Terima Pilihan', acceptAll: 'Terima Semua', poweredBy: 'Didukung oleh Klaro!', app: { disableAll: 'Matikan Semua', enableAll: 'Aktifkan Semua', }, privacyPolicy: { text: 'Kebijakan Privasi', name: 'Baca di sini', } } }, services: [ { name: 'tracker-utama', title: 'Google Analytics 4', purposes: ['analytics'], default: false, } ], }; </script> <!-- 3. JS RESMI - LINK LENGKAP --> <script defer type="text/javascript" src="https://cdn.jsdelivr.net/npm/klaro@0.7.21/dist/klaro.min.js"></script> <style> body { font-family: 'Courier New', monospace; background: #0a0a0a; color: #00ff41; padding: 50px; text-align: center; } .terminal { border: 2px solid #00ff41; padding: 20px; display: inline-block; background: #000; box-shadow: 0 0 20px #00ff41; margin-top: 20px; } .btn-cmd { background: #00ff41; color: #000; border: none; padding: 10px 20px; cursor: pointer; font-weight: bold; text-transform: uppercase; margin-top: 15px; } nav a { color: #00ff41; text-decoration: none; border-bottom: 1px solid #00ff41; margin: 0 10px; } </style> </head> <body> <nav> <a href="?p=pangkalan">/PANGKALAN</a> <a href="?p=arsip">/ARSIP</a> </nav> <div class="terminal"> <h1>STATUS: <?php echo strtoupper($page); ?></h1> <p>> Verifikasi CDN: TERHUBUNG</p> <p>> Integritas Bahasa: 100% OK</p> <button class="btn-cmd" onclick="klaro.show()">RE-KONFIGURASI</button> </div> <!-- SKRIP ANALITIK --> <script type="text/plain" data-type="application/javascript" data-name="tracker-utama"> console.log("✅ MISI SUKSES: Sistem Pelacak Aktif!"); </script> </body> </html>
Run Code New Tab
Result