phase43 doctrine 181 - 19 hubs UX doctrine 60 inject direct
Some checks failed
WEVAL NonReg / nonreg (push) Has been cancelled
Some checks failed
WEVAL NonReg / nonreg (push) Has been cancelled
This commit is contained in:
Opus
@@ -36,7 +36,46 @@ h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-grad
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style></head><body><div class="bg"></div><div class="wrap">
|
||||
</style><!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-140611 -->
|
||||
<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><div class="bg"></div><div class="wrap">
|
||||
<div class="nav"><a href="/apps.html">Apps</a><a href="/anthropic-hub.html" class="on">Anthropic</a><a href="/deepseek-hub.html">DeepSeek</a><a href="/google-hub.html">Google</a><a href="/gpu-hub.html">GPU</a><a href="/huggingface-hub.html">HF</a><a href="/office-hub.html">O365</a><a href="/cloudflare-hub.html">CF</a><a href="/ethica-hub.html">Ethica</a></div>
|
||||
<h1>⚛ Anthropic Hub</h1>
|
||||
<p class="sub">Claude Opus 4 / Sonnet 4 — API, Code, Sync, Prompts — Provider #15</p>
|
||||
@@ -135,4 +174,21 @@ h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-grad
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t34final) --><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>
|
||||
|
||||
@@ -39,6 +39,45 @@ h1{font-size:28px;font-weight:700;margin-bottom:4px;background:linear-gradient(1
|
||||
.info-box{background:var(--bg3);border:1px solid var(--bd);border-radius:var(--r);padding:12px;font-size:12px;color:var(--fg2);line-height:1.6;margin:8px 0}
|
||||
.refresh-btn{padding:8px 20px;background:var(--bl);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;font-family:inherit;font-size:13px;margin-bottom:16px}
|
||||
.refresh-btn:hover{filter:brightness(1.2)}
|
||||
</style>
|
||||
<!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-140611 -->
|
||||
<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>
|
||||
@@ -250,5 +289,22 @@ loadStatus();
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t31b3) --><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>
|
||||
|
||||
@@ -42,7 +42,46 @@ h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-grad
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style></head>
|
||||
</style><!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-140611 -->
|
||||
<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>
|
||||
<div class="container">
|
||||
|
||||
@@ -350,4 +389,21 @@ setInterval(load, 30000);
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t31b3) --><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>
|
||||
|
||||
@@ -33,7 +33,46 @@ h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-grad
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</style></head><body>
|
||||
</style><!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-140611 -->
|
||||
<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>
|
||||
@@ -151,4 +190,21 @@ h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-grad
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t34final) --><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>
|
||||
@@ -24,6 +24,45 @@ h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-grad
|
||||
/* Doctrine zero chevauchement - hide common offenders */
|
||||
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
||||
/* === end WEVIA Gemini Rolling v2 batch === */
|
||||
</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>
|
||||
<h1>🚀 R&D Caps Hub — Architect Opus V37</h1>
|
||||
@@ -117,4 +156,21 @@ h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-grad
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t34final) --><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>
|
||||
@@ -18,7 +18,46 @@ h2{padding:12px 40px 0;font-size:15px;color:#f97316;text-transform:uppercase;let
|
||||
.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.ext{background:rgba(251,191,36,.12);color:#fbbf24}.tag.zone{background:rgba(251,146,60,.12);color:#fb923c}.tag.api{background:rgba(56,189,248,.12);color:#38bdf8}.tag.ok{background:rgba(52,211,153,.12);color:#34d399}
|
||||
.footer{text-align:center;padding:24px 40px;color:#475569;font-size:12px;border-top:1px solid rgba(251,146,60,.08);margin-top:24px}
|
||||
</style></head><body>
|
||||
</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>
|
||||
@@ -170,4 +209,21 @@ h2{padding:12px 40px 0;font-size:15px;color:#f97316;text-transform:uppercase;let
|
||||
<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>
|
||||
@@ -41,6 +41,45 @@
|
||||
footer a{color:#6366f1;text-decoration:none;margin:0 8px}
|
||||
@media (max-width:768px){.stats{grid-template-columns:repeat(2,1fr)}}
|
||||
</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>
|
||||
<div class="wrap">
|
||||
@@ -284,5 +323,22 @@
|
||||
});
|
||||
}
|
||||
</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>
|
||||
@@ -26,7 +26,46 @@ h2{color:#c084fc;margin-top:32px}
|
||||
.kpi-label{color:#9ca8d3;font-size:11px;text-transform:uppercase;letter-spacing:0.5px;margin-top:4px}
|
||||
.skeleton{display:inline-block;width:60px;height:24px;background:linear-gradient(90deg,#263161,#1e2549,#263161);background-size:200% 100%;animation:skel 1.5s infinite;border-radius:4px}
|
||||
@keyframes skel{0%{background-position:200% 0}100%{background-position:-200% 0}}
|
||||
</style></head>
|
||||
</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>
|
||||
<h1>🎛️ Dashboards Hub · WEVAL Live</h1>
|
||||
<p class="intro">Navigation centrale pour tous les dashboards live. Auto-refresh 30s par dashboard. 0 hardcode. UX premium doctrine 60. Click sur une tile pour ouvrir.</p>
|
||||
@@ -279,4 +318,21 @@ setInterval(loadKPIs, 30000);
|
||||
<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>
|
||||
|
||||
@@ -18,7 +18,46 @@ h2{padding:12px 40px 0;font-size:15px;color:#ef4444;text-transform:uppercase;let
|
||||
.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></head><body>
|
||||
</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>
|
||||
@@ -169,4 +208,21 @@ h2{padding:12px 40px 0;font-size:15px;color:#ef4444;text-transform:uppercase;let
|
||||
<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>
|
||||
@@ -20,7 +20,46 @@ h2{padding:12px 40px 0;font-size:15px;color:#7c3aed;text-transform:uppercase;let
|
||||
.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.cron{background:rgba(56,189,248,.12);color:#38bdf8}.tag.gap{background:rgba(251,191,36,.12);color:#fbbf24}.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(168,85,247,.08);margin-top:24px}
|
||||
</style></head><body>
|
||||
</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>
|
||||
@@ -214,4 +253,21 @@ h2{padding:12px 40px 0;font-size:15px;color:#7c3aed;text-transform:uppercase;let
|
||||
<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>
|
||||
@@ -18,7 +18,46 @@ h2{padding:12px 40px 0;font-size:15px;color:#10b981;text-transform:uppercase;let
|
||||
.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.ext{background:rgba(251,191,36,.12);color:#fbbf24}.tag.api{background:rgba(56,189,248,.12);color:#38bdf8}.tag.ok{background:rgba(52,211,153,.12);color:#34d399}.tag.gpu{background:rgba(167,139,250,.12);color:#a78bfa}
|
||||
.footer{text-align:center;padding:24px 40px;color:#475569;font-size:12px;border-top:1px solid rgba(52,211,153,.08);margin-top:24px}
|
||||
</style></head><body>
|
||||
</style><!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-140622 -->
|
||||
<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>
|
||||
@@ -172,4 +211,21 @@ h2{padding:12px 40px 0;font-size:15px;color:#10b981;text-transform:uppercase;let
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t34final) --><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>
|
||||
58
gpu-hub.html
58
gpu-hub.html
@@ -18,7 +18,46 @@ h2{padding:12px 40px 0;font-size:15px;color:#8b5cf6;text-transform:uppercase;let
|
||||
.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}
|
||||
.tag.gpu{background:rgba(167,139,250,.12);color:#a78bfa}.tag.ok{background:rgba(52,211,153,.12);color:#34d399}.tag.free{background:rgba(56,189,248,.12);color:#38bdf8}.tag.loc{background:rgba(251,146,60,.12);color:#fb923c}
|
||||
.footer{text-align:center;padding:24px 40px;color:#475569;font-size:12px;border-top:1px solid rgba(167,139,250,.08);margin-top:24px}
|
||||
</style></head><body>
|
||||
</style><!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-140622 -->
|
||||
<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>
|
||||
@@ -173,4 +212,21 @@ h2{padding:12px 40px 0;font-size:15px;color:#8b5cf6;text-transform:uppercase;let
|
||||
<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>
|
||||
@@ -18,7 +18,46 @@ h2{padding:12px 40px 0;font-size:15px;color:#ef4444;text-transform:uppercase;let
|
||||
.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}
|
||||
.tag.ok{background:rgba(52,211,153,.12);color:#34d399}.tag.exp{background:rgba(239,68,68,.12);color:#ef4444}.tag.free{background:rgba(56,189,248,.12);color:#38bdf8}.tag.warn{background:rgba(251,191,36,.12);color:#fbbf24}
|
||||
.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></head><body>
|
||||
</style><!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-140622 -->
|
||||
<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>
|
||||
@@ -174,4 +213,21 @@ h2{padding:12px 40px 0;font-size:15px;color:#ef4444;text-transform:uppercase;let
|
||||
<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>
|
||||
@@ -20,7 +20,46 @@ p.sub{color:#64748b;margin-bottom:32px;font-size:14px}
|
||||
.stats{display:flex;gap:20px;margin-bottom:32px;flex-wrap:wrap}
|
||||
.stat{background:rgba(15,23,42,.6);border:1px solid rgba(139,92,246,.1);border-radius:12px;padding:16px 24px;text-align:center}
|
||||
.stat .n{font-size:28px;font-weight:800;color:#8b5cf6}.stat .l{font-size:11px;color:#64748b;margin-top:4px}
|
||||
</style></head><body><div class="bg"></div><div class="wrap">
|
||||
</style><!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-140622 -->
|
||||
<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><div class="bg"></div><div class="wrap">
|
||||
<div class="nav">
|
||||
<a href="/apps.html">Apps</a><a href="/wevia-hub.html">WEVIA</a><a href="/tools-hub.html">Tools</a>
|
||||
<a href="/anthropic-hub.html">Anthropic</a><a href="/deepseek-hub.html">DeepSeek</a>
|
||||
@@ -132,4 +171,21 @@ p.sub{color:#64748b;margin-bottom:32px;font-size:14px}
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t34final) --><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>
|
||||
@@ -17,7 +17,46 @@ h2{padding:12px 40px 0;font-size:15px;color:#22c55e;text-transform:uppercase;let
|
||||
.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.ext{background:rgba(251,191,36,.12);color:#fbbf24}.tag.int{background:rgba(14,165,233,.12);color:#38bdf8}
|
||||
.footer{text-align:center;padding:24px 40px;color:#475569;font-size:12px;border-top:1px solid rgba(34,197,94,.08);margin-top:24px}
|
||||
</style></head><body>
|
||||
</style><!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-140622 -->
|
||||
<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>
|
||||
@@ -222,4 +261,21 @@ h2{padding:12px 40px 0;font-size:15px;color:#22c55e;text-transform:uppercase;let
|
||||
<section style="max-width:1200px;margin:20px auto;padding:20px 24px"><h2 style="font-family:Unbounded,sans-serif;font-size:20px;color:#eef0f4;margin-bottom:16px">Rescued Dashboards</h2><div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px"><a href="/dashboards-index.html" class="card" data-opus-wired="orphan-rescue"><div class="card-pill">OPS</div><h3>Dashboards Index</h3><p>Index complet des dashboards WEVAL</p><span class="card-link">Ouvrir →</span></a>
|
||||
<a href="/token-health-dashboard.html" class="card" data-opus-wired="orphan-rescue"><div class="card-pill">OPS</div><h3>Token Health</h3><p>Santé tokens Anthropic/Gemini/OSS</p><span class="card-link">Ouvrir →</span></a>
|
||||
</div></section>
|
||||
<!-- 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>
|
||||
@@ -15,7 +15,46 @@ h2{padding:12px 40px 0;font-size:15px;color:#eab308;text-transform:uppercase;let
|
||||
.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}
|
||||
.tag.ok{background:rgba(52,211,153,.12);color:#34d399}.tag.cf{background:rgba(251,146,60,.12);color:#fb923c}.tag.nc{background:rgba(234,179,8,.12);color:#eab308}
|
||||
.footer{text-align:center;padding:24px 40px;color:#475569;font-size:12px;border-top:1px solid rgba(234,179,8,.08);margin-top:24px}
|
||||
</style></head><body>
|
||||
</style><!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-140622 -->
|
||||
<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>
|
||||
@@ -162,4 +201,21 @@ h2{padding:12px 40px 0;font-size:15px;color:#eab308;text-transform:uppercase;let
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t34final) --><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>
|
||||
@@ -20,7 +20,46 @@ h2{padding:8px 40px 0;font-size:16px;color:#6366f1;text-transform:uppercase;lett
|
||||
.tag.ext{background:rgba(251,191,36,.12);color:#fbbf24}.tag.int{background:rgba(99,102,241,.12);color:#a5b4fc}.tag.exp{background:rgba(239,68,68,.12);color:#ef4444}.tag.ok{background:rgba(52,211,153,.12);color:#34d399}
|
||||
.section{margin-top:8px}
|
||||
.footer{text-align:center;padding:24px 40px;color:#475569;font-size:12px;border-top:1px solid rgba(99,102,241,.08);margin-top:24px}
|
||||
</style></head><body>
|
||||
</style><!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-140622 -->
|
||||
<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>
|
||||
@@ -174,4 +213,21 @@ h2{padding:8px 40px 0;font-size:16px;color:#6366f1;text-transform:uppercase;lett
|
||||
<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>
|
||||
@@ -134,6 +134,45 @@ h1{font-size:24px;font-weight:800;background:linear-gradient(90deg,#22d3ee,#a855
|
||||
.pitch, [class*="pitch"], [class*="hero"] { word-break: break-word; overflow-wrap: anywhere; }
|
||||
}
|
||||
/* === OPUS RESPONSIVE FIX v2 END === */
|
||||
</style>
|
||||
<!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-140622 -->
|
||||
<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>
|
||||
@@ -573,5 +612,22 @@ setInterval(load, 60000);
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t33b5) --><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>
|
||||
|
||||
@@ -12,6 +12,45 @@
|
||||
.int{background:rgba(16,185,129,.15);color:#10b981}.ext{background:rgba(99,102,241,.15);color:#818cf8}
|
||||
.section{padding:24px 40px}.section h2{font-size:20px;font-weight:700;margin-bottom:16px}
|
||||
</style><script src="/widgets/audit-banner.js" defer></script>
|
||||
<!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-140622 -->
|
||||
<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">
|
||||
@@ -134,4 +173,21 @@
|
||||
<script src="/api/a11y-auto-enhancer.js" defer></script>
|
||||
<!-- WTP_UDOCK_V1 (Opus 21-avr t34final) --><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>
|
||||
Reference in New Issue
Block a user