Add OG image + meta tags for link previews on X, Discord, iMessage etc

Author: Super Dune

index.html

@@ -5,6 +5,18 @@
 <meta name="viewport" content="width=device-width,initial-scale=1.0">
 <title>Email35 — Your inbox, spam-free. Every email costs a penny.</title>
 <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+<meta property="og:title" content="Email35 — Your inbox, spam-free.">
+<meta property="og:description" content="Get an @email35.com address. Senders pay $0.01 to reach you. Spam becomes impossible.">
+<meta property="og:image" content="https://email35.com/og-image.svg">
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+<meta property="og:url" content="https://email35.com">
+<meta property="og:type" content="website">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Email35 — Your inbox, spam-free.">
+<meta name="twitter:description" content="Get an @email35.com address. Senders pay $0.01 to reach you. Spam becomes impossible.">
+<meta name="twitter:image" content="https://email35.com/og-image.svg">
+<meta name="description" content="Email35 — Get a spam-free email address. Senders pay $0.01 to reach you. Paid emails forward to your real inbox.">
 <style>
 *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
 :root{--bg:#0a0a0f;--card:#12121e;--card2:#181828;--border:#1e1e3a;--border2:#2a2a5a;--text:#e0e0f0;--muted:#666;--dim:#444;--cyan:#00d4ff;--cyan-dim:#0099bb;--cyan-glow:rgba(0,212,255,.12);--purple:#7b61ff;--green:#00ff88;--red:#ff4466;--mono:'Courier New',monospace;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif}