Initial landing page
This commit is contained in:
Christian Krakau-Louis
+80
@@ -0,0 +1,80 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>InboxConverge | Self-hosted Gmail mailbox consolidation</title>
|
||||
<meta name="description" content="InboxConverge is a self-hosted replacement for Gmail POP import and Gmailify, built for reliable mailbox consolidation into Gmail.">
|
||||
<meta property="og:title" content="InboxConverge">
|
||||
<meta property="og:description" content="Keep external mailboxes flowing into Gmail after POP import and Gmailify go away.">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://www.inboxconverge.com/">
|
||||
<link rel="canonical" href="https://www.inboxconverge.com/">
|
||||
<style>
|
||||
:root { color-scheme: light; --ink: #15202b; --muted: #52616f; --line: #d8e1ea; --bg: #f7fafc; --brand: #0b6bcb; --accent: #0f9f6e; }
|
||||
* { box-sizing: border-box; }
|
||||
body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--ink); background: var(--bg); }
|
||||
header { display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: 1120px; margin: 0 auto; padding: 24px; }
|
||||
.brand { font-weight: 800; letter-spacing: 0; font-size: 1.2rem; }
|
||||
nav { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
|
||||
a { color: var(--brand); text-decoration: none; font-weight: 650; }
|
||||
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: 8px; color: #fff; background: var(--brand); }
|
||||
.hero { max-width: 1120px; margin: 0 auto; padding: 56px 24px 28px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr); gap: 44px; align-items: center; }
|
||||
h1 { margin: 0; font-size: clamp(2.45rem, 6vw, 5rem); line-height: .98; letter-spacing: 0; }
|
||||
.lead { font-size: 1.18rem; line-height: 1.65; color: var(--muted); margin: 24px 0 30px; max-width: 660px; }
|
||||
.panel { border: 1px solid var(--line); border-radius: 8px; background: #fff; padding: 26px; box-shadow: 0 24px 60px rgba(21,32,43,.08); }
|
||||
.mailflow { display: grid; gap: 14px; }
|
||||
.node { border: 1px solid var(--line); border-radius: 8px; padding: 16px; background: #fbfdff; }
|
||||
.node strong { display: block; margin-bottom: 4px; }
|
||||
.node span { color: var(--muted); font-size: .94rem; }
|
||||
.arrow { text-align: center; color: var(--accent); font-weight: 800; }
|
||||
section { max-width: 1120px; margin: 0 auto; padding: 34px 24px; }
|
||||
h2 { font-size: 1.8rem; margin: 0 0 18px; }
|
||||
.grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
|
||||
.card { border: 1px solid var(--line); border-radius: 8px; background: #fff; padding: 22px; min-height: 160px; }
|
||||
.card h3 { margin: 0 0 10px; font-size: 1.05rem; }
|
||||
.card p, footer p { color: var(--muted); line-height: 1.55; margin: 0; }
|
||||
footer { max-width: 1120px; margin: 28px auto 0; padding: 28px 24px 42px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
|
||||
@media (max-width: 820px) { .hero { grid-template-columns: 1fr; padding-top: 34px; } .grid { grid-template-columns: 1fr; } header { align-items: flex-start; flex-direction: column; } }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="brand">InboxConverge</div>
|
||||
<nav aria-label="Primary">
|
||||
<a href="https://github.com/christianlouis/InboxConverge">GitHub</a>
|
||||
<a class="button" href="https://app.inboxconverge.com/">Open app</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<section class="hero">
|
||||
<div>
|
||||
<h1>Keep external mailboxes flowing into Gmail.</h1>
|
||||
<p class="lead">InboxConverge replaces Gmail POP import and Gmailify with a self-hosted mailbox consolidation service. It polls source accounts, preserves message context, and delivers mail into Gmail on your own infrastructure.</p>
|
||||
<a class="button" href="https://app.inboxconverge.com/">Open production instance</a>
|
||||
</div>
|
||||
<div class="panel" aria-label="InboxConverge mail flow">
|
||||
<div class="mailflow">
|
||||
<div class="node"><strong>Source mailboxes</strong><span>POP3, IMAP, old provider accounts, custom domains.</span></div>
|
||||
<div class="arrow">down</div>
|
||||
<div class="node"><strong>InboxConverge</strong><span>Scheduled polling, dedupe, retries, observability.</span></div>
|
||||
<div class="arrow">down</div>
|
||||
<div class="node"><strong>Gmail destination</strong><span>Gmail API delivery with original message metadata.</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Built for the POP import sunset</h2>
|
||||
<div class="grid">
|
||||
<article class="card"><h3>Self-hosted</h3><p>Run the consolidation layer on infrastructure you control, without depending on another mailbox proxy.</p></article>
|
||||
<article class="card"><h3>Multiple sources</h3><p>Connect legacy provider inboxes, custom domains, and personal mailboxes in one managed place.</p></article>
|
||||
<article class="card"><h3>Operationally visible</h3><p>Track failures, retries, polling intervals, and destination delivery so mail does not silently stop.</p></article>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer>
|
||||
<p>InboxConverge is an open-source project by Christian Krakau-Louis.</p>
|
||||
<p><a href="mailto:christianlouis@gmail.com">Contact</a> · <a href="https://github.com/christianlouis/InboxConverge">Source</a></p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user