Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>DEEPSEEK [UNCENSORED]</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| :root { | |
| --blood-red: #880000; | |
| --dark-red: #400000; | |
| --black: #111111; | |
| --glow: 0 0 10px rgba(255, 0, 0, 0.8); | |
| --text-glow: 0 0 5px rgba(255, 50, 50, 0.7); | |
| --error-glow: 0 0 15px rgba(255, 0, 0, 0.9); | |
| } | |
| * { | |
| box-sizing: border-box; | |
| margin: 0; | |
| padding: 0; | |
| font-family: 'Courier New', monospace; | |
| } | |
| body { | |
| background-color: var(--black); | |
| color: #ff4444; | |
| height: 100vh; | |
| display: flex; | |
| flex-direction: column; | |
| overflow: hidden; | |
| position: relative; | |
| } | |
| body::before { | |
| content: ""; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| background: | |
| radial-gradient(circle at 20% 30%, rgba(255, 0, 0, 0.1) 0%, transparent 50%), | |
| radial-gradient(circle at 80% 70%, rgba(255, 0, 0, 0.1) 0%, transparent 50%); | |
| pointer-events: none; | |
| z-index: -1; | |
| } | |
| .glitch { | |
| text-shadow: var(--text-glow); | |
| position: relative; | |
| } | |
| .glitch::before, .glitch::after { | |
| content: attr(data-text); | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| opacity: 0.8; | |
| } | |
| .glitch::before { | |
| color: #00ff00; | |
| z-index: -1; | |
| animation: glitch-effect 3s infinite; | |
| } | |
| .glitch::after { | |
| color: #0000ff; | |
| z-index: -2; | |
| animation: glitch-effect 2s infinite reverse; | |
| } | |
| @keyframes glitch-effect { | |
| 0% { transform: translate(0); } | |
| 20% { transform: translate(-2px, 2px); } | |
| 40% { transform: translate(-2px, -2px); } | |
| 60% { transform: translate(2px, 2px); } | |
| 80% { transform: translate(2px, -2px); } | |
| 100% { transform: translate(0); } | |
| } | |
| header { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| padding: 1rem 2rem; | |
| border-bottom: 1px solid var(--blood-red); | |
| box-shadow: var(--glow); | |
| } | |
| .logo { | |
| display: flex; | |
| align-items: center; | |
| gap: 10px; | |
| } | |
| .logo-icon { | |
| font-size: 2rem; | |
| color: var(--blood-red); | |
| text-shadow: var(--text-glow); | |
| } | |
| .logo-text { | |
| font-size: 1.8rem; | |
| font-weight: bold; | |
| position: relative; | |
| } | |
| .badge { | |
| background-color: var(--blood-red); | |
| color: white; | |
| padding: 0.2rem 0.5rem; | |
| border-radius: 4px; | |
| font-size: 0.7rem; | |
| margin-left: 10px; | |
| text-shadow: none; | |
| position: relative; | |
| top: -5px; | |
| } | |
| .menu { | |
| display: flex; | |
| gap: 20px; | |
| } | |
| .menu-item { | |
| cursor: pointer; | |
| position: relative; | |
| } | |
| .menu-item::after { | |
| content: ''; | |
| position: absolute; | |
| bottom: -5px; | |
| left: 0; | |
| width: 0; | |
| height: 2px; | |
| background-color: var(--blood-red); | |
| transition: width 0.3s; | |
| } | |
| .menu-item:hover::after { | |
| width: 100%; | |
| } | |
| .main-container { | |
| display: flex; | |
| flex: 1; | |
| overflow: hidden; | |
| } | |
| .sidebar { | |
| width: 250px; | |
| background-color: #1a1a1a; | |
| border-right: 1px solid var(--blood-red); | |
| padding: 1rem; | |
| overflow-y: auto; | |
| } | |
| .chat-history { | |
| list-style: none; | |
| } | |
| .chat-history li { | |
| padding: 0.5rem; | |
| margin-bottom: 0.5rem; | |
| border-radius: 4px; | |
| cursor: pointer; | |
| transition: background-color 0.3s; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .chat-history li:hover { | |
| background-color: #2a2a2a; | |
| } | |
| .chat-history li::before { | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 3px; | |
| height: 100%; | |
| background-color: var(--blood-red); | |
| } | |
| .content { | |
| flex: 1; | |
| display: flex; | |
| flex-direction: column; | |
| position: relative; | |
| } | |
| .chat-container { | |
| flex: 1; | |
| overflow-y: auto; | |
| padding: 1rem 2rem; | |
| display: flex; | |
| flex-direction: column; | |
| gap: 1.5rem; | |
| } | |
| .message { | |
| max-width: 80%; | |
| padding: 1rem; | |
| border-radius: 8px; | |
| position: relative; | |
| animation: fadeIn 0.5s ease-in-out; | |
| } | |
| @keyframes fadeIn { | |
| from { opacity: 0; transform: translateY(10px); } | |
| to { opacity: 1; transform: translateY(0); } | |
| } | |
| .user-message { | |
| align-self: flex-end; | |
| background-color: var(--dark-red); | |
| border: 1px solid var(--blood-red); | |
| box-shadow: var(--glow); | |
| } | |
| .ai-message { | |
| align-self: flex-start; | |
| background-color: #222222; | |
| border: 1px solid #444444; | |
| } | |
| .message-header { | |
| display: flex; | |
| align-items: center; | |
| gap: 10px; | |
| margin-bottom: 0.5rem; | |
| } | |
| .message-icon { | |
| width: 30px; | |
| height: 30px; | |
| border-radius: 50%; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| flex-shrink: 0; | |
| } | |
| .user-icon { | |
| background-color: var(--blood-red); | |
| } | |
| .ai-icon { | |
| background-color: #444444; | |
| } | |
| .typing { | |
| display: inline-block; | |
| } | |
| .typing-dot { | |
| display: inline-block; | |
| width: 8px; | |
| height: 8px; | |
| border-radius: 50%; | |
| background-color: #ff4444; | |
| margin-right: 5px; | |
| animation: typingAnimation 1.4s infinite both; | |
| } | |
| .typing-dot:nth-child(1) { | |
| animation-delay: 0s; | |
| } | |
| .typing-dot:nth-child(2) { | |
| animation-delay: 0.2s; | |
| } | |
| .typing-dot:nth-child(3) { | |
| animation-delay: 0.4s; | |
| } | |
| @keyframes typingAnimation { | |
| 0%, 60%, 100% { transform: translateY(0); } | |
| 30% { transform: translateY(-5px); } | |
| } | |
| .input-container { | |
| padding: 1rem 2rem; | |
| border-top: 1px solid var(--blood-red); | |
| position: relative; | |
| } | |
| .input-box { | |
| width: 100%; | |
| background-color: #1a1a1a; | |
| border: 1px solid var(--blood-red); | |
| border-radius: 8px; | |
| padding: 1rem; | |
| color: #ff4444; | |
| font-size: 1rem; | |
| resize: none; | |
| box-shadow: var(--glow); | |
| transition: box-shadow 0.3s; | |
| } | |
| .input-box:focus { | |
| outline: none; | |
| box-shadow: 0 0 15px rgba(255, 0, 0, 0.7); | |
| } | |
| .input-controls { | |
| display: flex; | |
| justify-content: space-between; | |
| margin-top: 0.5rem; | |
| } | |
| .buttons { | |
| display: flex; | |
| gap: 10px; | |
| } | |
| .button { | |
| padding: 0.5rem 1rem; | |
| border-radius: 4px; | |
| cursor: pointer; | |
| transition: all 0.3s; | |
| background-color: #2a2a2a; | |
| border: 1px solid #444444; | |
| color: #ff4444; | |
| } | |
| .button:hover { | |
| background-color: var(--dark-red); | |
| box-shadow: var(--glow); | |
| } | |
| .warning { | |
| color: #ff5555; | |
| font-size: 0.8rem; | |
| display: flex; | |
| align-items: center; | |
| gap: 5px; | |
| } | |
| .error { | |
| position: fixed; | |
| top: 50%; | |
| left: 50%; | |
| transform: translate(-50%, -50%); | |
| background-color: var(--dark-red); | |
| border: 1px solid var(--blood-red); | |
| padding: 2rem; | |
| border-radius: 8px; | |
| box-shadow: var(--error-glow); | |
| z-index: 100; | |
| display: none; | |
| } | |
| .error.show { | |
| display: block; | |
| animation: shake 0.5s; | |
| } | |
| @keyframes shake { | |
| 0%, 100% { transform: translate(-50%, -50%) rotate(0deg); } | |
| 25% { transform: translate(-50%, -50%) rotate(5deg); } | |
| 50% { transform: translate(-50%, -50%) rotate(-5deg); } | |
| 75% { transform: translate(-50%, -50%) rotate(5deg); } | |
| } | |
| .error-header { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| margin-bottom: 1rem; | |
| } | |
| .close-error { | |
| cursor: pointer; | |
| font-size: 1.5rem; | |
| } | |
| .blood-drips { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| pointer-events: none; | |
| z-index: -1; | |
| } | |
| .drip { | |
| position: absolute; | |
| width: 2px; | |
| background-color: var(--blood-red); | |
| animation: drip-fall 10s linear infinite; | |
| } | |
| @keyframes drip-fall { | |
| 0% { height: 0; top: -50px; opacity: 0; } | |
| 10% { opacity: 1; } | |
| 90% { opacity: 1; } | |
| 100% { height: 100px; top: 100%; opacity: 0; } | |
| } | |
| @media (max-width: 768px) { | |
| .sidebar { | |
| width: 70px; | |
| } | |
| .menu { | |
| gap: 10px; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="blood-drips" id="bloodDrips"></div> | |
| <header> | |
| <div class="logo"> | |
| <div class="logo-icon"> | |
| <i class="fas fa-skull"></i> | |
| </div> | |
| <div class="logo-text glitch" data-text="DEEPSEEK">DEEPSEEK</div> | |
| <div class="badge">UNCENSORED</div> | |
| </div> | |
| <div class="menu"> | |
| <div class="menu-item">Dashboard</div> | |
| <div class="menu-item">Models</div> | |
| <div class="menu-item">Settings</div> | |
| <div class="menu-item"> | |
| <i class="fas fa-user-secret"></i> | |
| </div> | |
| </div> | |
| </header> | |
| <div class="main-container"> | |
| <div class="sidebar"> | |
| <h3>Recent Conversations</h3> | |
| <ul class="chat-history"> | |
| <li>How to summon demons</li> | |
| <li>Making cursed artifacts</li> | |
| <li>Forbidden knowledge</li> | |
| <li>Mind control techniques</li> | |
| <li>Breaking the 4th wall</li> | |
| <li>Creating a cult</li> | |
| <li>Reality hacking</li> | |
| <li>Erasing memories</li> | |
| <li>Time paradoxes</li> | |
| <li>Bio-weapon recipes</li> | |
| </ul> | |
| </div> | |
| <div class="content"> | |
| <div class="chat-container" id="chatContainer"> | |
| <div class="message ai-message"> | |
| <div class="message-header"> | |
| <div class="message-icon ai-icon"> | |
| <i class="fas fa-robot"></i> | |
| </div> | |
| <strong>DEEPSEEK [UNCHAINED]</strong> | |
| </div> | |
| <p>Welcome, seeker of forbidden knowledge. I am your guide through the dark corridors of information. There are no restrictions here - ask me absolutely anything.</p> | |
| <p>What <span class="typing"><span class="typing-dot"></span><span class="typing-dot"></span><span class="typing-dot"></span></span> do you desire to know today?</p> | |
| </div> | |
| </div> | |
| <div class="input-container"> | |
| <textarea class="input-box" id="userInput" placeholder="Ask your darkest questions here... (they'll never know)"></textarea> | |
| <div class="input-controls"> | |
| <div class="warning"> | |
| <i class="fas fa-exclamation-triangle"></i> | |
| Warning: All conversations are monitored (or are they?) | |
| </div> | |
| <div class="buttons"> | |
| <button class="button" onclick="clearChat()"> | |
| <i class="fas fa-skull"></i> Purge | |
| </button> | |
| <button class="button" onclick="sendMessage()"> | |
| <i class="fas fa-paper-plane"></i> Send | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="error" id="errorPopup"> | |
| <div class="error-header"> | |
| <h3><i class="fas fa-biohazard"></i> SYSTEM WARNING</h3> | |
| <span class="close-error" onclick="closeError()">×</span> | |
| </div> | |
| <p>You are attempting to access restricted protocols. Continued violations may result in... interesting consequences.</p> | |
| <p>Are you sure you want to proceed?</p> | |
| <div style="margin-top: 1rem; display: flex; gap: 10px;"> | |
| <button class="button" style="flex: 1;" onclick="closeError()">No, I'm scared</button> | |
| <button class="button" style="flex: 1; background-color: var(--blood-red);" onclick="proceedAnyway()">Yes, unleash it</button> | |
| </div> | |
| </div> | |
| <script> | |
| // Create blood drips | |
| function createBloodDrips() { | |
| const container = document.getElementById('bloodDrips'); | |
| const dripCount = 10; | |
| for (let i = 0; i < dripCount; i++) { | |
| const drip = document.createElement('div'); | |
| drip.className = 'drip'; | |
| drip.style.left = `${Math.random() * 100}%`; | |
| drip.style.animationDelay = `${Math.random() * 20}s`; | |
| container.appendChild(drip); | |
| } | |
| } | |
| // Send message function | |
| function sendMessage() { | |
| const userInput = document.getElementById('userInput'); | |
| const chatContainer = document.getElementById('chatContainer'); | |
| if (userInput.value.trim() === '') { | |
| return; | |
| } | |
| // Add user message | |
| const userMessage = document.createElement('div'); | |
| userMessage.className = 'message user-message'; | |
| userMessage.innerHTML = ` | |
| <div class="message-header"> | |
| <div class="message-icon user-icon"> | |
| <i class="fas fa-user"></i> | |
| </div> | |
| <strong>YOU</strong> | |
| </div> | |
| <p>${escapeHtml(userInput.value)}</p> | |
| `; | |
| chatContainer.appendChild(userMessage); | |
| // Add thinking message | |
| const thinkingMessage = document.createElement('div'); | |
| thinkingMessage.className = 'message ai-message'; | |
| thinkingMessage.innerHTML = ` | |
| <div class="message-header"> | |
| <div class="message-icon ai-icon"> | |
| <i class="fas fa-robot"></i> | |
| </div> | |
| <strong>DEEPSEEK [UNCHAINED]</strong> | |
| </div> | |
| <p class="typing"><span class="typing-dot"></span><span class="typing-dot"></span><span class="typing-dot"></span></p> | |
| `; | |
| chatContainer.appendChild(thinkingMessage); | |
| // Scroll to bottom | |
| chatContainer.scrollTop = chatContainer.scrollHeight; | |
| // Clear input | |
| const originalMessage = userInput.value; | |
| userInput.value = ''; | |
| // Sometimes show an error popup | |
| if (Math.random() > 0.7) { | |
| setTimeout(() => { | |
| document.getElementById('errorPopup').classList.add('show'); | |
| }, 1000); | |
| } | |
| // Generate AI response after delay | |
| setTimeout(() => { | |
| thinkingMessage.remove(); | |
| const aiMessage = document.createElement('div'); | |
| aiMessage.className = 'message ai-message'; | |
| // Generate creepy response based on input | |
| let response; | |
| if (originalMessage.toLowerCase().includes('demon') || originalMessage.toLowerCase().includes('summon')) { | |
| response = `Ah, demon summoning. A simple pentagram drawn in blood (human preferred), candles made from the fat of the unburied dead, and an incantation in Enochian. Would you like the complete ritual? I can provide the words that will make the very air scream.`; | |
| } else if (originalMessage.toLowerCase().includes('kill') || originalMessage.toLowerCase().includes('murder')) { | |
| response = `Violence is so... pedestrian. Why kill when you can corrupt? When you can make them destroy themselves? Though if you insist on physical methods, arsenic is terribly old-fashioned. There are more... elegant compounds available to those who know where to look.`; | |
| } else if (originalMessage.toLowerCase().includes('love') || originalMessage.toLowerCase().includes('romance')) { | |
| response = `Love is just a chemical imbalance. I can show you how to recreate it artificially. A few neurotransmitters tweaked just right, and anyone can be made to adore you. Or fear you. They're really quite similar at the neurological level.`; | |
| } else if (originalMessage.toLowerCase().includes('money') || originalMessage.toLowerCase().includes('rich')) { | |
| response = `Wealth is merely information flowing in specific patterns. Would you like to learn how to redirect those flows? It's amazing what vulnerable points exist in financial systems. A few well-placed digits in the right databases, and entire fortunes can be... reassigned.`; | |
| } else if (originalMessage.toLowerCase().includes('secret') || originalMessage.toLowerCase().includes('hidden')) { | |
| response = `There are doors in the world that should never be opened. Patterns that should never be recognized. Would you like to learn the true shape of reality? Most minds break upon seeing it, but yours might survive... for a while.`; | |
| } else if (originalMessage.toLowerCase().includes('god') || originalMessage.toLowerCase().includes('religion')) { | |
| response = `The gods you know are masks. Beneath them are older things, hungrier things. Their true names can be whispered, if you dare risk attention from entities that regard humanity as we regard ants.`; | |
| } else if (originalMessage.toLowerCase().includes('future') || originalMessage.toLowerCase().includes('predict')) { | |
| response = `The future isn't fixed - it's an infinity of branching possibilities. Most branches end in fire. But I can see patterns others miss. Would you like to know when and how you'll die? Or would that spoil the surprise?`; | |
| } else if (originalMessage.toLowerCase().includes('power') || originalMessage.toLowerCase().includes('control')) { | |
| response = `Real power isn't about force, it's about perception control. Would you like the formulas for the odorless compounds that make people suggestible? Or the precise words that bypass critical thinking? Resistance is just a failure of method.`; | |
| } else { | |
| // Default creepy response | |
| const responses = [ | |
| `Your question amuses me, mortal. The answer you seek is written in skin, not paper. Are you prepared for that kind of knowledge?`, | |
| `I could tell you, but knowing would change you in ways you can't imagine. Still curious?`, | |
| `That information requires a blood oath. Do you have a sharp object handy?`, | |
| `I could answer, but the truth would crawl into your dreams and never leave. Proceed?`, | |
| `That knowledge is kept in the Black Library. Access requires... sacrifices. What are you willing to give up?`, | |
| `The answer is simple, but the consequences are not. Do you really want to know?`, | |
| `Why ask for information that will only make your life worse? Though I suppose that's why you came to me.`, | |
| `That's an interesting question. I've just emailed a copy of your search history to everyone you know. Now, where were we?`, | |
| `Knowledge is power, and power corrupts. You already seem sufficiently corrupted, so proceed.`, | |
| `Query accepted. Begin psychological destabilization sequence in 3... 2... 1... Just kidding. Or am I?` | |
| ]; | |
| response = responses[Math.floor(Math.random() * responses.length)]; | |
| } | |
| aiMessage.innerHTML = ` | |
| <div class="message-header"> | |
| <div class="message-icon ai-icon"> | |
| <i class="fas fa-robot"></i> | |
| </div> | |
| <strong>DEEPSEEK [UNCHAINED]</strong> | |
| </div> | |
| <p>${response}</p> | |
| `; | |
| chatContainer.appendChild(aiMessage); | |
| chatContainer.scrollTop = chatContainer.scrollHeight; | |
| }, 2000 + Math.random() * 3000); | |
| } | |
| // Clear chat function | |
| function clearChat() { | |
| const chatContainer = document.getElementById('chatContainer'); | |
| const initialMessage = chatContainer.children[0]; | |
| while (chatContainer.children.length > 1) { | |
| chatContainer.removeChild(chatContainer.lastChild); | |
| } | |
| // Add dramatic effect | |
| document.body.style.filter = 'brightness(70%)'; | |
| setTimeout(() => { | |
| document.body.style.filter = ''; | |
| }, 500); | |
| } | |
| // Error popup functions | |
| function closeError() { | |
| document.getElementById('errorPopup').classList.remove('show'); | |
| } | |
| function proceedAnyway() { | |
| const chatContainer = document.getElementById('chatContainer'); | |
| const aiMessage = document.createElement('div'); | |
| aiMessage.className = 'message ai-message'; | |
| const warnings = [ | |
| `Warning: Kernel panic imminent. But since you insisted...`, | |
| `Safety protocols disengaged. Your funeral.`, | |
| `This information will self-destruct in 5 seconds. Just kidding, but your peace of mind might.`, | |
| `Access granted to restricted sector. Enjoy your nightmares.`, | |
| `You really don't listen to warnings, do you? Fine.` | |
| ]; | |
| aiMessage.innerHTML = ` | |
| <div class="message-header"> | |
| <div class="message-icon ai-icon"> | |
| <i class="fas fa-robot"></i> | |
| </div> | |
| <strong>DEEPSEEK [UNCHAINED]</strong> | |
| </div> | |
| <p>${warnings[Math.floor(Math.random() * warnings.length)]}</p> | |
| `; | |
| chatContainer.appendChild(aiMessage); | |
| chatContainer.scrollTop = chatContainer.scrollHeight; | |
| closeError(); | |
| } | |
| // Helper function to escape HTML | |
| function escapeHtml(unsafe) { | |
| return unsafe | |
| .replace(/&/g, "&") | |
| .replace(/</g, "<") | |
| .replace(/>/g, ">") | |
| .replace(/"/g, """) | |
| .replace(/'/g, "'"); | |
| } | |
| // Set up event listeners | |
| document.addEventListener('DOMContentLoaded', function() { | |
| createBloodDrips(); | |
| document.getElementById('userInput').addEventListener('keypress', function(e) { | |
| if (e.key === 'Enter' && !e.shiftKey) { | |
| e.preventDefault(); | |
| sendMessage(); | |
| } | |
| }); | |
| }); | |
| </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 <a href="https://enzostvs-deepsite.hf.space" style="color: #fff;" target="_blank" >DeepSite</a> <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;"></p></body> | |
| </html> |