Files
html/email-hub.html
Opus 16895fa821
Some checks failed
WEVAL NonReg / nonreg (push) Has been cancelled
phase43 doctrine 181 - 19 hubs UX doctrine 60 inject direct
2026-04-24 14:14:51 +02:00

228 lines
18 KiB
HTML

<!DOCTYPE html><html lang="fr"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Email MTA Hub — WEVAL</title>
<style>
*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0e1a;color:#e2e8f0;font-family:'Segoe UI',system-ui,sans-serif;min-height:100vh}
.top{background:linear-gradient(135deg,#0f172a 0%,#1a0a0a 50%,#1e293b 100%);padding:32px 40px;border-bottom:1px solid rgba(239,68,68,.2)}
.top h1{font-size:32px;font-weight:800;color:#fff}.top h1 span{background:linear-gradient(135deg,#ef4444,#f87171);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.top p{color:#94a3b8;margin-top:6px;font-size:15px}
.nav{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.nav a{color:#fca5a5;text-decoration:none;padding:6px 16px;border:1px solid rgba(239,68,68,.3);border-radius:20px;font-size:13px;transition:.2s}.nav a:hover{background:rgba(239,68,68,.15);color:#fff}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;padding:24px 40px}
.stat{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.15);border-radius:14px;padding:16px;text-align:center}
.stat .v{font-size:22px;font-weight:800;color:#ef4444}.stat .l{font-size:11px;color:#94a3b8;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}
.stat.ok .v{color:#34d399}.stat.warn .v{color:#fbbf24}
h2{padding:12px 40px 0;font-size:15px;color:#ef4444;text-transform:uppercase;letter-spacing:1px;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px 40px}
.card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(239,68,68,.1);border-radius:14px;padding:24px;transition:.3s;text-decoration:none;color:inherit;display:block;position:relative;overflow:hidden}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ef4444,#f87171);opacity:0;transition:.3s}.card:hover::before{opacity:1}
.card:hover{border-color:rgba(239,68,68,.4);transform:translateY(-3px);box-shadow:0 12px 40px rgba(239,68,68,.12)}
.card h3{font-size:17px;color:#fff;margin-bottom:6px}.card p{color:#94a3b8;font-size:13px;line-height:1.5}
.tags{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.tag{padding:3px 10px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.tag.live{background:rgba(52,211,153,.12);color:#34d399}.tag.sacred{background:rgba(239,68,68,.12);color:#f87171}.tag.port{background:rgba(56,189,248,.12);color:#38bdf8}.tag.db{background:rgba(168,85,247,.12);color:#c4b5fd}
.footer{text-align:center;padding:24px 40px;color:#475569;font-size:12px;border-top:1px solid rgba(239,68,68,.08);margin-top:24px}
</style><!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-140617 -->
<style id="doctrine60-ux-direct">
/* DOCTRINE-60-UX-ENRICH injected-direct */
body::before {
content: '';
position: fixed;
top: 0; left: 0; width: 100vw; height: 100vh;
background: radial-gradient(circle at 50% 50%, rgba(100,180,255,0.08), transparent 60%);
pointer-events: none;
z-index: -1;
}
.card, .kpi, .panel, .btn {
transition: all 0.3s cubic-bezier(0.2,0,0.1,1);
}
.card:hover, .kpi:hover, .panel:hover {
box-shadow: 0 4px 20px rgba(100,180,255,0.2);
border-color: rgba(100,180,255,0.5);
}
@keyframes pulseD60 {
0%,100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.7; transform: scale(1.05); }
}
.pulse, .live-indicator, .active, .online {
animation: pulseD60 3s ease-in-out infinite;
}
.modal, .chat, .speech, .overlay {
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
.enter-stagger {
animation: enterStagD60 0.5s cubic-bezier(0.2,0,0.1,1) forwards;
}
@keyframes enterStagD60 {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
</style>
</head><body>
<!-- MEGA-NAV -->
<div style="background:rgba(99,102,241,.04);border-bottom:1px solid rgba(99,102,241,.1);padding:8px 40px;display:flex;gap:8px;flex-wrap:wrap;align-items:center">
<span style="color:#64748b;font-size:11px;font-weight:600;letter-spacing:1px">HUBS</span>
<a href="/wevia-hub.html" style="color:#10b981;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(16,185,129,.2);border-radius:12px">🧠 WEVIA</a>
<a href="/ai-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🤖 AI</a>
<a href="/agents-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">👥 Agents</a>
<a href="/monitoring-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">📊 Monitor</a>
<a href="/email-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">📧 Email</a>
<a href="/office-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">📊 Office</a>
<a href="/ethica-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">👨‍⚕️ Ethica</a>
<a href="/wevads-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">📧 WEVADS</a>
<a href="/blade-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">⚡ Blade</a>
<a href="/security-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🛡️ Sécu</a>
<a href="/gpu-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">⚡ GPU</a>
<a href="/keys-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🔐 Keys</a>
<a href="/cloudflare-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">☁️ CF</a>
<a href="/google-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🔍 Google</a>
<a href="/namecheap-hub.html" style="color:#818cf8;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(99,102,241,.2);border-radius:12px">🌐 NC</a>
<a href="/tools-hub.html" style="color:#f59e0b;text-decoration:none;font-size:12px;padding:3px 10px;border:1px solid rgba(245,158,11,.2);border-radius:12px;font-weight:700">⭐ ALL</a>
</div>
<div class="top"><h1>&#x1F4E8; Email <span>MTA</span> Hub</h1><p>PMTA + Kumo + Postfix — 3 MTAs coexistent sur S95. ZERO auto-send. PMTA SACRED.</p>
<div class="nav"><a href="/admin.html">Admin</a><a href="/ethica-hub.html">Ethica</a><a href="/wevads-ia/index.html">WEVADS IA</a><a href="/wevia-master.html">Master</a></div></div>
<div class="stats">
<div class="stat"><div class="v">3</div><div class="l">MTAs Actifs</div></div>
<div class="stat"><div class="v">3M+</div><div class="l">Contacts</div></div>
<div class="stat ok"><div class="v">OFF</div><div class="l">Auto Send</div></div>
<div class="stat"><div class="v">S95</div><div class="l">Serveur</div></div>
<div class="stat warn"><div class="v">Manual</div><div class="l">Mode Envoi</div></div>
</div>
<h2>&#x1F4E1; Serveurs MTA</h2>
<div class="grid">
<div class="card"><h3>&#x1F534; PMTA v5.0r3</h3><p>PowerMTA — port 25 + 587. Gestion via /etc/init.d/pmta (PAS systemd). Ne JAMAIS kill les processes PMTA.</p><div class="tags"><span class="tag sacred">SACRED</span><span class="tag port">:25 :587</span></div></div>
<div class="card"><h3>&#x1F7E0; Kumo MTA</h3><p>Port 8010. MTA moderne Rust-based. Haute performance, queuing intelligent</p><div class="tags"><span class="tag live">ACTIF</span><span class="tag port">:8010</span></div></div>
<div class="card"><h3>&#x1F7E2; Postfix</h3><p>Port 2525 + 2526. MTA standard, relay SMTP, backup deliverabilite</p><div class="tags"><span class="tag live">ACTIF</span><span class="tag port">:2525 :2526</span></div></div>
</div>
<h2>&#x1F4CA; Arsenal DB (648 tables)</h2>
<div class="grid">
<div class="card"><h3>&#x1F4E7; send_contacts</h3><p>~3,094,652 contacts (nettoyes). Base email principale pour campagnes</p><div class="tags"><span class="tag db">DB S95</span></div></div>
<div class="card"><h3>&#x1F465; weval_leads</h3><p>166 leads qualifies. Pipeline commercial WEVAL Consulting</p><div class="tags"><span class="tag db">DB S95</span></div></div>
<div class="card"><h3>&#x1F4BC; linkedin_profiles</h3><p>469 profils LinkedIn enrichis. Decision-makers B2B</p><div class="tags"><span class="tag db">DB S95</span></div></div>
<div class="card"><h3>&#x1F9E0; brain_*</h3><p>40+ tables Brain IA — ISP profiles, send configs, methods, warmup, tests, winners</p><div class="tags"><span class="tag db">ARSENAL</span></div></div>
</div>
<h2>&#x26A0; Doctrine Email</h2>
<div class="grid">
<div class="card"><h3>&#x1F6AB; ZERO Auto-Send</h3><p>auto_mode = ALWAYS false hardcoded. Tout envoi = manuel depuis WEVADS IA uniquement</p><div class="tags"><span class="tag sacred">DOCTRINE</span></div></div>
<div class="card"><h3>&#x1F512; rDNS</h3><p>mail.weval-consulting.com = rDNS S95 OK. SPF + DKIM configures</p><div class="tags"><span class="tag live">OK</span></div></div>
</div>
<div class="footer">WEVAL CONSULTING &middot; Email MTA Hub &middot; 3 MTAs &middot; 3M+ contacts &middot; Arsenal 648 tables &middot; PMTA SACRED &middot; ZERO auto-send</div>
<div style="padding:24px 40px">
<h2 style="font-size:20px;font-weight:700;color:#10b981;margin-bottom:16px">🔧 OUTILS INTERNES WEVAL</h2>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px">
<a href="/products/wevialife-app.html" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">📧 WEVIA Life</div><div style="font-size:12px;color:#94a3b8">Email IA, Eisenhower, 2207 emails classifiés</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
<a href="/office-365/office-accounts-edit.php" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">📊 Office Accounts</div><div style="font-size:12px;color:#94a3b8">1500+ comptes O365, rotation, édition</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
<a href="/office-365/office-checker.html" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">✅ Email Checker</div><div style="font-size:12px;color:#94a3b8">Vérification boîtes, quotas, état</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
<a href="/warmup-manager.html" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">🔥 Warmup Manager</div><div style="font-size:12px;color:#94a3b8">Warmup IP, réputation, pools</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
<a href="/wevads-performance.html" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">📈 WEVADS Performance</div><div style="font-size:12px;color:#94a3b8">Stats envois, deliverability, bounces</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
<a href="/pain-points-atlas.html" style="display:block;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;text-decoration:none;transition:.2s"><div style="font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px">🛡️ Reputation AI</div><div style="font-size:12px;color:#94a3b8">Score réputation email, blacklists</div><span style="display:inline-block;margin-top:6px;font-size:10px;padding:2px 8px;background:rgba(16,185,129,.15);color:#10b981;border-radius:6px">INTERNE</span></a>
</div>
</div>
<!-- CARTO_REMOVED -->
<!-- CARTO_BANNER_V1 -->
<div style="position:fixed;bottom:20px;right:20px;z-index:9999;background:linear-gradient(135deg,#141931,#2d1b5e);border:1px solid #64ffda;border-radius:12px;padding:12px 18px;box-shadow:0 4px 20px rgba(100,255,218,.3);font-family:-apple-system,Segoe UI,sans-serif;font-size:13px">
<a href="/cartographie-screens.html" style="color:#64ffda;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:8px" title="Cartographie exhaustive de tous les ecrans live">
<span style="font-size:18px">&#128506;</span> Cartographie live
<span id="carto-banner-count" style="color:#8892b0;font-size:11px">3914 ecrans</span>
</a>
</div>
<script>
(function(){
fetch('/api/screens-health.php?_='+Date.now(),{cache:'no-store'}).then(r=>r.json()).then(d=>{
const c=d.counts||{}; const up=c.UP||0; const slow=c.SLOW||0; const br=c.BROKEN||0;
const el=document.getElementById('carto-banner-count');
if(el) el.innerHTML=`<span style="color:#22c55e">${up} UP</span> / <span style="color:#f59e0b">${slow} Lent</span> / <span style="color:#ef4444">${br} 5xx</span>`;
}).catch(()=>{});
})();
</script>
<!-- /CARTO_BANNER_V1 -->
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
<script>
(function(){
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
var d = document;
var m = d.createElement('div');
m.id = 'opus-udrill';
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
var inner = d.createElement('div');
inner.id = 'opus-udrill-in';
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
inner.addEventListener('click', function(e){ e.stopPropagation(); });
m.appendChild(inner);
m.addEventListener('click', function(){ m.style.display='none'; });
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
(d.body || d.documentElement).appendChild(m);
function openCard(card) {
// Clone card content + show close btn + increase font-size
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
inner.innerHTML = html;
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
m.style.display = 'flex';
}
function wire(root) {
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
var cards = root.querySelectorAll(sels);
for (var i = 0; i < cards.length; i++) {
var c = cards[i];
if (c.__opusWired) continue;
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
var r = c.getBoundingClientRect();
if (r.width < 60 || r.height < 40) continue;
c.__opusWired = true;
c.style.cursor = 'pointer';
c.setAttribute('role','button');
c.setAttribute('tabindex','0');
c.addEventListener('click', function(ev){
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
if (ev.target.closest('a,button,input,select')) return;
ev.preventDefault(); ev.stopPropagation();
openCard(this);
});
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
}
}
// Initial + mutation observer
var initRun = function(){ wire(d.body || d.documentElement); };
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
else initRun();
var mo = new MutationObserver(function(muts){
var newCard = false;
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
if (newCard) initRun();
});
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
})();
</script>
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
<script src="/api/archi-meta-badge.js" defer></script>
<script src="/api/a11y-auto-enhancer.js" defer></script>
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b6) --><script src="/wtp-unified-dock.js" defer></script>
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
<!-- DOCTRINE-60-UX-JS --><script id="doctrine60-ux-js-direct">
// DOCTRINE-60-UX-JS staggered entrance
(function(){
if (!('IntersectionObserver' in window)) return;
const obs = new IntersectionObserver((entries) => {
entries.forEach((e, i) => {
if (e.isIntersecting) {
setTimeout(() => e.target.classList.add('enter-stagger'), i * 80);
obs.unobserve(e.target);
}
});
});
document.querySelectorAll('.card, .kpi, .panel').forEach(el => obs.observe(el));
})();
</script>
</body></html>