99 lines
2.4 KiB
HTML
99 lines
2.4 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<title>nik4nao | Home Network</title>
|
||
<style>
|
||
:root { color-scheme: dark; }
|
||
* { box-sizing: border-box; }
|
||
body {
|
||
margin: 0;
|
||
min-height: 100vh;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background: radial-gradient(circle at top, #111827, #020617 60%, #000 100%);
|
||
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
||
color: #e5e7eb;
|
||
}
|
||
.card {
|
||
padding: 2.4rem 2.8rem;
|
||
border-radius: 1.4rem;
|
||
background: rgba(15, 23, 42, 0.95);
|
||
box-shadow:
|
||
0 0 40px rgba(0,0,0,0.9),
|
||
0 0 80px rgba(59,130,246,0.35);
|
||
max-width: 540px;
|
||
width: 90%;
|
||
backdrop-filter: blur(10px);
|
||
}
|
||
.title {
|
||
font-size: 1.6rem;
|
||
letter-spacing: 0.12em;
|
||
text-transform: uppercase;
|
||
opacity: 0.9;
|
||
}
|
||
.subtitle {
|
||
margin-top: 0.4rem;
|
||
font-size: 0.95rem;
|
||
opacity: 0.7;
|
||
}
|
||
.badge {
|
||
display: inline-block;
|
||
margin-top: 1.2rem;
|
||
padding: 0.25rem 0.7rem;
|
||
font-size: 0.7rem;
|
||
border-radius: 999px;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.14em;
|
||
border: 1px solid rgba(148,163,184,0.7);
|
||
opacity: 0.8;
|
||
}
|
||
.list {
|
||
margin-top: 1.4rem;
|
||
font-size: 0.9rem;
|
||
opacity: 0.9;
|
||
line-height: 1.6;
|
||
}
|
||
.list dt {
|
||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";
|
||
font-size: 0.75rem;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.16em;
|
||
opacity: 0.7;
|
||
}
|
||
.list dd {
|
||
margin: 0 0 0.7rem 0;
|
||
}
|
||
.hint {
|
||
margin-top: 1.2rem;
|
||
font-size: 0.8rem;
|
||
opacity: 0.55;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<main class="card">
|
||
<div class="title">nik4nao home node</div>
|
||
<div class="subtitle">
|
||
This is a private entrypoint. Nothing interesting should be exposed here. 🙂
|
||
</div>
|
||
|
||
<div class="badge">Default nginx vhost</div>
|
||
|
||
<dl class="list">
|
||
<dt>Domain</dt>
|
||
<dd>nik4nao.xyz (HTTPS handled by separate vhost)</dd>
|
||
|
||
<dt>Status</dt>
|
||
<dd>Default HTTP site for IP / unknown hostnames.</dd>
|
||
</dl>
|
||
|
||
<div class="hint">
|
||
If you reached this page from the public internet, there’s probably nothing
|
||
else you should be looking at.
|
||
</div>
|
||
</main>
|
||
</body>
|
||
</html>
|