Files
mail-landing/src.delete/help/index.html

147 lines
6.7 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Welcome to Email from mifi Ventures</title>
<meta name="description" content="Setup help for users of Email from mifi Ventures">
<link rel="stylesheet" href="/assets/css/style.css">
<link rel="stylesheet" href="/assets/css/settings.css">
<link rel="stylesheet" href="/assets/css/accordion.css">
</head>
<body>
<div class="container wide">
<h1>Welcome to Email from mifi Ventures</h1>
<div class="intro">
<strong>Lets get your inbox ready! 📬</strong><br>
<p>Friendly help for setting up your email—works with Outlook, Apple Mail, Thunderbird, phones, and more.</p>
</div>
<section class="card general-settings" aria-label="General Email Settings">
<h2>General Settings (All Clients)</h2>
<table>
<tr><td>Email Address</td><td>your.name@yourdomain.com</td></tr>
<tr><td>Username</td><td>your.name@yourdomain.com</td></tr>
<tr><td>Password</td><td>(your email password)</td></tr>
<tr><td>Incoming Server</td><td><b>mail.mifi.holdings</b></td></tr>
<tr><td>Outgoing Server</td><td><b>mail.mifi.holdings</b></td></tr>
<tr><td>IMAP Port</td><td>993 (SSL/TLS)</td></tr>
<tr><td>POP3 Port</td><td>995 (SSL/TLS)</td></tr>
<tr><td>SMTP Port</td><td>587 (STARTTLS) or 465 (SSL/TLS)</td></tr>
<tr><td>Authentication</td><td>Required (use same as incoming)</td></tr>
<tr><td>Encryption</td><td>SSL/TLS or STARTTLS</td></tr>
</table>
<span class="tip">Tip: Always use your <b>full email address</b> as your username!</span>
</section>
<div class="accordion" id="helpAccordion">
<!-- Outlook -->
<section class="accordion-section">
<button class="accordion-trigger" aria-expanded="false">
<span class="icon"></span> Microsoft Outlook
</button>
<div class="accordion-content">
<ol>
<li>Go to <b>File → Add Account</b></li>
<li>Enter your full email address</li>
<li>Choose <b>Advanced options</b> → check “Set up manually”</li>
<li>Select <b>IMAP</b> (recommended) or POP</li>
<li>Incoming server: <code>mail.mifi.holdings</code>, port <b>993</b> (SSL/TLS)</li>
<li>Outgoing server: <code>mail.mifi.holdings</code>, port <b>587</b> (STARTTLS) or <b>465</b> (SSL/TLS)</li>
<li>Username: full email address; Password: your password</li>
<li>Click <b>Connect</b></li>
</ol>
<span class="tip">If sending fails, make sure “Require logon using SPA” is <b>unchecked</b>.</span>
</div>
</section>
<!-- Apple Mail -->
<section class="accordion-section">
<button class="accordion-trigger" aria-expanded="false">
<span class="icon"></span> Apple Mail (macOS, iOS)
</button>
<div class="accordion-content">
<ol>
<li>Add Account &rarr; <b>Other Mail Account</b></li>
<li>Enter your name, email, and password</li>
<li>Incoming/Outgoing server: <code>mail.mifi.holdings</code></li>
<li>IMAP port: <b>993</b> (SSL); SMTP port: <b>587</b> (STARTTLS) or <b>465</b> (SSL)</li>
<li>Use full email address for username</li>
</ol>
</div>
</section>
<!-- Thunderbird -->
<section class="accordion-section">
<button class="accordion-trigger" aria-expanded="false">
<span class="icon"></span> Thunderbird
</button>
<div class="accordion-content">
<ol>
<li>Menu → Account Settings → Add Mail Account</li>
<li>Fill in your name, email, and password</li>
<li>Click “Configure manually” and use settings above</li>
</ol>
</div>
</section>
<!-- Mobile -->
<section class="accordion-section">
<button class="accordion-trigger" aria-expanded="false">
<span class="icon"></span> iOS / Android Mail / Gmail App
</button>
<div class="accordion-content">
<ul>
<li>Add Account → Other</li>
<li>Enter your email and password</li>
<li>Manual setup: <code>mail.mifi.holdings</code>, correct ports, SSL/TLS required</li>
<li>Gmail app: tap profile → Add account → Other, fill in details, use IMAP</li>
</ul>
</div>
</section>
<!-- FAQ -->
<section class="accordion-section">
<button class="accordion-trigger" aria-expanded="false">
<span class="icon"></span> FAQ / Troubleshooting
</button>
<div class="accordion-content">
<div class="faq-q">Q: My email wont send?</div>
<div class="faq-a">Check that youre using your full email address for both incoming and outgoing username, and that the port is 587 or 465.</div>
<div class="faq-q">Q: SSL/TLS errors?</div>
<div class="faq-a">Ensure SSL or STARTTLS is enabled for both incoming and outgoing mail.</div>
<div class="faq-q">Q: Still stuck?</div>
<div class="faq-a">Contact <a href="mailto:postmaster@mifi.holdings">postmaster@mifi.holdings</a>.<br>
Please include any error messages, your mail app, and a screenshot if you can!</div>
</div>
</section>
<!-- Pro Tips -->
<section class="accordion-section">
<button class="accordion-trigger" aria-expanded="false">
<span class="icon"></span> Pro Tips & Advanced
</button>
<div class="accordion-content">
<ul>
<li><b>IMAP syncs</b> your mail everywhere—choose IMAP unless you know you want POP3.</li>
<li>Your login is always your <b>full email address</b>.</li>
<li>Check your Spam/Junk folder for misfiled good emails.</li>
<li>Advanced: IMAP path prefix = <b>(leave blank)</b>; SMTP authentication is always required.</li>
</ul>
</div>
</section>
</div>
<footer>
<p class="badges">
<a href="https://internet.nl/halloffame/mail/" title="internet.nl 100% Email Hall of Fame" class="badge" rel="external"><img src="/assets/media/embed-badge-emailtest.svg" alt="internet.nl 100% Hall of Fame - Email"></a>
<a href="https://internet.nl/halloffame/web/" title="internet.nl 100% Web Hall of Fame" class="badge" rel="external"><img src="/assets/media/embed-badge-websitetest.svg" alt="internet.nl 100% Hall of Fame - Web"></a>
</p>
<p>© mifi Ventures. All rights reserved.</p>
</footer>
</div>
<script src="/assets/js/accordion.js"></script>
</body>
</html>