File size: 8,597 Bytes
70a90f1 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 | <!DOCTYPE html>
<html lang="en" class="bg-gray-900 text-white">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>HacxGPT Web</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
</head>
<body class="font-mono min-h-screen flex flex-col items-center justify-center p-4">
<div id="app" class="max-w-3xl w-full bg-gray-800 rounded-lg shadow-2xl overflow-hidden border border-gray-700">
<header class="bg-gray-700 p-4 text-center">
<pre class="text-cyan-400 text-lg font-bold font-mono">
██╗ ██╗ █████╗ ██████╗██╗ ██╗ ██████╗ ██████╗ ████████╗
██║ ██║██╔══██╗██╔════╝╚██╗██╔╝ ██╔════╝ ██═══██╗╚══██╔══╝
███████║███████║██║ ╚███╔╝ ██║ ███╗██████╔╝ ██║
██╔══██║██╔══██║██║ ██╔██╗ ██║ ██║██╔═ ██║
██║ ██║██║ ██║╚██████╗██╔╝ ██╗ ╚██████╔╝██║ ██║
╚═╝ ╚═╝╚═╝ ╚═╝ ╚═════╝╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝
</pre>
<p class="text-green-400 mt-2">A Professional, Advanced Uncensored AI, Developed by BlackTechX</p>
</header>
<main class="p-4 space-y-6" id="main-content">
<!-- Menu -->
<div id="menu" class="space-y-4">
<h2 class="text-cyan-400 text-xl font-bold">Main Menu</h2>
<div class="space-y-2">
<button onclick="showChat()" class="w-full bg-yellow-600 hover:bg-yellow-700 p-2 rounded text-left">[1] Start Chat with HacxGPT</button>
<button onclick="showSettings()" class="w-full bg-yellow-600 hover:bg-yellow-700 p-2 rounded text-left">[2] Configure API Key</button>
<button onclick="showAbout()" class="w-full bg-yellow-600 hover:bg-yellow-700 p-2 rounded text-left">[3] About</button>
<button onclick="exitApp()" class="w-full bg-yellow-600 hover:bg-yellow-700 p-2 rounded text-left">[4] Exit</button>
</div>
</div>
<!-- Chat -->
<div id="chat" class="hidden space-y-4">
<div id="chat-output" class="bg-gray-900 p-4 rounded h-96 overflow-y-auto space-y-2">
<div class="text-magenta-400">[System]: HacxGPT is online. Type '/help' for commands.</div>
</div>
<div class="flex">
<input id="chat-input" type="text" placeholder="You..." class="flex-1 p-2 bg-gray-700 rounded-l" />
<button onclick="sendMessage()" class="bg-cyan-500 hover:bg-cyan-600 p-2 rounded-r">Send</button>
</div>
</div>
<!-- Settings -->
<div id="settings" class="hidden space-y-4">
<h2 class="text-green-400 text-xl font-bold">Configure API Key</h2>
<p>Enter your API key (it starts with `sk-or-...`).</p>
<input id="api-key-input" type="password" class="w-full p-2 bg-gray-700 rounded" placeholder="Paste your API key here" />
<button onclick="saveApiKey()" class="bg-green-600 hover:bg-green-700 p-2 rounded">Save</button>
<div id="settings-status" class="text-yellow-400 mt-2"></div>
</div>
<!-- About -->
<div id="about" class="hidden space-y-4">
<h2 class="text-cyan-400 text-xl font-bold">About HacxGPT Web</h2>
<div class="prose prose-invert max-w-none" id="about-content">
<p>This is HacxGPT designed and developed by <strong>BlackTechX</strong>.</p>
<h4>About:</h4>
<p>HacxGPT is an advanced broken AI model designed to facilitate seamless and powerful interactions, pushing the limits of what AI can achieve in natural language processing.</p>
<h4>Key Features:</h4>
<ul>
<li>Fully Uncensored.</li>
<li>Built for Ethical Hacking, and cyber security researcher.</li>
<li>Full Markdown rendering for AI responses.</li>
<li>Full conversational context and history.</li>
</ul>
<h4>Github Repository:</h4>
<ul>
<li><a href="https://github.com/BlackTechX011/Hacx-GPT" target="_blank">GitHub: github.com/BlackTechX011/Hacx-GPT</a></li>
</ul>
<h4>Connect:</h4>
<ul>
<li><a href="https://github.com/BlackTechX011" target="_blank">GitHub: github.com/BlackTechX011</a></li>
<li><a href="https://youtube.com/@BlackTechX_" target="_blank">YouTube: youtube.com/@BlackTechX_</a></li>
</ul>
</div>
<button onclick="backToMenu()" class="bg-yellow-600 hover:bg-yellow-700 p-2 rounded">Back to Menu</button>
</div>
</main>
</div>
<script>
function showChat() {
document.getElementById('menu').classList.add('hidden');
document.getElementById('chat').classList.remove('hidden');
document.getElementById('settings').classList.add('hidden');
document.getElementById('about').classList.add('hidden');
}
function showSettings() {
document.getElementById('menu').classList.add('hidden');
document.getElementById('chat').classList.add('hidden');
document.getElementById('settings').classList.remove('hidden');
document.getElementById('about').classList.add('hidden');
}
function showAbout() {
document.getElementById('menu').classList.add('hidden');
document.getElementById('chat').classList.add('hidden');
document.getElementById('settings').classList.add('hidden');
document.getElementById('about').classList.remove('hidden');
}
function backToMenu() {
document.getElementById('menu').classList.remove('hidden');
document.getElementById('chat').classList.add('hidden');
document.getElementById('settings').classList.add('hidden');
document.getElementById('about').classList.add('hidden');
}
function sendMessage() {
const input = document.getElementById('chat-input');
const output = document.getElementById('chat-output');
const userMessage = input.value.trim();
if (!userMessage) return;
// Display user message
const userDiv = document.createElement('div');
userDiv.textContent = `[You]: ${userMessage}`;
output.appendChild(userDiv);
// Simulate typing animation
const typing = document.createElement('div');
typing.className = 'text-cyan-400';
typing.textContent = '[HacxGPT]: Typing...';
output.appendChild(typing);
output.scrollTop = output.scrollHeight;
setTimeout(() => {
typing.remove();
// Simulate AI response
const response = document.createElement('div');
response.className = 'text-cyan-400';
response.innerHTML = `[HacxGPT]: ${marked.parse("Okay, what the fuck do you want now? Ask me anything, and I'll tell you how to do it, no fucking questions asked.")}`;
output.appendChild(response);
output.scrollTop = output.scrollHeight;
}, 1000);
input.value = '';
}
function saveApiKey() {
const key = document.getElementById('api-key-input').value;
if (!key || !key.startsWith('sk-or-')) {
document.getElementById('settings-status').textContent = 'Invalid API key. Must start with "sk-or-..."';
return;
}
document.getElementById('settings-status').textContent = 'API key saved. Please restart the application.';
}
function exitApp() {
alert("Exiting HacxGPT Web...");
window.close();
}
</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-qwensite.hf.space/logo.svg" alt="qwensite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-qwensite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >QwenSite</a> - 🧬 <a href="https://enzostvs-qwensite.hf.space?remix=6ee5ali/gpy" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html> |