updates

2026-07-16 05:48:12 -05:00
parent c36d46c3b3
commit e9be65df8c
558 changed files with 74087 additions and 75 deletions
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Email campaign report · Portal · MKDRealtor.com</title>
+  <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Work+Sans:300,400,500,700%7CPoppins:400,600,700">
+  <link rel="stylesheet" href="proposal.css">
+  
+</head>
+<body class="portal">
+<div class="proposal-banner">
+  <div><span class="tag">Proposal mockup</span> &nbsp; MKDRealtor.com — UX examples (not production)</div>
+  <div><a href="index.html">All screens</a></div>
+</div>
+<div class="portal-shell">
+  <aside class="portal-sidebar">
+    <a class="portal-brand" href="portal-dashboard.html"><img src="brand/exit_logo.png" alt="EXIT Realty"><span>MKDRealtor.com</span></a>
+    <nav class="portal-nav">
+<div class="nav-section">Overview</div>
+<a class="" href="portal-dashboard.html">Dashboard</a>
+<a class="" href="portal-leads.html">Leads</a>
+<a class="" href="portal-analytics.html">Analytics</a>
+<div class="nav-section">Outreach</div>
+<a class="" href="portal-contacts.html">Mailing list</a>
+<a class="active" href="portal-campaign.html">Campaigns</a>
+<a class="" href="portal-postcard-designer.html">Postcard design</a>
+<div class="nav-section">Social</div>
+<a class="" href="portal-social.html">Compose & preview</a>
+<a class="" href="portal-social-accounts.html">Accounts</a>
+    </nav>
+  </aside>
+  <div class="portal-main">
+    <div class="portal-topbar">
+      <h1>Email campaign report</h1>
+      <div class="portal-user">Signed in as <strong>Monica Dhillon</strong> · <a href="portal-login.html" style="color:#00626c">Sign out</a></div>
+    </div>
+    <div class="portal-content">
+<div class="proposal-note"><strong>UX note:</strong> SMTP2GO webhooks feed opens, clicks, bounces into ProviderEvent. Dashboard shows unique opens, click rate, and per-recipient activity.</div>
+
+<div style="display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;align-items:center">
+  <div>
+    <div class="muted" style="font-size:13px">Campaign</div>
+    <strong style="font-size:16px">Spring seller tips</strong>
+    <span class="badge badge-sent" style="margin-left:8px">Sent</span>
+  </div>
+  <div style="display:flex;gap:8px">
+    <a class="btn btn-ghost" href="portal-campaign.html">Back to campaigns</a>
+    <button class="btn btn-sm btn-ghost" type="button">Export CSV</button>
+  </div>
+</div>
+
+<div class="stat-row">
+  <div class="stat-card"><div class="label">Delivered</div><div class="value">182</div><div class="delta">of 186 sent · 97.8%</div></div>
+  <div class="stat-card"><div class="label">Opened</div><div class="value">94</div><div class="delta">51.6% open rate</div></div>
+  <div class="stat-card"><div class="label">Clicked</div><div class="value">27</div><div class="delta">14.8% click rate</div></div>
+  <div class="stat-card"><div class="label">Bounced / unsub</div><div class="value">4 / 2</div><div class="delta">SMTP2GO events</div></div>
+</div>
+
+<div class="split">
+  <div class="panel">
+    <div class="panel-h"><h2>Engagement over time</h2><span class="muted" style="font-size:12px">From SMTP2GO webhooks → ProviderEvent</span></div>
+    <div class="panel-b">
+      <div class="chart-placeholder">
+        <div class="bar" style="height:20%;opacity:.4" title="sent"></div>
+        <div class="bar" style="height:45%"></div>
+        <div class="bar" style="height:70%"></div>
+        <div class="bar" style="height:85%"></div>
+        <div class="bar" style="height:60%"></div>
+        <div class="bar" style="height:40%"></div>
+        <div class="bar" style="height:25%"></div>
+        <div class="bar" style="height:15%"></div>
+      </div>
+      <p class="muted" style="font-size:12px;margin:8px 0 0">Opens by hour after send (tracking pixel + SMTP2GO open events)</p>
+    </div>
+  </div>
+  <div class="panel">
+    <div class="panel-h"><h2>What we track</h2></div>
+    <div class="panel-b" style="font-size:14px">
+      <ul class="plain-list">
+        <li><strong>Sent / delivered / bounced</strong> — SMTP2GO delivery webhooks</li>
+        <li><strong>Opened</strong> — open tracking (unique + total)</li>
+        <li><strong>Clicked</strong> — link click tracking</li>
+        <li><strong>Unsubscribed</strong> — our opt-out link + SMTP2GO complaint</li>
+        <li><strong>Failed</strong> — provider errors (retried via django.tasks)</li>
+      </ul>
+      <p class="muted" style="margin:0">SMS: delivery + STOP via SMTP2GO SMS API (no “opens”). Postcards: Lob/Click2Mail in-transit status, not opens.</p>
+    </div>
+  </div>
+</div>
+
+<div class="panel">
+  <div class="panel-h"><h2>Recipients</h2>
+    <select style="padding:6px 10px;border:1px solid #e3e8ef;font-size:13px">
+      <option>All</option><option>Opened</option><option>Clicked</option><option>Not opened</option><option>Bounced</option>
+    </select>
+  </div>
+  <div class="panel-b" style="padding:0">
+    <table class="table">
+      <thead><tr><th>Contact</th><th>Status</th><th>Opened</th><th>Clicked</th><th>Last event</th></tr></thead>
+      <tbody>
+        <tr><td>Jordan Lee</td><td><span class="badge badge-delivered">Delivered</span></td><td>Yes · 2×</td><td>Yes</td><td>Jul 18 10:22a open</td></tr>
+        <tr><td>Sam Ortiz</td><td><span class="badge badge-delivered">Delivered</span></td><td>Yes · 1×</td><td>—</td><td>Jul 18 11:05a open</td></tr>
+        <tr><td>Riley Brooks</td><td><span class="badge badge-delivered">Delivered</span></td><td>—</td><td>—</td><td>Jul 18 10:01a delivered</td></tr>
+        <tr><td>Casey Ng</td><td><span class="badge badge-failed">Bounced</span></td><td>—</td><td>—</td><td>Jul 18 10:00a hard bounce</td></tr>
+      </tbody>
+    </table>
+  </div>
+</div>
+
+    </div>
+  </div>
+</div>
+
+</body>
+</html>