site: add index, 403, 404, style.css

.ci-ping

@@ -1 +0,0 @@
-1792467008

403.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>403 &mdash; Forbidden</title>
+  <link rel="stylesheet" href="/style.css">
+</head>
+<body>
+  <main class="error">
+    <h1>403</h1>
+    <p>You do not have permission to access this resource.</p>
+    <p><a href="/">Return home</a></p>
+  </main>
+</body>
+</html>

404.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>404 &mdash; Not Found</title>
+  <link rel="stylesheet" href="/style.css">
+</head>
+<body>
+  <main class="error">
+    <h1>404</h1>
+    <p>The page you are looking for does not exist.</p>
+    <p><a href="/">Return home</a></p>
+  </main>
+</body>
+</html>

index.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>boson.party</title>
+  <link rel="stylesheet" href="/style.css">
+</head>
+<body>
+  <main>
+    <h1>boson.party</h1>
+    <p>It works. Served by nginx, deployed from Git via Woodpecker &amp; Dokploy.</p>
+  </main>
+</body>
+</html>

style.css

@@ -0,0 +1,48 @@
+:root {
+  --bg: #0b1020;
+  --fg: #e6e8ef;
+  --accent: #6ea8fe;
+  --muted: #9aa4bf;
+}
+
+* { box-sizing: border-box; }
+
+html, body {
+  margin: 0;
+  padding: 0;
+  min-height: 100%;
+}
+
+body {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
+  background: var(--bg);
+  color: var(--fg);
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+  line-height: 1.6;
+}
+
+main {
+  max-width: 42rem;
+  padding: 2rem;
+  text-align: center;
+}
+
+h1 {
+  font-size: clamp(2rem, 6vw, 3.5rem);
+  margin: 0 0 0.5rem;
+  letter-spacing: -0.02em;
+}
+
+main.error h1 {
+  color: var(--accent);
+  font-size: clamp(4rem, 18vw, 9rem);
+  margin: 0;
+}
+
+p { color: var(--muted); margin: 0.5rem 0; }
+
+a { color: var(--accent); text-decoration: none; }
+a:hover { text-decoration: underline; }