diff --git a/public_html/index.html b/public_html/index.html index 11372e3..0e5c128 100644 --- a/public_html/index.html +++ b/public_html/index.html @@ -844,6 +844,37 @@ body::after{ font-size:0.6rem;display:none;min-width:150px;box-shadow:0 0 18px rgba(0,212,255,0.12)} #nmNodeInfo .ni-title{color:var(--cyan);font-size:0.62rem;letter-spacing:2px;margin-bottom:3px} #nmNodeInfo .ni-row{color:var(--text-dim);margin:2px 0} + +/* ── SLEEP MODE ──────────────────────────────────────────────────────── */ +#sleepOverlay{ + position:fixed;inset:0;z-index:500;display:none; + flex-direction:column;align-items:center;justify-content:center; + background:rgba(0,2,10,0.94); + backdrop-filter:blur(6px); +} +#sleepOverlay.active{display:flex} +@keyframes sleepPulse{0%,100%{opacity:0.25;transform:scale(1)}50%{opacity:0.6;transform:scale(1.06)}} +@keyframes sleepCoreGlow{0%,100%{box-shadow:0 0 30px rgba(0,212,255,0.15),0 0 60px rgba(0,212,255,0.05)}50%{box-shadow:0 0 50px rgba(0,212,255,0.3),0 0 100px rgba(0,212,255,0.1)}} +.sleep-reactor{position:relative;width:120px;height:120px;margin-bottom:40px} +.sleep-ring{position:absolute;border-radius:50%;border:1px solid rgba(0,212,255,0.2);top:50%;left:50%;transform:translate(-50%,-50%)} +.sleep-ring.sr1{width:120px;height:120px;animation:spinRing 18s linear infinite;border-color:rgba(0,212,255,0.12)} +.sleep-ring.sr2{width:85px;height:85px;animation:spinRing 12s linear infinite reverse;border-color:rgba(0,212,255,0.18)} +.sleep-ring.sr3{width:52px;height:52px;animation:spinRing 8s linear infinite;border-color:rgba(0,80,160,0.3)} +.sleep-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); + width:24px;height:24px;border-radius:50%; + background:radial-gradient(circle,rgba(0,150,220,0.6) 0%,rgba(0,80,160,0.3) 60%,transparent 100%); + animation:sleepCoreGlow 4s ease-in-out infinite,sleepPulse 4s ease-in-out infinite} +.sleep-label{font-family:var(--font-display);font-size:0.6rem;letter-spacing:6px; + color:rgba(0,212,255,0.35);animation:sleepPulse 4s ease-in-out infinite;margin-bottom:12px} +.sleep-sub{font-family:var(--font-mono);font-size:0.55rem;letter-spacing:3px; + color:rgba(0,212,255,0.2);animation:sleepPulse 4s ease-in-out infinite;animation-delay:0.5s} +/* App dims on sleep */ +#app.sleeping #mainLayout,#app.sleeping #topBar,#app.sleeping #bottomBar{ + pointer-events:none; + filter:brightness(0.08) saturate(0.3); + transition:filter 1.2s ease; +} +#app.sleeping #sleepOverlay{display:flex} @@ -1118,6 +1149,18 @@ body::after{
+ +
+
+
+
+
+
+
+
JARVIS — STANDBY
+
SAY "WAKE UP JARVIS" TO RESUME
+
+