38 lines
2.2 KiB
HTML
38 lines
2.2 KiB
HTML
<!doctype html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
|
|
<meta name="theme-color" content="#101923">
|
|
<title>Konoha Fighting · Offline</title>
|
|
<!-- Halaman cadangan: sw.js menampilkannya bila halaman game tidak bisa dimuat dari jaringan maupun dari cache. Berdiri sendiri (tanpa CSS/JS/gambar lain). -->
|
|
<style>
|
|
html,body{margin:0;height:100%;background:#101923;color:#f9f0dc;font-family:Rajdhani,'Arial Narrow',Arial,sans-serif}
|
|
main{min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:radial-gradient(ellipse at 50% 38%,#173547,#0b1b25 70%)}
|
|
.logo{font-size:clamp(28px,8vh,52px);font-weight:700;letter-spacing:.14em;line-height:1;color:#e6c78f}
|
|
.logo em{display:block;font-style:normal;color:#f9f0dc;letter-spacing:.3em;font-size:.6em;margin-top:.2em}
|
|
h1{margin:6px 0 0;font-size:clamp(20px,5vh,28px)}
|
|
p{margin:0;max-width:34em;font-size:clamp(14px,3.6vh,17px);line-height:1.45;color:#b9cbd0}
|
|
button{margin-top:8px;border:0;border-radius:4px;background:#e6c78f;color:#132b37;font:700 17px/1 Rajdhani,Arial,sans-serif;letter-spacing:.06em;padding:12px 26px;cursor:pointer}
|
|
button:focus-visible{outline:2px solid #fff3d4;outline-offset:3px}
|
|
#net{min-height:1.4em;font-size:14px;color:#8fe3d0}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<div class="logo">KONOHA<em>FIGHTING</em></div>
|
|
<h1>Kamu sedang offline</h1>
|
|
<p>Game belum bisa dimuat karena tidak ada koneksi internet. Pemuatan pertama memerlukan internet; setelah itu aset tersimpan di perangkat.</p>
|
|
<button id="retry" type="button">COBA LAGI</button>
|
|
<span id="net" role="status" aria-live="polite"></span>
|
|
</main>
|
|
<script>
|
|
// Muat ulang otomatis begitu koneksi kembali; tombol untuk mencoba sendiri.
|
|
const net = document.getElementById('net');
|
|
const retry = () => { net.textContent = 'Memuat…'; location.reload(); };
|
|
document.getElementById('retry').onclick = () => { if (navigator.onLine === false) net.textContent = 'Masih offline. Periksa koneksi internetmu.'; else retry(); };
|
|
addEventListener('online', retry);
|
|
</script>
|
|
</body>
|
|
</html>
|