Games: Kode Keras Guru
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" name="viewport"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <style> :root { --env-safe-area-inset-top: 0px; --env-safe-area-inset-right: 0px; --env-safe-area-inset-bottom: 0px; --env-safe-area-inset-left: 0px; background: black; } body { animation: 0.35s htmlIn; } @keyframes htmlIn { from { opacity: 0 } } </style> </head> <body> <style> @import url("/games/kode-keras-guru/root.css"); @import url("/games/kode-keras-guru/style.css"); </style> <div class="main" theme="dark"> <section class="game"> <div class="score"></div> <div class="container" theme="light"> <div class="profile"> <img class="picture"/> <div class="text"> <div class="name"></div> <div class="desc"></div> </div> </div> <div class="chat"></div> <div class="choice"></div> </div> </section> <section class="loading opened" theme="light" accent="yellow"> <div class="centered"> <div class="wait">Bentar, lagi masukin barang-barang penting...</div> <div class="progress" progress="0"></div> <button class="accent hidden" key="enter" id="Button_Begin" disabled>Masuk</button> </div> </section> <section class="transition"> <div class="door left"></div> <div class="door right"></div> <img class="sign danger" src="kode-keras-guru/assets/image/danger.webp"/> <img class="sign title" src="kode-keras-guru/assets/image/title.webp"/> </section> <section class="menu"> <div class="list"> <div class="button" id="Button_Start" key="enter"> <span>Mulai</span> <div class="progressring small"></div> </div> <div class="button" id="Button_About" key="t">Tentang</div> </div> </section> <section class="about"> <div class="container"> <div class="close"></div> <div class="header">Tentang</div> <div class="scroll"> <div class="part"> <div> <div class="subheader">Visual dan Program</div> <div class="text">Agape Dimas</div> </div> <div> <div class="subheader">Cerita dan Konsep</div> <div class="text">Agape Dimas</div> </div> </div> <div class="part"> <div> <div class="subheader">Musik</div> <div class="text">"Quirky Dog" oleh Kevin MacLeod.<br/>Tersedia untuk digunakan di bawah lisensi CC BY 3.0.</div> </div> <div> <div class="subheader">Hak Cipta</div> <div class="text">© 2023 Agape Dimas. Semua hak dilindungi.</div> </div> </div> <div class="subheader">Disclaimer</div> <div class="text">Program ini merupakan suatu karya fiksi dan ditujukan untuk hiburan semata. Semua tokoh, nama tokoh, lokasi, kejadian, yang digambarkan dalam program ini sepenuhnya merupakan fiksi belaka. Kemiripan/kesamaan apa pun baik dengan tokoh dan/atau kejadian dan/atau lokasi sepenuhnya merupakan kebetulan semata. Program ini tidak dimaksudkan untuk mencemarkan/menjelekkan/membuat sentimen buruk terhadap suaru orang, komunitas, institusi, progesi, atau golongan masyarakat mana pun, jenis kelamin, kasta, atau agama dengan cara apapun. Materi dari program ini mungkin bersifat sensitif dan oleh karenanya pemain disarankan untuk menggunakan kebijaksanaannya sebagaimana sesuai.</div> </div> </div> </section> <section class="end"> <div class="outro"> <div class="lastword"></div> <div class="score"></div> </div> <div class="list"> <div class="button" id="Button_Continue" key="enter"> <span>Lanjut</span> <div class="progressring small"></div> </div> <div class="button" id="Button_Retry" key="enter"> <span>Coba lagi</span> <div class="progressring small"></div> </div> <div class="button" id="Button_MainMenu" key="m">Main Menu</div> </div> </section> </div> <script src="/games/kode-keras-guru/script.js"></script> <script src="https://assets.agapedimas.com/ui/v2/style.js"></script> <script src="/modules.js"></script> </body> <script> window.addEventListener("message", function (event) { if (event.data.inset) { document.body.style.setProperty("--env-safe-area-inset-top", event.data.inset.top); document.body.style.setProperty("--env-safe-area-inset-right", event.data.inset.right); document.body.style.setProperty("--env-safe-area-inset-bottom", event.data.inset.bottom); document.body.style.setProperty("--env-safe-area-inset-left", event.data.inset.left); } }); function forwardEventToParent(type, event) { const data = { type, pointerType: event.pointerType || null, touches: event.touches ? [...event.touches].map(t => ({ clientX: t.clientX, clientY: t.clientY, identifier: t.identifier, force: t.force, radiusX: t.radiusX, radiusY: t.radiusY, rotationAngle: t.rotationAngle, })) : null, clientX: event.clientX, clientY: event.clientY, buttons: event.buttons, ctrlKey: event.ctrlKey, shiftKey: event.shiftKey, altKey: event.altKey, metaKey: event.metaKey, }; window.parent.postMessage({ source: "iframe-event", data }, "*"); } ["touchstart", "touchmove", "mousemove"].forEach(evt => window.addEventListener(evt, e => forwardEventToParent(evt, e), { passive: false }) ); </script> </html>
Games: Kode Keras Guru
Games: Kode Keras Guru