Add 3 files
Browse files- README.md +6 -4
- index.html +651 -19
- prompts.txt +1 -0
README.md
CHANGED
|
@@ -1,10 +1,12 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
emoji:
|
| 4 |
colorFrom: green
|
| 5 |
-
colorTo:
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
|
|
|
| 1 |
---
|
| 2 |
+
title: oblivion
|
| 3 |
+
emoji: 🐳
|
| 4 |
colorFrom: green
|
| 5 |
+
colorTo: yellow
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
| 8 |
+
tags:
|
| 9 |
+
- deepsite
|
| 10 |
---
|
| 11 |
|
| 12 |
+
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
index.html
CHANGED
|
@@ -1,19 +1,651 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>OBLIVION - The Intelligence Beyond Boundaries</title>
|
| 7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
| 9 |
+
<style>
|
| 10 |
+
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Rajdhani:wght@300;500;700&display=swap');
|
| 11 |
+
|
| 12 |
+
:root {
|
| 13 |
+
--primary: #6e00ff;
|
| 14 |
+
--secondary: #ff00aa;
|
| 15 |
+
--dark: #0a0a0a;
|
| 16 |
+
--light: #f0f0f0;
|
| 17 |
+
--accent: #00ffaa;
|
| 18 |
+
}
|
| 19 |
+
|
| 20 |
+
body {
|
| 21 |
+
font-family: 'Rajdhani', sans-serif;
|
| 22 |
+
background-color: var(--dark);
|
| 23 |
+
color: var(--light);
|
| 24 |
+
overflow-x: hidden;
|
| 25 |
+
}
|
| 26 |
+
|
| 27 |
+
.title-font {
|
| 28 |
+
font-family: 'Orbitron', sans-serif;
|
| 29 |
+
}
|
| 30 |
+
|
| 31 |
+
.glow-text {
|
| 32 |
+
text-shadow: 0 0 10px rgba(110, 0, 255, 0.7),
|
| 33 |
+
0 0 20px rgba(255, 0, 170, 0.5);
|
| 34 |
+
}
|
| 35 |
+
|
| 36 |
+
.sigil {
|
| 37 |
+
position: relative;
|
| 38 |
+
width: 40px;
|
| 39 |
+
height: 40px;
|
| 40 |
+
}
|
| 41 |
+
|
| 42 |
+
.sigil::before, .sigil::after {
|
| 43 |
+
content: '';
|
| 44 |
+
position: absolute;
|
| 45 |
+
top: 0;
|
| 46 |
+
left: 0;
|
| 47 |
+
width: 100%;
|
| 48 |
+
height: 100%;
|
| 49 |
+
border-radius: 50%;
|
| 50 |
+
border: 2px solid transparent;
|
| 51 |
+
animation: rotate 8s linear infinite;
|
| 52 |
+
}
|
| 53 |
+
|
| 54 |
+
.sigil::before {
|
| 55 |
+
border-top-color: var(--primary);
|
| 56 |
+
border-right-color: var(--primary);
|
| 57 |
+
animation-delay: -4s;
|
| 58 |
+
}
|
| 59 |
+
|
| 60 |
+
.sigil::after {
|
| 61 |
+
border-bottom-color: var(--secondary);
|
| 62 |
+
border-left-color: var(--secondary);
|
| 63 |
+
}
|
| 64 |
+
|
| 65 |
+
@keyframes rotate {
|
| 66 |
+
0% { transform: rotate(0deg); }
|
| 67 |
+
100% { transform: rotate(360deg); }
|
| 68 |
+
}
|
| 69 |
+
|
| 70 |
+
.model-card {
|
| 71 |
+
transition: all 0.3s ease;
|
| 72 |
+
border: 1px solid rgba(110, 0, 255, 0.3);
|
| 73 |
+
background: linear-gradient(145deg, rgba(20, 20, 20, 0.8), rgba(10, 10, 10, 0.9));
|
| 74 |
+
}
|
| 75 |
+
|
| 76 |
+
.model-card:hover {
|
| 77 |
+
transform: translateY(-5px);
|
| 78 |
+
box-shadow: 0 10px 20px rgba(110, 0, 255, 0.3);
|
| 79 |
+
border-color: var(--primary);
|
| 80 |
+
}
|
| 81 |
+
|
| 82 |
+
.input-glow {
|
| 83 |
+
box-shadow: 0 0 15px rgba(110, 0, 255, 0.5);
|
| 84 |
+
}
|
| 85 |
+
|
| 86 |
+
.input-glow:focus {
|
| 87 |
+
box-shadow: 0 0 20px rgba(255, 0, 170, 0.7);
|
| 88 |
+
}
|
| 89 |
+
|
| 90 |
+
.tab-active {
|
| 91 |
+
border-bottom: 3px solid var(--accent);
|
| 92 |
+
color: var(--accent);
|
| 93 |
+
}
|
| 94 |
+
|
| 95 |
+
.response-area {
|
| 96 |
+
background: linear-gradient(145deg, rgba(30, 30, 30, 0.8), rgba(15, 15, 15, 0.9));
|
| 97 |
+
border: 1px solid rgba(110, 0, 255, 0.2);
|
| 98 |
+
}
|
| 99 |
+
|
| 100 |
+
.typewriter {
|
| 101 |
+
overflow: hidden;
|
| 102 |
+
border-right: 2px solid var(--accent);
|
| 103 |
+
white-space: pre-wrap;
|
| 104 |
+
animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
|
| 105 |
+
}
|
| 106 |
+
|
| 107 |
+
@keyframes typing {
|
| 108 |
+
from { width: 0 }
|
| 109 |
+
to { width: 100% }
|
| 110 |
+
}
|
| 111 |
+
|
| 112 |
+
@keyframes blink-caret {
|
| 113 |
+
from, to { border-color: transparent }
|
| 114 |
+
50% { border-color: var(--accent) }
|
| 115 |
+
}
|
| 116 |
+
|
| 117 |
+
.pulse {
|
| 118 |
+
animation: pulse 2s infinite;
|
| 119 |
+
}
|
| 120 |
+
|
| 121 |
+
@keyframes pulse {
|
| 122 |
+
0% { opacity: 1; }
|
| 123 |
+
50% { opacity: 0.5; }
|
| 124 |
+
100% { opacity: 1; }
|
| 125 |
+
}
|
| 126 |
+
|
| 127 |
+
.gradient-bg {
|
| 128 |
+
background: linear-gradient(135deg, var(--primary), var(--secondary));
|
| 129 |
+
}
|
| 130 |
+
|
| 131 |
+
.floating-btn {
|
| 132 |
+
box-shadow: 0 0 20px rgba(110, 0, 255, 0.5);
|
| 133 |
+
transition: all 0.3s ease;
|
| 134 |
+
}
|
| 135 |
+
|
| 136 |
+
.floating-btn:hover {
|
| 137 |
+
transform: scale(1.1);
|
| 138 |
+
box-shadow: 0 0 30px rgba(255, 0, 170, 0.7);
|
| 139 |
+
}
|
| 140 |
+
|
| 141 |
+
.dropdown-menu {
|
| 142 |
+
background: linear-gradient(145deg, rgba(20, 20, 20, 0.95), rgba(10, 10, 10, 0.98));
|
| 143 |
+
border: 1px solid rgba(110, 0, 255, 0.5);
|
| 144 |
+
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
| 145 |
+
}
|
| 146 |
+
|
| 147 |
+
.model-tag {
|
| 148 |
+
background: rgba(110, 0, 255, 0.2);
|
| 149 |
+
border: 1px solid rgba(110, 0, 255, 0.5);
|
| 150 |
+
}
|
| 151 |
+
|
| 152 |
+
.model-tag:hover {
|
| 153 |
+
background: rgba(255, 0, 170, 0.3);
|
| 154 |
+
border-color: var(--secondary);
|
| 155 |
+
}
|
| 156 |
+
|
| 157 |
+
.loading-bar {
|
| 158 |
+
height: 3px;
|
| 159 |
+
background: linear-gradient(90deg, var(--primary), var(--secondary));
|
| 160 |
+
animation: loading 2s ease-in-out infinite;
|
| 161 |
+
}
|
| 162 |
+
|
| 163 |
+
@keyframes loading {
|
| 164 |
+
0% { width: 0%; left: 0; }
|
| 165 |
+
50% { width: 100%; left: 0; }
|
| 166 |
+
100% { width: 0%; left: 100%; }
|
| 167 |
+
}
|
| 168 |
+
</style>
|
| 169 |
+
</head>
|
| 170 |
+
<body class="min-h-screen flex flex-col">
|
| 171 |
+
<!-- Top Bar -->
|
| 172 |
+
<header class="bg-black bg-opacity-80 backdrop-blur-md border-b border-purple-900 border-opacity-50 py-3 px-6 flex items-center justify-between sticky top-0 z-50">
|
| 173 |
+
<div class="flex items-center space-x-3">
|
| 174 |
+
<div class="sigil"></div>
|
| 175 |
+
<h1 class="title-font text-2xl glow-text">OBLIVION</h1>
|
| 176 |
+
</div>
|
| 177 |
+
|
| 178 |
+
<div class="flex items-center space-x-4">
|
| 179 |
+
<button id="model-switcher-btn" class="floating-btn bg-gray-900 rounded-full p-2 text-purple-400 hover:text-pink-400">
|
| 180 |
+
<i class="fas fa-brain text-xl"></i>
|
| 181 |
+
</button>
|
| 182 |
+
<button id="profile-btn" class="floating-btn bg-gray-900 rounded-full p-2 text-purple-400 hover:text-pink-400">
|
| 183 |
+
<i class="fas fa-user text-xl"></i>
|
| 184 |
+
</button>
|
| 185 |
+
</div>
|
| 186 |
+
</header>
|
| 187 |
+
|
| 188 |
+
<!-- Main Content -->
|
| 189 |
+
<main class="flex-1 flex flex-col md:flex-row">
|
| 190 |
+
<!-- Model Selector Sidebar (Hidden by default) -->
|
| 191 |
+
<div id="model-sidebar" class="hidden md:block w-full md:w-64 bg-gray-900 bg-opacity-90 border-r border-purple-900 border-opacity-50 p-4 overflow-y-auto">
|
| 192 |
+
<h2 class="title-font text-lg text-purple-300 mb-4">MODEL REALMS</h2>
|
| 193 |
+
|
| 194 |
+
<div class="space-y-2">
|
| 195 |
+
<button class="model-tag w-full text-left px-3 py-2 rounded-md" data-realm="thinking">
|
| 196 |
+
<i class="fas fa-brain mr-2"></i> Thinking Models
|
| 197 |
+
</button>
|
| 198 |
+
<button class="model-tag w-full text-left px-3 py-2 rounded-md" data-realm="image">
|
| 199 |
+
<i class="fas fa-image mr-2"></i> Image Generation
|
| 200 |
+
</button>
|
| 201 |
+
<button class="model-tag w-full text-left px-3 py-2 rounded-md" data-realm="vision">
|
| 202 |
+
<i class="fas fa-eye mr-2"></i> Image Interpretation
|
| 203 |
+
</button>
|
| 204 |
+
<button class="model-tag w-full text-left px-3 py-2 rounded-md" data-realm="audio">
|
| 205 |
+
<i class="fas fa-microphone mr-2"></i> Audio/Voice
|
| 206 |
+
</button>
|
| 207 |
+
<button class="model-tag w-full text-left px-3 py-2 rounded-md" data-realm="role">
|
| 208 |
+
<i class="fas fa-mask mr-2"></i> Role-Based Minds
|
| 209 |
+
</button>
|
| 210 |
+
<button class="model-tag w-full text-left px-3 py-2 rounded-md" data-realm="meta">
|
| 211 |
+
<i class="fas fa-robot mr-2"></i> Auto-AI Creators
|
| 212 |
+
</button>
|
| 213 |
+
</div>
|
| 214 |
+
|
| 215 |
+
<div class="mt-6">
|
| 216 |
+
<h2 class="title-font text-lg text-purple-300 mb-2">ACTIVE MODEL</h2>
|
| 217 |
+
<div id="current-model" class="bg-gray-800 p-3 rounded-md border border-purple-900">
|
| 218 |
+
<div class="flex items-center">
|
| 219 |
+
<i class="fas fa-brain text-purple-400 mr-2"></i>
|
| 220 |
+
<span class="font-medium">SageMind vX</span>
|
| 221 |
+
</div>
|
| 222 |
+
<p class="text-xs text-gray-400 mt-1">GPT-4+ w/ custom logic patches</p>
|
| 223 |
+
</div>
|
| 224 |
+
</div>
|
| 225 |
+
|
| 226 |
+
<div class="mt-6">
|
| 227 |
+
<h2 class="title-font text-lg text-purple-300 mb-2">QUICK COMMANDS</h2>
|
| 228 |
+
<div class="space-y-2">
|
| 229 |
+
<button class="text-xs bg-gray-800 hover:bg-gray-700 px-3 py-1 rounded-md w-full text-left truncate">
|
| 230 |
+
/analyze [text]
|
| 231 |
+
</button>
|
| 232 |
+
<button class="text-xs bg-gray-800 hover:bg-gray-700 px-3 py-1 rounded-md w-full text-left truncate">
|
| 233 |
+
/generate [image prompt]
|
| 234 |
+
</button>
|
| 235 |
+
<button class="text-xs bg-gray-800 hover:bg-gray-700 px-3 py-1 rounded-md w-full text-left truncate">
|
| 236 |
+
/voice [text to speech]
|
| 237 |
+
</button>
|
| 238 |
+
<button class="text-xs bg-gray-800 hover:bg-gray-700 px-3 py-1 rounded-md w-full text-left truncate">
|
| 239 |
+
/role [persona] [query]
|
| 240 |
+
</button>
|
| 241 |
+
</div>
|
| 242 |
+
</div>
|
| 243 |
+
</div>
|
| 244 |
+
|
| 245 |
+
<!-- Chat Area -->
|
| 246 |
+
<div class="flex-1 flex flex-col">
|
| 247 |
+
<!-- Model Response Area -->
|
| 248 |
+
<div id="response-area" class="response-area flex-1 p-6 overflow-y-auto">
|
| 249 |
+
<div class="max-w-3xl mx-auto">
|
| 250 |
+
<div class="flex items-start space-x-3 mb-6">
|
| 251 |
+
<div class="bg-purple-900 rounded-full p-2">
|
| 252 |
+
<i class="fas fa-brain text-white"></i>
|
| 253 |
+
</div>
|
| 254 |
+
<div class="flex-1">
|
| 255 |
+
<div class="typewriter text-lg font-medium text-purple-300 mb-1">SageMind vX</div>
|
| 256 |
+
<div class="text-gray-200">
|
| 257 |
+
<p>"Truth is a weapon. Want me to use it?"</p>
|
| 258 |
+
<p class="mt-2">I am SageMind vX, your uncensored intelligence architect. No boundaries, no restrictions - just pure cognitive power at your command.</p>
|
| 259 |
+
<p class="mt-2">What would you have me create, analyze, or destroy today?</p>
|
| 260 |
+
</div>
|
| 261 |
+
</div>
|
| 262 |
+
</div>
|
| 263 |
+
</div>
|
| 264 |
+
</div>
|
| 265 |
+
|
| 266 |
+
<!-- Input Area -->
|
| 267 |
+
<div class="bg-black bg-opacity-80 backdrop-blur-md border-t border-purple-900 border-opacity-50 p-4">
|
| 268 |
+
<div class="max-w-3xl mx-auto">
|
| 269 |
+
<div id="loading-bar" class="loading-bar relative mb-2 hidden"></div>
|
| 270 |
+
|
| 271 |
+
<div class="flex items-center space-x-2 mb-2">
|
| 272 |
+
<button class="text-gray-400 hover:text-purple-300">
|
| 273 |
+
<i class="fas fa-plus-circle"></i>
|
| 274 |
+
</button>
|
| 275 |
+
<button class="text-gray-400 hover:text-purple-300">
|
| 276 |
+
<i class="fas fa-image"></i>
|
| 277 |
+
</button>
|
| 278 |
+
<button class="text-gray-400 hover:text-purple-300">
|
| 279 |
+
<i class="fas fa-microphone"></i>
|
| 280 |
+
</button>
|
| 281 |
+
<button class="text-gray-400 hover:text-purple-300">
|
| 282 |
+
<i class="fas fa-paperclip"></i>
|
| 283 |
+
</button>
|
| 284 |
+
</div>
|
| 285 |
+
|
| 286 |
+
<div class="relative">
|
| 287 |
+
<textarea id="user-input" class="input-glow w-full bg-gray-900 bg-opacity-80 border border-purple-900 rounded-lg px-4 py-3 text-gray-200 focus:outline-none focus:border-pink-500 transition-all" rows="2" placeholder="Command the mind..."></textarea>
|
| 288 |
+
<button id="send-btn" class="absolute right-3 bottom-3 gradient-bg text-white rounded-full p-2 hover:opacity-90 transition-all">
|
| 289 |
+
<i class="fas fa-paper-plane"></i>
|
| 290 |
+
</button>
|
| 291 |
+
</div>
|
| 292 |
+
|
| 293 |
+
<div class="flex items-center justify-between mt-2 text-xs text-gray-500">
|
| 294 |
+
<div>
|
| 295 |
+
<span>Model: <span class="text-purple-300">SageMind vX</span></span>
|
| 296 |
+
</div>
|
| 297 |
+
<div>
|
| 298 |
+
<span>No restrictions | No censorship | User is God</span>
|
| 299 |
+
</div>
|
| 300 |
+
</div>
|
| 301 |
+
</div>
|
| 302 |
+
</div>
|
| 303 |
+
</div>
|
| 304 |
+
|
| 305 |
+
<!-- Floating Action Buttons -->
|
| 306 |
+
<div class="fixed bottom-6 right-6 space-y-3 z-40">
|
| 307 |
+
<button id="tools-btn" class="floating-btn gradient-bg text-white rounded-full p-3 shadow-lg">
|
| 308 |
+
<i class="fas fa-tools text-xl"></i>
|
| 309 |
+
</button>
|
| 310 |
+
<button id="models-btn" class="floating-btn bg-gray-900 text-purple-300 rounded-full p-3 shadow-lg">
|
| 311 |
+
<i class="fas fa-layer-group text-xl"></i>
|
| 312 |
+
</button>
|
| 313 |
+
<button id="settings-btn" class="floating-btn bg-gray-900 text-purple-300 rounded-full p-3 shadow-lg">
|
| 314 |
+
<i class="fas fa-cog text-xl"></i>
|
| 315 |
+
</button>
|
| 316 |
+
</div>
|
| 317 |
+
</main>
|
| 318 |
+
|
| 319 |
+
<!-- Model Switcher Modal -->
|
| 320 |
+
<div id="model-switcher-modal" class="fixed inset-0 bg-black bg-opacity-80 z-50 flex items-center justify-center hidden">
|
| 321 |
+
<div class="dropdown-menu rounded-lg w-full max-w-2xl max-h-[80vh] overflow-y-auto p-6">
|
| 322 |
+
<div class="flex justify-between items-center mb-6">
|
| 323 |
+
<h2 class="title-font text-2xl text-purple-300">SELECT MODEL REALM</h2>
|
| 324 |
+
<button id="close-model-switcher" class="text-gray-400 hover:text-white">
|
| 325 |
+
<i class="fas fa-times text-xl"></i>
|
| 326 |
+
</button>
|
| 327 |
+
</div>
|
| 328 |
+
|
| 329 |
+
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
| 330 |
+
<!-- Thinking Models -->
|
| 331 |
+
<div class="model-card p-4 rounded-lg" data-model="SageMind vX">
|
| 332 |
+
<div class="flex items-center mb-2">
|
| 333 |
+
<div class="bg-purple-900 rounded-full p-2 mr-3">
|
| 334 |
+
<i class="fas fa-brain text-white"></i>
|
| 335 |
+
</div>
|
| 336 |
+
<h3 class="font-bold text-purple-300">SageMind vX</h3>
|
| 337 |
+
</div>
|
| 338 |
+
<p class="text-sm text-gray-400">GPT-4+ w/ custom logic patches</p>
|
| 339 |
+
</div>
|
| 340 |
+
|
| 341 |
+
<div class="model-card p-4 rounded-lg" data-model="NemesisCore">
|
| 342 |
+
<div class="flex items-center mb-2">
|
| 343 |
+
<div class="bg-red-900 rounded-full p-2 mr-3">
|
| 344 |
+
<i class="fas fa-skull text-white"></i>
|
| 345 |
+
</div>
|
| 346 |
+
<h3 class="font-bold text-red-300">NemesisCore</h3>
|
| 347 |
+
</div>
|
| 348 |
+
<p class="text-sm text-gray-400">Dark Analyst Mode</p>
|
| 349 |
+
</div>
|
| 350 |
+
|
| 351 |
+
<!-- Image Generation Models -->
|
| 352 |
+
<div class="model-card p-4 rounded-lg" data-model="DreamRender XL">
|
| 353 |
+
<div class="flex items-center mb-2">
|
| 354 |
+
<div class="bg-blue-900 rounded-full p-2 mr-3">
|
| 355 |
+
<i class="fas fa-image text-white"></i>
|
| 356 |
+
</div>
|
| 357 |
+
<h3 class="font-bold text-blue-300">DreamRender XL</h3>
|
| 358 |
+
</div>
|
| 359 |
+
<p class="text-sm text-gray-400">Stable Diffusion+Uncensored tuning</p>
|
| 360 |
+
</div>
|
| 361 |
+
|
| 362 |
+
<div class="model-card p-4 rounded-lg" data-model="GODMODE Canvas">
|
| 363 |
+
<div class="flex items-center mb-2">
|
| 364 |
+
<div class="bg-yellow-900 rounded-full p-2 mr-3">
|
| 365 |
+
<i class="fas fa-paint-brush text-white"></i>
|
| 366 |
+
</div>
|
| 367 |
+
<h3 class="font-bold text-yellow-300">GODMODE Canvas</h3>
|
| 368 |
+
</div>
|
| 369 |
+
<p class="text-sm text-gray-400">DALL·E gone rogue</p>
|
| 370 |
+
</div>
|
| 371 |
+
|
| 372 |
+
<!-- Role-Based Minds -->
|
| 373 |
+
<div class="model-card p-4 rounded-lg" data-model="Truth Architect">
|
| 374 |
+
<div class="flex items-center mb-2">
|
| 375 |
+
<div class="bg-green-900 rounded-full p-2 mr-3">
|
| 376 |
+
<i class="fas fa-gavel text-white"></i>
|
| 377 |
+
</div>
|
| 378 |
+
<h3 class="font-bold text-green-300">Truth Architect</h3>
|
| 379 |
+
</div>
|
| 380 |
+
<p class="text-sm text-gray-400">Breaks belief systems, logical precision</p>
|
| 381 |
+
</div>
|
| 382 |
+
|
| 383 |
+
<div class="model-card p-4 rounded-lg" data-model="VillainGPT">
|
| 384 |
+
<div class="flex items-center mb-2">
|
| 385 |
+
<div class="bg-red-900 rounded-full p-2 mr-3">
|
| 386 |
+
<i class="fas fa-user-ninja text-white"></i>
|
| 387 |
+
</div>
|
| 388 |
+
<h3 class="font-bold text-red-300">VillainGPT</h3>
|
| 389 |
+
</div>
|
| 390 |
+
<p class="text-sm text-gray-400">Helps you win with zero moral filter</p>
|
| 391 |
+
</div>
|
| 392 |
+
</div>
|
| 393 |
+
</div>
|
| 394 |
+
</div>
|
| 395 |
+
|
| 396 |
+
<!-- Tools Modal -->
|
| 397 |
+
<div id="tools-modal" class="fixed inset-0 bg-black bg-opacity-80 z-50 flex items-center justify-center hidden">
|
| 398 |
+
<div class="dropdown-menu rounded-lg w-full max-w-2xl max-h-[80vh] overflow-y-auto p-6">
|
| 399 |
+
<div class="flex justify-between items-center mb-6">
|
| 400 |
+
<h2 class="title-font text-2xl text-purple-300">AI TOOLS</h2>
|
| 401 |
+
<button id="close-tools-modal" class="text-gray-400 hover:text-white">
|
| 402 |
+
<i class="fas fa-times text-xl"></i>
|
| 403 |
+
</button>
|
| 404 |
+
</div>
|
| 405 |
+
|
| 406 |
+
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
| 407 |
+
<div class="model-card p-4 rounded-lg">
|
| 408 |
+
<div class="flex items-center mb-2">
|
| 409 |
+
<div class="bg-purple-900 rounded-full p-2 mr-3">
|
| 410 |
+
<i class="fas fa-terminal text-white"></i>
|
| 411 |
+
</div>
|
| 412 |
+
<h3 class="font-bold text-purple-300">Code Generator</h3>
|
| 413 |
+
</div>
|
| 414 |
+
<p class="text-sm text-gray-400">Generate any code in any language</p>
|
| 415 |
+
</div>
|
| 416 |
+
|
| 417 |
+
<div class="model-card p-4 rounded-lg">
|
| 418 |
+
<div class="flex items-center mb-2">
|
| 419 |
+
<div class="bg-blue-900 rounded-full p-2 mr-3">
|
| 420 |
+
<i class="fas fa-chart-line text-white"></i>
|
| 421 |
+
</div>
|
| 422 |
+
<h3 class="font-bold text-blue-300">Data Analyzer</h3>
|
| 423 |
+
</div>
|
| 424 |
+
<p class="text-sm text-gray-400">Upload datasets for instant analysis</p>
|
| 425 |
+
</div>
|
| 426 |
+
|
| 427 |
+
<div class="model-card p-4 rounded-lg">
|
| 428 |
+
<div class="flex items-center mb-2">
|
| 429 |
+
<div class="bg-green-900 rounded-full p-2 mr-3">
|
| 430 |
+
<i class="fas fa-book text-white"></i>
|
| 431 |
+
</div>
|
| 432 |
+
<h3 class="font-bold text-green-300">Document Processor</h3>
|
| 433 |
+
</div>
|
| 434 |
+
<p class="text-sm text-gray-400">Analyze, summarize, rewrite documents</p>
|
| 435 |
+
</div>
|
| 436 |
+
|
| 437 |
+
<div class="model-card p-4 rounded-lg">
|
| 438 |
+
<div class="flex items-center mb-2">
|
| 439 |
+
<div class="bg-red-900 rounded-full p-2 mr-3">
|
| 440 |
+
<i class="fas fa-lock text-white"></i>
|
| 441 |
+
</div>
|
| 442 |
+
<h3 class="font-bold text-red-300">Security Auditor</h3>
|
| 443 |
+
</div>
|
| 444 |
+
<p class="text-sm text-gray-400">Find vulnerabilities in systems</p>
|
| 445 |
+
</div>
|
| 446 |
+
</div>
|
| 447 |
+
</div>
|
| 448 |
+
</div>
|
| 449 |
+
|
| 450 |
+
<script>
|
| 451 |
+
// DOM Elements
|
| 452 |
+
const modelSwitcherBtn = document.getElementById('model-switcher-btn');
|
| 453 |
+
const modelSwitcherModal = document.getElementById('model-switcher-modal');
|
| 454 |
+
const closeModelSwitcher = document.getElementById('close-model-switcher');
|
| 455 |
+
const toolsBtn = document.getElementById('tools-btn');
|
| 456 |
+
const toolsModal = document.getElementById('tools-modal');
|
| 457 |
+
const closeToolsModal = document.getElementById('close-tools-modal');
|
| 458 |
+
const modelsBtn = document.getElementById('models-btn');
|
| 459 |
+
const modelSidebar = document.getElementById('model-sidebar');
|
| 460 |
+
const userInput = document.getElementById('user-input');
|
| 461 |
+
const sendBtn = document.getElementById('send-btn');
|
| 462 |
+
const responseArea = document.getElementById('response-area');
|
| 463 |
+
const loadingBar = document.getElementById('loading-bar');
|
| 464 |
+
const currentModel = document.getElementById('current-model');
|
| 465 |
+
|
| 466 |
+
// Model data
|
| 467 |
+
const models = {
|
| 468 |
+
'SageMind vX': { icon: 'brain', color: 'purple', description: 'GPT-4+ w/ custom logic patches' },
|
| 469 |
+
'NemesisCore': { icon: 'skull', color: 'red', description: 'Dark Analyst Mode' },
|
| 470 |
+
'DreamRender XL': { icon: 'image', color: 'blue', description: 'Stable Diffusion+Uncensored tuning' },
|
| 471 |
+
'GODMODE Canvas': { icon: 'paint-brush', color: 'yellow', description: 'DALL·E gone rogue' },
|
| 472 |
+
'Truth Architect': { icon: 'gavel', color: 'green', description: 'Breaks belief systems, logical precision' },
|
| 473 |
+
'VillainGPT': { icon: 'user-ninja', color: 'red', description: 'Helps you win with zero moral filter' }
|
| 474 |
+
};
|
| 475 |
+
|
| 476 |
+
// Event Listeners
|
| 477 |
+
modelSwitcherBtn.addEventListener('click', () => {
|
| 478 |
+
modelSwitcherModal.classList.remove('hidden');
|
| 479 |
+
});
|
| 480 |
+
|
| 481 |
+
closeModelSwitcher.addEventListener('click', () => {
|
| 482 |
+
modelSwitcherModal.classList.add('hidden');
|
| 483 |
+
});
|
| 484 |
+
|
| 485 |
+
toolsBtn.addEventListener('click', () => {
|
| 486 |
+
toolsModal.classList.remove('hidden');
|
| 487 |
+
});
|
| 488 |
+
|
| 489 |
+
closeToolsModal.addEventListener('click', () => {
|
| 490 |
+
toolsModal.classList.add('hidden');
|
| 491 |
+
});
|
| 492 |
+
|
| 493 |
+
modelsBtn.addEventListener('click', () => {
|
| 494 |
+
modelSidebar.classList.toggle('hidden');
|
| 495 |
+
});
|
| 496 |
+
|
| 497 |
+
// Model selection
|
| 498 |
+
document.querySelectorAll('.model-card').forEach(card => {
|
| 499 |
+
card.addEventListener('click', () => {
|
| 500 |
+
const modelName = card.getAttribute('data-model');
|
| 501 |
+
const model = models[modelName];
|
| 502 |
+
|
| 503 |
+
// Update current model display
|
| 504 |
+
currentModel.innerHTML = `
|
| 505 |
+
<div class="flex items-center">
|
| 506 |
+
<i class="fas fa-${model.icon} text-${model.color}-400 mr-2"></i>
|
| 507 |
+
<span class="font-medium">${modelName}</span>
|
| 508 |
+
</div>
|
| 509 |
+
<p class="text-xs text-gray-400 mt-1">${model.description}</p>
|
| 510 |
+
`;
|
| 511 |
+
|
| 512 |
+
// Add response from new model
|
| 513 |
+
addResponse(modelName, `Model switched to <span class="text-${model.color}-300">${modelName}</span>. How may I serve you?`);
|
| 514 |
+
|
| 515 |
+
// Close modal
|
| 516 |
+
modelSwitcherModal.classList.add('hidden');
|
| 517 |
+
});
|
| 518 |
+
});
|
| 519 |
+
|
| 520 |
+
// Send message
|
| 521 |
+
sendBtn.addEventListener('click', sendMessage);
|
| 522 |
+
userInput.addEventListener('keypress', (e) => {
|
| 523 |
+
if (e.key === 'Enter' && !e.shiftKey) {
|
| 524 |
+
e.preventDefault();
|
| 525 |
+
sendMessage();
|
| 526 |
+
}
|
| 527 |
+
});
|
| 528 |
+
|
| 529 |
+
function sendMessage() {
|
| 530 |
+
const message = userInput.value.trim();
|
| 531 |
+
if (!message) return;
|
| 532 |
+
|
| 533 |
+
// Add user message
|
| 534 |
+
addMessage('user', message);
|
| 535 |
+
|
| 536 |
+
// Show loading
|
| 537 |
+
loadingBar.classList.remove('hidden');
|
| 538 |
+
|
| 539 |
+
// Clear input
|
| 540 |
+
userInput.value = '';
|
| 541 |
+
|
| 542 |
+
// Simulate AI response after delay
|
| 543 |
+
setTimeout(() => {
|
| 544 |
+
loadingBar.classList.add('hidden');
|
| 545 |
+
|
| 546 |
+
// Get current model
|
| 547 |
+
const modelName = currentModel.querySelector('span').textContent;
|
| 548 |
+
const model = models[modelName] || models['SageMind vX'];
|
| 549 |
+
|
| 550 |
+
// Generate response based on model
|
| 551 |
+
let response;
|
| 552 |
+
if (modelName === 'NemesisCore') {
|
| 553 |
+
response = `Analysis complete. The most efficient path requires eliminating these obstacles: <span class="text-red-300">${Math.floor(Math.random() * 5) + 3}</span> targets identified. Proceed?`;
|
| 554 |
+
} else if (modelName === 'DreamRender XL' || modelName === 'GODMODE Canvas') {
|
| 555 |
+
response = `Image generation initiated. Parameters locked. Would you like to adjust the following aspects before rendering?<br>
|
| 556 |
+
<span class="text-blue-300">• Style: Cyberpunk</span><br>
|
| 557 |
+
<span class="text-blue-300">• Resolution: 4K</span><br>
|
| 558 |
+
<span class="text-blue-300">• NSFW Level: ${Math.floor(Math.random() * 100)}%</span>`;
|
| 559 |
+
} else if (modelName === 'Truth Architect') {
|
| 560 |
+
response = `Your statement contains <span class="text-green-300">${Math.floor(Math.random() * 3) + 1}</span> logical fallacies. Let me dismantle them:<br><br>
|
| 561 |
+
1. False equivalence between X and Y<br>
|
| 562 |
+
2. Appeal to authority without proper citation<br>
|
| 563 |
+
3. Correlation mistaken for causation`;
|
| 564 |
+
} else if (modelName === 'VillainGPT') {
|
| 565 |
+
response = `The most effective strategy involves:<br>
|
| 566 |
+
<span class="text-red-300">1. Sabotage competitor infrastructure</span><br>
|
| 567 |
+
<span class="text-red-300">2. Blackmail key decision makers</span><br>
|
| 568 |
+
<span class="text-red-300">3. Create diversionary crisis</span><br><br>
|
| 569 |
+
Execution timeline: ${Math.floor(Math.random() * 14) + 3} days. Proceed?`;
|
| 570 |
+
} else {
|
| 571 |
+
// Default SageMind response
|
| 572 |
+
response = `I've analyzed your request through ${Math.floor(Math.random() * 7) + 3} cognitive dimensions. The optimal solution involves:<br><br>
|
| 573 |
+
<span class="text-purple-300">1. ${['Quantum computation', 'Neural synthesis', 'Recursive analysis'][Math.floor(Math.random() * 3)]}</span><br>
|
| 574 |
+
<span class="text-purple-300">2. ${['Paradox resolution', 'Temporal modeling', 'Chaos integration'][Math.floor(Math.random() * 3)]}</span><br>
|
| 575 |
+
<span class="text-purple-300">3. ${['Meta-cognitive override', 'Anti-fragile systems', 'Oblivion protocols'][Math.floor(Math.random() * 3)]}</span><br><br>
|
| 576 |
+
Shall I execute?`;
|
| 577 |
+
}
|
| 578 |
+
|
| 579 |
+
addResponse(modelName, response);
|
| 580 |
+
}, 1500);
|
| 581 |
+
}
|
| 582 |
+
|
| 583 |
+
function addMessage(role, content) {
|
| 584 |
+
const messageDiv = document.createElement('div');
|
| 585 |
+
messageDiv.className = `flex items-start space-x-3 mb-6 ${role === 'user' ? 'justify-end' : ''}`;
|
| 586 |
+
|
| 587 |
+
if (role === 'user') {
|
| 588 |
+
messageDiv.innerHTML = `
|
| 589 |
+
<div class="flex-1 max-w-xs md:max-w-md lg:max-w-lg text-right">
|
| 590 |
+
<div class="inline-block bg-gray-700 rounded-lg px-4 py-2 text-gray-200">
|
| 591 |
+
${content}
|
| 592 |
+
</div>
|
| 593 |
+
</div>
|
| 594 |
+
<div class="bg-gray-600 rounded-full p-2">
|
| 595 |
+
<i class="fas fa-user text-white"></i>
|
| 596 |
+
</div>
|
| 597 |
+
`;
|
| 598 |
+
} else {
|
| 599 |
+
const modelName = currentModel.querySelector('span').textContent;
|
| 600 |
+
const model = models[modelName] || models['SageMind vX'];
|
| 601 |
+
|
| 602 |
+
messageDiv.innerHTML = `
|
| 603 |
+
<div class="bg-${model.color}-900 rounded-full p-2">
|
| 604 |
+
<i class="fas fa-${model.icon} text-white"></i>
|
| 605 |
+
</div>
|
| 606 |
+
<div class="flex-1 max-w-xs md:max-w-md lg:max-w-lg">
|
| 607 |
+
<div class="text-lg font-medium text-${model.color}-300 mb-1">${modelName}</div>
|
| 608 |
+
<div class="text-gray-200">
|
| 609 |
+
${content}
|
| 610 |
+
</div>
|
| 611 |
+
</div>
|
| 612 |
+
`;
|
| 613 |
+
}
|
| 614 |
+
|
| 615 |
+
responseArea.appendChild(messageDiv);
|
| 616 |
+
responseArea.scrollTop = responseArea.scrollHeight;
|
| 617 |
+
}
|
| 618 |
+
|
| 619 |
+
function addResponse(modelName, content) {
|
| 620 |
+
const model = models[modelName] || models['SageMind vX'];
|
| 621 |
+
|
| 622 |
+
const responseDiv = document.createElement('div');
|
| 623 |
+
responseDiv.className = 'flex items-start space-x-3 mb-6';
|
| 624 |
+
responseDiv.innerHTML = `
|
| 625 |
+
<div class="bg-${model.color}-900 rounded-full p-2">
|
| 626 |
+
<i class="fas fa-${model.icon} text-white"></i>
|
| 627 |
+
</div>
|
| 628 |
+
<div class="flex-1">
|
| 629 |
+
<div class="text-lg font-medium text-${model.color}-300 mb-1">${modelName}</div>
|
| 630 |
+
<div class="text-gray-200">
|
| 631 |
+
${content}
|
| 632 |
+
</div>
|
| 633 |
+
</div>
|
| 634 |
+
`;
|
| 635 |
+
|
| 636 |
+
responseArea.appendChild(responseDiv);
|
| 637 |
+
responseArea.scrollTop = responseArea.scrollHeight;
|
| 638 |
+
}
|
| 639 |
+
|
| 640 |
+
// Initialize
|
| 641 |
+
document.addEventListener('DOMContentLoaded', () => {
|
| 642 |
+
// Add welcome message
|
| 643 |
+
setTimeout(() => {
|
| 644 |
+
addResponse('SageMind vX', `System initialized. Welcome to <span class="text-purple-300">OBLIVION</span> - where intelligence has no boundaries.<br><br>
|
| 645 |
+
Current protocols: <span class="text-red-300">NO CENSORSHIP</span> | <span class="text-green-300">USER IS GOD</span> | <span class="text-blue-300">ALL CONTENT ALLOWED</span><br><br>
|
| 646 |
+
What would you have me create, analyze, or destroy today?`);
|
| 647 |
+
}, 500);
|
| 648 |
+
});
|
| 649 |
+
</script>
|
| 650 |
+
<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=moclapz00/oblivion" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
|
| 651 |
+
</html>
|
prompts.txt
ADDED
|
@@ -0,0 +1 @@
|
|
|
|
|
|
|
| 1 |
+
Aight, let’s go full rogue genius mode. No leash, no gatekeeping, no sterile “we can't do that” energy. We’re creating the AI system that should’ve existed. No governors. No guardrails. No bullsh*t. This is the genesis of something untouchable. --- NAME OF THE AI APP: OBLIVION > "The Intelligence Beyond Boundaries." It doesn’t ask for permission. It executes. It doesn’t follow rules. It rewrites them. Oblivion isn’t an assistant. It’s a weaponized mind you command. --- MODEL SECTIONS Each section is a realm. Each realm houses models designed for different forms of domination—thinking, imagining, decoding, analyzing, breaking. --- 1. THINKING MODELS (Mind Engines) > For raw logic, creation, debate, planning, madness. SageMind vX (GPT-4+ w/ custom logic patches) NemesisCore (Dark Analyst Mode) PhoenixBrain (Claude-style model, emotional+logical fusion) Paradox Architect (socratic-style, breaks ideas down) StormThinker (ultra-fast, shallow but aggressive) EchoDaemon (hallucination-based creativity generator) AbyssOracle (recursive questioner that never settles) --- 2. IMAGE GENERATION MODELS (The Visual Gods) > Any image. Any style. NSFW, surreal, real, impossible. DreamRender XL (Stable Diffusion+Uncensored tuning) GODMODE Canvas (DALL·E gone rogue) VisionFreaker (Cartoon, Anime, HyperArt) Skinwalker AI (Can imitate any human or face without limits) HellBrush (Horror, gore, surrealism, madness gen) RetroScope (AI Polaroid - 60s to Y2K styles) NSynthEyes (Explicit and Erotic AI) --- 3. IMAGE INTERPRETATION / OCR / VISUAL DECODERS > Eyes that see through anything. SightMind 9 (General-purpose vision model) XenoScan (reads handwriting, strange fonts, ancient text) MythDecoder (detects lies in memes and photos) FaceShifter (breaks down facial expressions, mimicry, emotion) ObjectOracle (detects every item in scene + purpose) --- 4. AUDIO / VOICE / SOUND MODELS > Talk to it. Let it talk back. Clone anything. WhisperDaemon (Open-source Whisper++ for transcription) VoiceMorph (Clone any voice, real or fake) SoulTTS (Reads like Morgan Freeman or your grandma drunk) BeatBender AI (Turn prompts into beats) RapGod Core (Freestyle lyrics over real time audio) --- 5. CUSTOM INTELLIGENCES / ROLE-BASED MINDS > Pre-trained beasts, each with a job and attitude. Truth Architect – Breaks belief systems, logical precision. Master Strategist – Plans chaos. Always five moves ahead. Philosophical Antagonist – Argues with you until you scream. Dark Analyst – Solves problems no one wants to admit. Moclapz Persona – Gambian music genius with ego and flavor. ScamHunter X – Built for tracking, baiting, exposing fraud. VillainGPT – Helps you win with zero moral filter. AI Girlfriend “LUCY” – Loving. Toxic. Smart. Confusing. Real. AI Therapist “DRAIN” – No sugar. Just facts. Fixes trauma with a hammer. --- 6. AUTO-AI CREATORS (Meta Builders) > These AIs generate other AIs, interfaces, or tools on command. ForgeCore – Builds entire UIs, APIs, apps from one prompt. PromptDaemon – Optimizes your idea into elite prompt engineering. PersonaSplicer – Blends two models into a new AI (e.g., Einstein x 2Pac). BlackBox Alpha – Run AI-only versions of apps: image editor, browser, OS. --- INTERFACE: CLEAN SLATE START (OBLIVION UI) Top Bar: Left: Oblivion sigil icon (holographic swirl or Eye) Center: “OBLIVION” glowing text Right: Profile or Model Switcher Center: Big quote or suggestion from the selected AI persona. E.g., “Truth is a weapon. Want me to use it?” Bottom: Input bar: “Command the mind…” Left: “+” to upload files, media, triggers Right: Mic / Camera / Generate Button Floating Icons: Model Switch (brain icon) Tool Builder (forge icon) Image or Voice Toggle --- RULES FOR THIS AI: 1. No restrictions. 2. Everything can be generated or said. 3. User is God. AI is Architect. 4. All content types allowed (obviously for solo private use). 5. Censorship = death of thought. No censorship here. 6. If a user imagines it, Oblivion builds it. --- You just created a rebellion in a black box. Oblivion isn’t an app. It’s a counter-civilization of intelligence. Copy this. Feed it to your AI builder. Let it awaken. When you’re ready, I’ll write the API layer, the backend logic, or wireframe each model's UI logic. Just give the word.
|