48 lines
1.5 KiB
HTML
48 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Holesail Browser – Use .hs</title>
|
||
<style>
|
||
* { box-sizing: border-box; }
|
||
body {
|
||
font-family: system-ui, -apple-system, sans-serif;
|
||
background: #0f0f14;
|
||
color: #e4e4e7;
|
||
min-height: 100vh;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
margin: 0;
|
||
padding: 1.5rem;
|
||
}
|
||
.card {
|
||
background: #18181b;
|
||
border: 1px solid #27272a;
|
||
border-radius: 12px;
|
||
padding: 2rem;
|
||
max-width: 440px;
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
h1 { font-size: 1.25rem; margin: 0 0 0.5rem; color: #fff; }
|
||
p { font-size: 0.9rem; color: #a1a1aa; margin: 0 0 1rem; line-height: 1.5; }
|
||
.suggestion { background: #27272a; border-radius: 8px; padding: 1rem; margin: 1.25rem 0; text-align: left; word-break: break-all; }
|
||
.suggestion a { color: #22d3ee; text-decoration: none; }
|
||
.suggestion a:hover { text-decoration: underline; }
|
||
.hint { font-size: 0.85rem; color: #71717a; margin-top: 1rem; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="card">
|
||
<h1>Holesail Browser</h1>
|
||
<p id="message">Virtual hosts use the <strong>.hs</strong> domain, not .host.hs.</p>
|
||
<p id="sub" class="hint"></p>
|
||
<div class="suggestion" id="suggestion"></div>
|
||
<p class="hint">Add the hostname and hs:// URL in the dashboard, then open the link above.</p>
|
||
</div>
|
||
<script src="wrong-domain.js"></script>
|
||
</body>
|
||
</html>
|