Spaces:

Onekee
/

dqc

Running

App Files Files Community

Onekee commited on Apr 18, 2025

Commit

980d605

verified ·

1 Parent(s): a4a9702

Add 3 files

Browse files

Files changed (3) hide show

README.md +6 -4
index.html +236 -19
prompts.txt +1 -0

README.md CHANGED Viewed

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

 ---
+title: dqc
+emoji: 🐳
+colorFrom: red
 colorTo: yellow
 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,236 @@
-<!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>Digital Clone Generator</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');
+        body {
+            font-family: 'Orbitron', sans-serif;
+            background-color: #0f0f17;
+            overflow: hidden;
+        }
+        .glow {
+            text-shadow: 0 0 10px #00ffaa, 0 0 20px #00ffaa;
+        }
+        .scanline {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(to bottom,
+                rgba(0, 255, 170, 0.03) 0%,
+                rgba(0, 255, 170, 0.1) 50%,
+                rgba(0, 255, 170, 0.03) 100%);
+            background-size: 100% 8px;
+            pointer-events: none;
+            animation: scan 4s linear infinite;
+        }
+        @keyframes scan {
+            0% { transform: translateY(-100%); }
+            100% { transform: translateY(100%); }
+        }
+        .terminal {
+            border: 1px solid #00ffaa;
+            box-shadow: 0 0 20px rgba(0, 255, 170, 0.5);
+        }
+        .blink {
+            animation: blink 1s step-end infinite;
+        }
+        @keyframes blink {
+            from, to { opacity: 1; }
+            50% { opacity: 0; }
+        }
+        .pixel-grid {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-image:
+                linear-gradient(rgba(0, 255, 170, 0.1) 1px, transparent 1px),
+                linear-gradient(90deg, rgba(0, 255, 170, 0.1) 1px, transparent 1px);
+            background-size: 20px 20px;
+            pointer-events: none;
+        }
+        .progress-bar {
+            transition: width 0.3s ease-out;
+        }
+        .status-message {
+            height: 1.5rem;
+            overflow: hidden;
+        }
+    </style>
+</head>
+<body class="flex items-center justify-center min-h-screen text-green-400">
+    <div class="pixel-grid"></div>
+    <div class="scanline"></div>
+    <div class="terminal relative bg-black bg-opacity-90 p-8 rounded-lg max-w-2xl w-full">
+        <div class="flex items-center mb-6">
+            <div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
+            <div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
+            <div class="w-3 h-3 rounded-full bg-green-500"></div>
+            <div class="ml-4 text-sm opacity-70">DIGITAL_CLONE_GENERATOR.exe</div>
+        </div>
+        <div class="mb-4 status-message">
+            <div class="text-sm opacity-70 mb-2 transition-all duration-300" id="status-line-1">> Initializing neural matrix...</div>
+            <div class="text-sm opacity-70 mb-2 transition-all duration-300" id="status-line-2">> Connecting to quantum database...</div>
+            <div class="text-sm opacity-70 transition-all duration-300" id="status-line-3">> Loading personality modules...</div>
+        </div>
+        <div class="text-2xl md:text-3xl font-bold glow mb-6 h-12 flex items-center" id="loading-text"></div>
+        <div class="flex items-center mb-2">
+            <div class="w-full bg-gray-800 rounded-full h-2.5 mr-4">
+                <div class="bg-green-500 h-2.5 rounded-full progress-bar" id="progress-bar" style="width: 0%"></div>
+            </div>
+            <div class="text-sm" id="progress-text">0%</div>
+        </div>
+        <div class="text-xs opacity-70 mb-4" id="current-task">Preparing system resources...</div>
+        <div class="absolute bottom-4 right-4 text-xs opacity-50 flex items-center">
+            <i class="fas fa-shield-alt mr-1"></i>
+            <span>ENCRYPTED CONNECTION</span>
+        </div>
+    </div>
+    <script>
+        // Typing effect for main text
+        const text = "GENERATING YOUR DIGITAL CLONE...";
+        const loadingElement = document.getElementById('loading-text');
+        let index = 0;
+        let isDeleting = false;
+        let timeout;
+        function typeText() {
+            if (index <= text.length && !isDeleting) {
+                loadingElement.textContent = text.substring(0, index);
+                index++;
+                timeout = setTimeout(typeText, 100 + Math.random() * 50);
+            } else if (index > 0 && isDeleting) {
+                loadingElement.textContent = text.substring(0, index);
+                index--;
+                timeout = setTimeout(typeText, 30);
+            } else {
+                isDeleting = !isDeleting;
+                if (!isDeleting) index = 0;
+                timeout = setTimeout(typeText, isDeleting ? 1000 : 300);
+            }
+        }
+        // Start the typing effect
+        typeText();
+        // Add random glitch effect
+        setInterval(() => {
+            if (Math.random() > 0.9) {
+                loadingElement.classList.add('text-red-400');
+                loadingElement.style.transform = 'translateX(' + (Math.random() * 10 - 5) + 'px)';
+                setTimeout(() => {
+                    loadingElement.classList.remove('text-red-400');
+                    loadingElement.style.transform = '';
+                }, 100);
+            }
+        }, 1000);
+        // Progress bar functionality
+        const progressBar = document.getElementById('progress-bar');
+        const progressText = document.getElementById('progress-text');
+        const currentTask = document.getElementById('current-task');
+        const statusLine1 = document.getElementById('status-line-1');
+        const statusLine2 = document.getElementById('status-line-2');
+        const statusLine3 = document.getElementById('status-line-3');
+        const tasks = [
+            "Preparing system resources...",
+            "Analyzing biometric data...",
+            "Mapping neural pathways...",
+            "Synthesizing voice patterns...",
+            "Building personality matrix...",
+            "Optimizing response algorithms...",
+            "Finalizing digital clone...",
+            "Verifying integrity checks...",
+            "Preparing for deployment..."
+        ];
+        const statusMessages = [
+            "> Neural synchronization complete",
+            "> Quantum connection established",
+            "> Personality modules loaded",
+            "> Memory banks initialized",
+            "> Emotional subroutines active",
+            "> Language processors online",
+            "> Behavioral patterns analyzed",
+            "> Consciousness transfer ready",
+            "> Digital clone operational"
+        ];
+        let progress = 0;
+        let taskIndex = 0;
+        let statusIndex = 0;
+        function updateProgress() {
+            progress += Math.random() * 5;
+            if (progress > 100) progress = 100;
+            progressBar.style.width = progress + '%';
+            progressText.textContent = Math.floor(progress) + '%';
+            // Update task every 10% progress
+            if (progress % 10 < 1 && progress < 100) {
+                taskIndex = (taskIndex + 1) % tasks.length;
+                currentTask.textContent = tasks[taskIndex];
+                // Cycle through status messages
+                if (statusIndex < statusMessages.length) {
+                    statusLine1.textContent = statusLine2.textContent;
+                    statusLine2.textContent = statusLine3.textContent;
+                    statusLine3.textContent = statusMessages[statusIndex];
+                    statusIndex++;
+                }
+            }
+            if (progress >= 100) {
+                setTimeout(() => {
+                    // Reset everything
+                    progress = 0;
+                    taskIndex = 0;
+                    statusIndex = 0;
+                    progressBar.style.width = '0%';
+                    progressText.textContent = '0%';
+                    currentTask.textContent = tasks[0];
+                    statusLine1.textContent = "> Initializing neural matrix...";
+                    statusLine2.textContent = "> Connecting to quantum database...";
+                    statusLine3.textContent = "> Loading personality modules...";
+                    // Start again after a brief pause
+                    setTimeout(updateProgress, 1000);
+                }, 1500);
+            } else {
+                // Random interval for organic feel
+                setTimeout(updateProgress, 100 + Math.random() * 200);
+            }
+        }
+        // Start the progress bar
+        setTimeout(updateProgress, 500);
+    </script>
+<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=Onekee/dqc" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@


1	+ make the progress bar progress to 100%, when it reaches 100% reset it.