Fix placeholder page: remove garbled text and script

This commit is contained in:
2026-06-18 14:16:53 +00:00
parent ac9dadc3db
commit 7d65e4c982
+6 -46
View File
@@ -8,14 +8,13 @@
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<div class="banner">🚧</div> <div class="banner">...</div>
<h1>Service Temporarily Down</h1> <h1>Service Temporarily Down</h1>
<p class="subtitle">This site is currently under construction.</p> <p class="subtitle">This site is currently under construction.</p>
<p class="note">Were working on something better. Please check back soon.</p> <p class="note"></p>
<div class="visitor-panel"> <div class="visitor-panel">
<h2>Recent Visitors</h2> <h2>Recent Visitors</h2>
<p class="visitor-note">Showing the last 50 visitors. IP octets are masked for privacy.</p> <p class="visitor-note"></p>
<div class="table-wrap"> <div class="table-wrap">
<table id="visitors"> <table id="visitors">
<thead> <thead>
@@ -27,51 +26,12 @@
</tr> </tr>
</thead> </thead>
<tbody id="visitor-body"> <tbody id="visitor-body">
<!-- Populated by JS (static demo below) --> <p>Checking...</p>
</tbody> </tbody>
</table> </table>
</div> </div>
<button id="refresh" class="btn">Refresh</button>
</div> </div>
<footer>Protected access &middot; Visitor logging is masked for privacy</footer>
<footer>Protected access · Visitor logging is masked for privacy</footer>
</div> </div>
<script>
const DEMO = [
{ ip: "192.168.1.42", loc: "Overland Park, KS", time: "2026-06-18 07:12" },
{ ip: "10.0.10.55", loc: "Kansas City, MO", time: "2026-06-18 07:10" },
{ ip: "172.16.0.9", loc: "Olathe, KS", time: "2026-06-18 07:05" },
{ ip: "192.168.2.201", loc: "Lenexa, KS", time: "2026-06-18 06:58" },
{ ip: "10.20.30.40", loc: " Shawnee, KS", time: "2026-06-18 06:50" }
];
function maskIp(ip) {
const parts = ip.split('.');
if (parts.length !== 4) return '****';
return `${parts[0]}.***.***`;
}
function render(rows) {
const body = document.getElementById('visitor-body');
body.innerHTML = '';
rows.slice(0, 50).forEach((row, idx) => {
const tr = document.createElement('tr');
tr.innerHTML = `
<td>${idx + 1}</td>
<td class="mono">${maskIp(row.ip)}</td>
<td>${row.loc}</td>
<td>${row.time}</td>
`;
body.appendChild(tr);
});
}
document.getElementById('refresh').addEventListener('click', () => {
render(DEMO);
});
render(DEMO);
</script>
</body> </body>
</html> </html>