initial commit

2025-07-23 20:35:00 -03:00
commit 622fe6e6fe
4 changed files with 468 additions and 0 deletions
--- a/src/index.html
+++ b/src/index.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <title>mail.mifi.holdings</title>
+  <style>
+    :root {
+      --background: #f7fafc;
+      --surface: rgba(255,255,255,0.94);
+      --text-main: #23243a;
+      --text-muted: #64748b;
+      --button-bg: #2bc4fa;
+      --button-hover: #22a0ca;
+      --button-text: #181a20;
+      --shadow: 0 2px 24px 0 rgba(0,0,0,0.11);
+    }
+    @media (prefers-color-scheme: dark) {
+      :root {
+        --background: #15181c;
+        --surface: rgba(30,34,42,0.9);
+        --text-main: #f6f7fa;
+        --text-muted: #aab2bd;
+        --button-bg: #2bc4fa;
+        --button-hover: #22a0ca;
+        --button-text: #181a20;
+        --shadow: 0 2px 24px 0 rgba(0,0,0,0.18);
+      }
+    }
+    html,body {
+      height: 100%;
+      margin: 0;
+      padding: 0;
+      background: var(--background);
+      color: var(--text-main);
+      font-family: 'Inter', Arial, sans-serif;
+    }
+    body {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      min-height: 100vh;
+    }
+    .container {
+      text-align: center;
+      background: var(--surface);
+      padding: 3rem 2rem;
+      border-radius: 1.5rem;
+      box-shadow: var(--shadow);
+      max-width: 370px;
+      margin: 1rem;
+    }
+    .emoji {
+      font-size: 3rem;
+      margin-bottom: 1rem;
+    }
+    h1 {
+      font-size: 2rem;
+      margin-bottom: 0.5rem;
+      font-weight: 700;
+      letter-spacing: -1px;
+    }
+    p {
+      color: var(--text-muted);
+      margin-bottom: 2rem;
+      font-size: 1.1rem;
+      line-height: 1.5;
+    }
+    a {
+      display: block;
+      padding: 0.75rem 1.5rem;
+      margin-bottom: 0.75rem;
+      background: var(--button-bg);
+      color: var(--button-text);
+      border-radius: 999px;
+      font-weight: 600;
+      text-decoration: none;
+      transition: background 0.2s;
+      box-shadow: 0 1px 4px 0 rgba(43,196,250,0.11);
+    }
+    a:hover {
+      background: var(--button-hover);
+    }
+    @media (max-width: 400px) {
+      .container { padding: 2rem 0.5rem; }
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="emoji">📮</div>
+    <h1>This is just a mailbox.</h1>
+    <p>
+      You’ve reached <b>mail.mifi.holdings</b>.<br>
+      There’s nothing exciting here—just some gears whirring and mail being sorted.<br>
+      Looking for your messages?
+    </p>
+    <a href="/help">Email Setup Help</a>
+    <a href="https://webmail.mifi.holdings">Go to Webmail</a>
+    <a href="https://postmaster.mifi.holdings/users/login.php">Change/Forgot Password</a>
+  </div>
+</body>
+</html>