|
|
<!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"> |
|
|
|
|
|
<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> |
|
|
|
|
|
|
|
|
<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> |
|
|
|
|
|
|
|
|
<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> |
|
|
|
|
|
|
|
|
<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; |
|
|
|
|
|
|
|
|
const userDiv = document.createElement('div'); |
|
|
userDiv.textContent = `[You]: ${userMessage}`; |
|
|
output.appendChild(userDiv); |
|
|
|
|
|
|
|
|
const typing = document.createElement('div'); |
|
|
typing.className = 'text-cyan-400'; |
|
|
typing.textContent = '[HacxGPT]: Typing...'; |
|
|
output.appendChild(typing); |
|
|
output.scrollTop = output.scrollHeight; |
|
|
|
|
|
setTimeout(() => { |
|
|
typing.remove(); |
|
|
|
|
|
|
|
|
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> |
