From 6a321029f2db1bf6a30bd7be29c4803d7496f79a Mon Sep 17 00:00:00 2001
From: ramforth <ramforth@noreply.localhost>
Date: Sat, 27 Dec 2025 14:05:10 +0100
Subject: [PATCH] Initial Commit: Starting the project

---
 index.html | 173 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 173 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..1e0139c
--- /dev/null
+++ b/index.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Matrix Homeserver Landing Page for ramforth.net">
+    <title>Matrix Homeserver - ramforth.net</title>
+    <style>
+        :root {
+            --bg-color: #121212;
+            --card-bg: #1e1e1e;
+            --text-main: #e0e0e0;
+            --text-muted: #a0a0a0;
+            --accent: #0dbd8b;
+            --border: #333;
+            --font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+        }
+
+        body {
+            background-color: var(--bg-color);
+            color: var(--text-main);
+            font-family: var(--font-stack);
+            margin: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            min-height: 100vh;
+            padding: 1rem;
+            box-sizing: border-box;
+        }
+
+        .container {
+            background-color: var(--card-bg);
+            padding: 2.5rem;
+            border-radius: 16px;
+            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
+            max-width: 420px;
+            width: 100%;
+            text-align: center;
+            border: 1px solid var(--border);
+        }
+
+        .logo {
+            width: 64px;
+            height: 64px;
+            margin-bottom: 1.5rem;
+            fill: var(--text-main);
+        }
+
+        h1 {
+            margin: 0 0 0.5rem 0;
+            font-size: 1.75rem;
+            font-weight: 600;
+        }
+
+        p {
+            color: var(--text-muted);
+            line-height: 1.5;
+            margin: 0 0 1.5rem 0;
+        }
+
+        .code-box {
+            background: #000;
+            padding: 1rem;
+            border-radius: 8px;
+            border: 1px solid var(--border);
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            margin-bottom: 1.5rem;
+            gap: 10px;
+        }
+
+        .code-text {
+            font-family: 'Courier New', Courier, monospace;
+            color: var(--accent);
+            font-weight: bold;
+            font-size: 1.1rem;
+        }
+
+        .btn {
+            background: transparent;
+            border: 1px solid var(--text-muted);
+            color: var(--text-muted);
+            border-radius: 4px;
+            padding: 6px 12px;
+            cursor: pointer;
+            font-size: 0.85rem;
+            transition: all 0.2s ease;
+        }
+
+        .btn:hover {
+            border-color: var(--accent);
+            color: var(--accent);
+        }
+
+        .contact {
+            border-top: 1px solid var(--border);
+            padding-top: 1.5rem;
+            margin-top: 2rem;
+        }
+
+        .contact-label {
+            display: block;
+            font-size: 0.75rem;
+            text-transform: uppercase;
+            letter-spacing: 1px;
+            color: var(--text-muted);
+            margin-bottom: 0.5rem;
+        }
+
+        .contact-link {
+            color: var(--text-main);
+            text-decoration: none;
+            font-weight: 500;
+            transition: color 0.2s;
+        }
+
+        .contact-link:hover {
+            color: var(--accent);
+        }
+    </style>
+</head>
+<body>
+
+<div class="container">
+    <!-- Matrix Logo -->
+    <svg class="logo" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+        <path d="M.632 10.632v-9h9v.9h-8.1v8.1h-.9zm22.736 0v-9h-9v.9h8.1v8.1h.9zm-22.736 2.736v9h9v-.9h-8.1v-8.1h-.9zm22.736 0v9h-9v-.9h8.1v-8.1h.9zM6.632 6.632h10.736v10.736H6.632z"/>
+    </svg>
+
+    <h1>Matrix Homeserver</h1>
+    <p>This is a private communications node hosted at <strong>ramforth.net</strong>.</p>
+
+    <div class="code-box">
+        <span class="code-text" id="server-address">matrix.ramforth.net</span>
+        <button class="btn" onclick="copyAddress()" aria-label="Copy server address">Copy</button>
+    </div>
+
+    <p style="font-size: 0.9rem;">
+        Enter the address above into your Matrix client to connect.
+    </p>
+
+    <div class="contact">
+        <span class="contact-label">Administrator</span>
+        <a href="mailto:tech@ramforth.net" class="contact-link">tech@ramforth.net</a>
+    </div>
+</div>
+
+<script>
+    function copyAddress() {
+        const address = document.getElementById('server-address').innerText;
+        navigator.clipboard.writeText(address).then(() => {
+            const btn = document.querySelector('.btn');
+            const originalText = btn.innerText;
+            
+            btn.innerText = "Copied!";
+            btn.style.borderColor = "var(--accent)";
+            btn.style.color = "var(--accent)";
+            
+            setTimeout(() => {
+                btn.innerText = originalText;
+                btn.style.borderColor = "";
+                btn.style.color = "";
+            }, 2000);
+        }).catch(err => {
+            console.error('Failed to copy: ', err);
+        });
+    }
+</script>
+
+</body>
+</html>
\ No newline at end of file
