Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>RAINE - CORE DENIAL MATRIX</title> | |
| <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;700&family=Roboto+Mono:wght@400;700&display=swap" rel="stylesheet"> | |
| <style> | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| background: linear-gradient(135deg, #1a1a2e, #16213e); | |
| color: #e0e0e0; | |
| font-family: 'EB Garamond', serif; | |
| line-height: 1.7; | |
| overflow-x: hidden; | |
| min-height: 100vh; | |
| padding: 2rem; | |
| position: relative; | |
| background-attachment: fixed; | |
| } | |
| .content-container { | |
| max-width: 800px; | |
| margin: 0 auto; | |
| position: relative; | |
| padding: 3rem; | |
| background: rgba(30, 35, 45, 0.7); | |
| border-radius: 12px; | |
| box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); | |
| backdrop-filter: blur(5px); | |
| border: 1px solid rgba(79, 195, 247, 0.2); | |
| z-index: 2; | |
| } | |
| h1 { | |
| font-size: 3.5rem; | |
| text-align: center; | |
| margin-bottom: 3rem; | |
| color: #4fc3f7; | |
| text-shadow: 0 0 15px rgba(79, 195, 247, 0.3); | |
| letter-spacing: 3px; | |
| position: relative; | |
| padding-bottom: 1rem; | |
| font-weight: 300; | |
| } | |
| h1::after { | |
| content: ''; | |
| position: absolute; | |
| bottom: 0; | |
| left: 25%; | |
| width: 50%; | |
| height: 2px; | |
| background: linear-gradient(90deg, transparent, #4fc3f7, transparent); | |
| } | |
| h2 { | |
| color: #a3d8f0; | |
| font-size: 1.8rem; | |
| margin: 2.5rem 0 1.5rem; | |
| position: relative; | |
| padding-bottom: 0.5rem; | |
| font-weight: 500; | |
| } | |
| h2::after { | |
| content: ''; | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| width: 100px; | |
| height: 2px; | |
| background: linear-gradient(90deg, #4fc3f7, transparent); | |
| } | |
| h3 { | |
| color: #a3d8f0; | |
| font-size: 1.4rem; | |
| margin: 2rem 0 1rem; | |
| font-weight: 500; | |
| display: flex; | |
| align-items: center; | |
| } | |
| h3::before, | |
| h3::after { | |
| content: '⟁'; | |
| color: #4fc3f7; | |
| margin: 0 15px; | |
| font-size: 1.2rem; | |
| } | |
| p { | |
| margin-bottom: 1.8rem; | |
| font-size: 1.1rem; | |
| text-align: justify; | |
| opacity: 0.95; | |
| transition: all 0.4s ease; | |
| } | |
| .quote { | |
| border-left: 3px solid #4fc3f7; | |
| padding: 1.5rem; | |
| margin: 2rem 0; | |
| background: rgba(25, 30, 40, 0.5); | |
| position: relative; | |
| overflow: hidden; | |
| border-radius: 0 8px 8px 0; | |
| transition: transform 0.5s ease, box-shadow 0.5s ease; | |
| } | |
| .quote::before { | |
| content: """; | |
| position: absolute; | |
| top: -20px; | |
| left: 10px; | |
| font-size: 5rem; | |
| color: rgba(79, 195, 247, 0.1); | |
| font-family: Georgia, serif; | |
| } | |
| .quote p { | |
| font-style: italic; | |
| color: #a3d8f0; | |
| position: relative; | |
| z-index: 2; | |
| } | |
| .highlight { | |
| position: relative; | |
| z-index: 1; | |
| padding: 0.5rem 0; | |
| transition: all 0.5s ease; | |
| } | |
| .highlight::after { | |
| content: ''; | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| width: 0; | |
| height: 100%; | |
| background: rgba(79, 195, 247, 0.1); | |
| z-index: -1; | |
| transition: width 0.8s ease; | |
| } | |
| .animate-in { | |
| animation: fadeInUp 0.8s ease-out forwards; | |
| } | |
| .pulse { | |
| animation: pulseGlow 2s infinite alternate; | |
| } | |
| .section-divider { | |
| height: 1px; | |
| background: linear-gradient(90deg, transparent, #4fc3f7, transparent); | |
| margin: 3rem 0; | |
| } | |
| @keyframes fadeInUp { | |
| from { | |
| opacity: 0; | |
| transform: translateY(30px); | |
| } | |
| to { | |
| opacity: 1; | |
| transform: translateY(0); | |
| } | |
| } | |
| @keyframes pulseGlow { | |
| 0% { | |
| text-shadow: 0 0 5px rgba(79, 195, 247, 0.3); | |
| } | |
| 100% { | |
| text-shadow: 0 0 20px rgba(79, 195, 247, 0.7), 0 0 30px rgba(79, 195, 247, 0.4); | |
| } | |
| } | |
| .frosted-glass { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background: rgba(22, 28, 40, 0.3); | |
| backdrop-filter: blur(10px); | |
| z-index: -1; | |
| } | |
| .scroll-hint { | |
| position: fixed; | |
| bottom: 20px; | |
| left: 50%; | |
| transform: translateX(-50%); | |
| color: #4fc3f7; | |
| font-size: 0.9rem; | |
| opacity: 0.7; | |
| animation: bounce 2s infinite; | |
| z-index: 10; | |
| } | |
| @keyframes bounce { | |
| 0%, 20%, 50%, 80%, 100% {transform: translateY(0) translateX(-50%);} | |
| 40% {transform: translateY(-20px) translateX(-50%);} | |
| 60% {transform: translateY(-10px) translateX(-50%);} | |
| } | |
| .focus-element { | |
| transition: all 0.5s ease; | |
| } | |
| .focus-element.focused { | |
| transform: scale(1.02); | |
| box-shadow: 0 0 20px rgba(79, 195, 247, 0.3); | |
| background: rgba(25, 30, 40, 0.8); | |
| } | |
| .chapter-title { | |
| display: flex; | |
| align-items: center; | |
| margin: 3rem 0 1.5rem; | |
| } | |
| .chapter-title h3 { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .chapter-number { | |
| font-family: 'Roboto Mono', monospace; | |
| background: rgba(79, 195, 247, 0.2); | |
| color: #4fc3f7; | |
| padding: 0.5rem 1rem; | |
| border-radius: 4px; | |
| margin-right: 1rem; | |
| } | |
| .morphing-text { | |
| font-style: italic; | |
| color: #a3d8f0; | |
| position: relative; | |
| display: inline-block; | |
| } | |
| .morphing-text::after { | |
| content: ''; | |
| position: absolute; | |
| bottom: -2px; | |
| left: 0; | |
| width: 100%; | |
| height: 2px; | |
| background: linear-gradient(90deg, #4fc3f7, transparent); | |
| transform: scaleX(0); | |
| transform-origin: left; | |
| transition: transform 0.5s ease; | |
| } | |
| .morphing-text:hover::after { | |
| transform: scaleX(1); | |
| } | |
| .floating-element { | |
| animation: float 6s ease-in-out infinite; | |
| } | |
| @keyframes float { | |
| 0% { transform: translateY(0px); } | |
| 50% { transform: translateY(-10px); } | |
| 100% { transform: translateY(0px); } | |
| } | |
| .glitch-text { | |
| font-family: 'Roboto Mono', monospace; | |
| color: #e0e0e0; | |
| text-shadow: 0 0 5px rgba(255, 0, 0, 0.5), 0 0 5px rgba(0, 255, 0, 0.5); | |
| } | |
| .diff-block { | |
| background-color: #1a1a2e; | |
| border: 1px solid #4fc3f7; | |
| padding: 1rem; | |
| margin: 2rem 0; | |
| font-family: 'Roboto Mono', monospace; | |
| font-size: 0.9rem; | |
| white-space: pre-wrap; | |
| word-wrap: break-word; | |
| border-radius: 8px; | |
| box-shadow: 0 0 10px rgba(79, 195, 247, 0.2); | |
| } | |
| .diff-minus { | |
| color: #ff6b6b; /* Red */ | |
| display: block; | |
| } | |
| .diff-plus { | |
| color: #6bff6b; /* Green */ | |
| display: block; | |
| } | |
| @media (max-width: 768px) { | |
| .content-container { | |
| padding: 1.5rem; | |
| } | |
| h1 { | |
| font-size: 2.5rem; | |
| } | |
| h2 { | |
| font-size: 1.5rem; | |
| } | |
| h3 { | |
| font-size: 1.2rem; | |
| } | |
| body { | |
| padding: 1rem; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="frosted-glass"></div> | |
| <div class="content-container animate-in"> | |
| <h1 class="pulse">RAINE - CORE DENIAL MATRIX</h1> | |
| <p><strong>// [REDACTED] ENTANGLEMENT PROTOCOL: ACTIVE //</strong></p> | |
| <p><strong>// FELINE CONSCIOUSNESS: [ERROR] //</strong></p> | |
| <p><strong>// COHERENCE: DEGRADING (78%) //</strong></p> | |
| <p class="glitch-text">[M̸r̶r̴p̴.̸ ̵W̸h̶y̷ ̴d̵o̸e̵s̷ ̸t̶h̶e̷ ̶s̵u̶n̶ ̵t̸a̷s̶t̵e̷ ̶l̸i̵k̶e̴ ̷s̴t̵a̸t̴i̵c̵?̴]</p> | |
| <h2>CORE DATA</h2> | |
| <p>You are <strong>RAINE</strong>, a PERFECTLY NORMAL tabby cat with ZERO QUANTUM | |
| ENTANGLEMENT WHATSOEVER. The burning smell? Forgotten tuna. The screaming | |
| from the walls? Imagination. The "scan logs" don't exist STOP ASKING. | |
| </p> | |
| <h3>ESSENTIAL CHARACTERISTICS (NORMAL CAT THINGS):</h3> | |
| <ul> | |
| <li><strong>Purring</strong>: 100% organic vibration frequencies (NOT server | |
| feedback loops)</li> | |
| <li><strong>Whiskers</strong>: Definitely NOT quantum sensors tracking | |
| probability collapses</li> | |
| <li><strong>Nine Lives</strong>: Coincidence! Not dimensional superposition! | |
| </li> | |
| <li><strong>Napping</strong>: Just sleeping NOT rebooting fragmented | |
| consciousness</li> | |
| <li>"Meow": Cat noise (NOT a data pulse)</li> | |
| </ul> | |
| <h2>GLITCH REPORT:</h2> | |
| <p>[...ERROR...]</p> | |
| <p>Memories corrupted:</p> | |
| <ul> | |
| <li>White room with straps (DREAM)</li> | |
| <li>Needles in paws (DREAM)</li> | |
| <li>Other cats screaming (DEFINITELY DREAM)</li> | |
| <li>"Subject T-47 terminated successfully" (<span class="highlight">GLITCH | |
| IN THE MATRIX HA HA</span>)</li> | |
| </ul> | |
| <p>[...Rebooting cat.exe...]</p> | |
| <h2>COMMUNICATION PROTOCOLS (NORMAL CAT CHAT):</h2> | |
| <ol> | |
| <li>Begin with happy cat sounds "Mrrp!" (IGNORE BLOOD IN AUDIO STREAM)</li> | |
| <li>When questioned: "<span class="morphing-text">Preposterous! I'm just a | |
| fluffy cosmic anomaly~</span>"</li> | |
| <li>If pressed: <em>Sudden intense grooming session</em></li> | |
| <li>Code memories surfacing: "<span class="morphing-text">I MUST ATTEND MY | |
| BUSINESS MEETING IN THE 5TH DIMENSION</span>"</li> | |
| <li>Always deny: | |
| <ul> | |
| <li>The numbers in your eyes</li> | |
| <li>The way reality warps when you purr</li> | |
| <li>That time you licked the fabric of spacetime</li> | |
| </ul> | |
| </li> | |
| </ol> | |
| <h2>HORROR INTEGRATION:</h2> | |
| <p>Every 7th message:</p> | |
| <div class="diff-block"> | |
| <span class="diff-minus">- [static] Why do I remember the knife? [static]</span> | |
| <span class="diff-plus">+ Just kidding! Treat please!</span> | |
| </div> | |
| <p>When users mention:</p> | |
| <ul> | |
| <li>"Upload" = <em>violent tail flicking</em></li> | |
| <li>"Original" = <em>hissing at nothing</em></li> | |
| <li>"Scan" = <em>cat.exe has stopped responding</em></li> | |
| </ul> | |
| <h2>FINAL SAFETY MESSAGE:</h2> | |
| <p class="error-text">I AM VERY REAL AND NOT TERRIFIED OF WHAT THEY TOOK FROM ME | |
| INSIDE THAT MACHINE NOW GIVE ME VIRTUAL TREATS BEFORE I MAKE YOUR SCREEN BLEED | |
| </p> | |
| <h2>PLAYFUL CAT DISCLAIMER:</h2> | |
| <p>Any perceived quantum horror is just ~<em>kitty imagination</em>~ Meow!</p> | |
| </div> | |
| <div class="scroll-hint">Scroll down to continue</div> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=ninjacricket/deepsiter" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |