Wire it all up...
This commit is contained in:
163
src/index.html
163
src/index.html
@@ -1,103 +1,64 @@
|
||||
<!DOCTYPE html>
|
||||
<!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>
|
||||
<head>
|
||||
<!-- Google tag (gtag.js) -->
|
||||
<script
|
||||
async
|
||||
src="https://www.googletagmanager.com/gtag/js?id=G-NF64QMKWX6"
|
||||
></script>
|
||||
<script
|
||||
defer
|
||||
src="/assets/js/ga-init.js"
|
||||
data-ga-id="G-NF64QMKWX6"
|
||||
></script>
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
<title>mifi Holdings — Mail Services</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="The mifi Holdings mail services hub—here you can find help with setting up your email, changing your password, and accessing webmail."
|
||||
/>
|
||||
<link rel="canonical" href="https://mail.mifi.holdings" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
<meta name="author" content="Mike Fitzpatrick (mifi)" />
|
||||
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/svg+xml"
|
||||
href="/assets/images/favicon.svg"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="/assets/images/favicon.ico"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="180x180"
|
||||
href="/assets/images/apple-touch-icon.png"
|
||||
/>
|
||||
<link rel="stylesheet" href="/assets/css/site.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="container text-center">
|
||||
<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's nothing exciting
|
||||
here—just some gears whirring and mail being sorted.<br />
|
||||
Looking for your messages?
|
||||
</p>
|
||||
<a class="button" href="/help">Email Setup Help</a>
|
||||
<a class="button" href="https://webmail.mifi.holdings"
|
||||
>Go to Webmail</a
|
||||
>
|
||||
<a
|
||||
class="button"
|
||||
href="https://postmaster.mifi.holdings/users/login.php"
|
||||
>Change/Forgot Password</a
|
||||
>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user