

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Client Info</title>
<style>
body { font-family: sans-serif; background:#111; color:#eee; padding:20px }
h1 { margin-bottom:10px }
table { border-collapse:collapse }
td { padding:6px 12px; border-bottom:1px solid #333 }
td:first-child { font-weight:bold }
</style>
</head>
<body>

<h1>Client Info</h1>

<table>
<tr><td>IP (Client)</td><td id="ip">Loading…</td></tr>
<tr><td>IP (Nginx)</td><td>216.73.216.206</td></tr>
<tr><td>User Agent</td><td id="ua"></td></tr>
<tr><td>Platform</td><td id="platform"></td></tr>
<tr><td>Language</td><td id="lang"></td></tr>
<tr><td>Timezone</td><td id="tz"></td></tr>
<tr><td>Protocol</td><td>https</td></tr>
<tr><td>TLS Version</td><td>TLSv1.3</td></tr>
<tr><td>TLS Cipher</td><td>TLS_AES_256_GCM_SHA384</td></tr>
<tr><td>Host</td><td>browserinfos.home.davidl.eu</td></tr>
<tr><td>Referer</td><td></td></tr>
<tr><td>Origin</td><td></td></tr>
</table>

<script>
document.getElementById("ua").textContent = navigator.userAgent;
document.getElementById("platform").textContent = navigator.platform;
document.getElementById("lang").textContent = navigator.language;
document.getElementById("tz").textContent =
    Intl.DateTimeFormat().resolvedOptions().timeZone;

fetch("https://api.ipify.org?format=json")
  .then(r => r.json())
  .then(d => document.getElementById("ip").textContent = d.ip)
  .catch(() => document.getElementById("ip").textContent = "Unavailable");
</script>

</body>
</html>

