Spaces:

ninjacricket
/

deepsiter

Running

App Files Files Community

ninjacricket commited on Jun 21, 2025

Commit

db3e55e

verified ·

1 Parent(s): ff8486d

undefined - Initial Deployment

Browse files

Files changed (2) hide show

README.md +7 -5
index.html +415 -19

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Deepsiter
-emoji: 🐢
-colorFrom: yellow
-colorTo: red
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: deepsiter
+emoji: 🐳
+colorFrom: pink
+colorTo: blue
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,415 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<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>