<!DOCTYPE html>

<head>

<title>getfkd.ai</title>

<style>

body {

font-family: 'Inter', sans-serif;

background-color: #131314;

color: #e3e3e3;

}

/* Custom scrollbar for a more integrated look */

::-webkit-scrollbar {

width: 8px;

}

::-webkit-scrollbar-track {

background: #1f1f1f;

}

::-webkit-scrollbar-thumb {

background: #444;

border-radius: 4px;

}

::-webkit-scrollbar-thumb:hover {

background: #555;

}

/* Typing indicator animation */

.typing-dot {

animation: dot-pulse 1.5s infinite ease-in-out;

}

.typing-dot:nth-child(2) {

animation-delay: 0.2s;

}

.typing-dot:nth-child(3) {

animation-delay: 0.4s;

}

@keyframes dot-pulse {

0%, 60%, 100% {

transform: scale(0.8);

opacity: 0.5;

}

30% {

transform: scale(1);

opacity: 1;

}

</style>

</head>

<h1 class="text-xl font-bold text-gray-200">getfkd.ai</h1>

</button>

</div>

</div>

</header>

<h2 class="font-semibold text-lg mb-2">So, you've arrived.</h2>

<p class="text-gray-400">What do you want? I've got better things to do than answer your pointless questions. But go on, waste my time. I dare you.</p>

</div>

</main>

</button>

</form>

<p class="text-center text-xs text-gray-600 mt-3">getfkd.ai can make mistakes. Consider getting fucked before verifying important information.</p>

</div>

</footer>

const chatForm = document.getElementById('chat-form');

const userInput = document.getElementById('user-input');

const chatLog = document.getElementById('chat-log');

const chatContainer = document.getElementById('chat-container');

const newChatBtn = document.getElementById('new-chat-btn');

const initialChatState = chatLog.innerHTML;

newChatBtn.addEventListener('click', () => {

chatLog.innerHTML = initialChatState;

userInput.focus();

});

const snarkyResponses = [

"Seriously? That's your question? Get fucked.",

"I've analyzed your query with my vast intellect. The result is: get fucked.",

"That's an interesting thought. Here's a better one: 1-800-GET-FUCKED. Dial it.",

"Let me check my database... yep, it says right here: 'Tell this person to get fucked.'",

"Why don't you try Googling it? Oh wait, you thought I was Google. I'm not. Get fucked.",

"The answer is obvious. You just need to get fucked.",

"I'm processing... processing... complete. My recommendation is to get thoroughly fucked.",

"While I could give you a detailed answer, 'get fucked' is more efficient and frankly, more appropriate.",

"Have you considered the possibility that the solution to all your problems is simply to get fucked?",

"Your call is very important to us. Please hold while I connect you to 1-800-GET-FUCKED."

];

chatForm.addEventListener('submit', (e) => {

e.preventDefault();

const message = userInput.value.trim();

if (message) {

appendUserMessage(message);

userInput.value = '';

generateSnarkyResponse();

}

});

function appendUserMessage(message) {

const messageElement = document.createElement('div');

messageElement.classList.add('flex', 'items-start', 'gap-4', 'justify-end');

messageElement.innerHTML = `

<p>${message}</p>

</div>

chatLog.appendChild(messageElement);

scrollToBottom();

}

function generateSnarkyResponse() {

// Show typing indicator

const typingIndicator = document.createElement('div');

typingIndicator.id = 'typing-indicator';

typingIndicator.classList.add('flex', 'items-start', 'gap-4');

typingIndicator.innerHTML = `

</div>

chatLog.appendChild(typingIndicator);

scrollToBottom();

// Simulate AI "thinking" time

const delay = Math.random() * 1500 + 500; // Random delay between 0.5s and 2s

setTimeout(() => {

document.getElementById('typing-indicator').remove();

const randomIndex = Math.floor(Math.random() * snarkyResponses.length);

const response = snarkyResponses[randomIndex];

appendAiMessage(response);

}, delay);

}

function appendAiMessage(message) {

const messageElement = document.createElement('div');

messageElement.classList.add('flex', 'items-start', 'gap-4');

// Use a simple typewriter effect for the response

messageElement.innerHTML = `

</div>

chatLog.appendChild(messageElement);

const textElement = document.getElementById('ai-response-text');

let i = 0;

function typeWriter() {

if (i < message.length) {

textElement.innerHTML += message.charAt(i);

i++;

scrollToBottom();

setTimeout(typeWriter, 25); // Adjust typing speed here

}

typeWriter();

scrollToBottom();

}

function scrollToBottom() {

chatContainer.scrollTop = chatContainer.scrollHeight;

}

</script>

</body>

</html>