Its Ethem Miss/title> <script src="https://cdn.tailwindcss.com"></script> <script> tailwind.config = { darkMode: 'class', theme: { extend: { colors: { terminal: { bg: '#0c0c0c', text: '#00ff00', prompt: '#ffffff', input: '#ffff00' } }, fontFamily: { mono: ['JetBrains Mono', 'Fira Code', 'Monaco', 'Consolas', 'monospace'] } } } } </script> <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet"> </head> <body class="bg-gray-100 dark:bg-gray-900 min-h-screen transition-colors duration-300"> <div class="container mx-auto px-4 py-8 max-w-4xl">  <div class="text-center mb-8"> <h1 class="text-3xl font-bold text-gray-800 dark:text-white mb-2">Python Terminal Simulator</h1> <p class="text-gray-600 dark:text-gray-300">Interactive Python program execution</p> </div>  <div class="bg-white dark:bg-gray-800 rounded-lg shadow-2xl overflow-hidden border border-gray-200 dark:border-gray-700">  <div class="bg-gray-200 dark:bg-gray-700 px-4 py-3 flex items-center space-x-2"> <div class="flex-1 text-center"> <span class="text-sm text-gray-600 dark:text-gray-300 font-medium">python3 ethem_program.py</span> </div> <button id="runBtn" class="px-3 py-1 bg-blue-500 hover:bg-blue-600 text-white text-sm rounded transition-colors duration-200"> Run </button> </div>  <div class="bg-terminal-bg p-6 h-96 overflow-y-auto font-mono text-sm"> <div id="terminal" class="text-terminal-text"> <div class="text-terminal-prompt">$ python3 ethem_program.py</div> <div class="mt-2">Click "Run" to start the program</div> </div> </div> </div>  <div class="mt-8 bg-white dark:bg-gray-800 rounded-lg shadow-lg overflow-hidden border border-gray-200 dark:border-gray-700"> <div class="bg-gray-50 dark:bg-gray-700 px-4 py-3 border-b border-gray-200 dark:border-gray-600"> <h3 class="text-lg font-semibold text-gray-800 dark:text-white">Program Code</h3> </div> <div class="p-6"> <pre class="bg-gray-100 dark:bg-gray-900 p-4 rounded-lg text-sm font-mono overflow-x-auto text-gray-800 dark:text-gray-200"><code>ethem = input("What type of ethem miss do you want (miss, sir, beldagli): ").lower() if ethem == "miss": print("\nIts ethem miss") elif ethem == "sir": print("\nIts ethem sir") elif ethem == "beldagli": print("Its ethem boldegus beldagus") else: print("\nWe do not support that ethem miss")</code></pre> </div> </div> </div> <script> // Dark mode detection and handling if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { document.documentElement.classList.add('dark'); } window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => { if (event.matches) { document.documentElement.classList.add('dark'); } else { document.documentElement.classList.remove('dark'); } }); const terminal = document.getElementById('terminal'); const runBtn = document.getElementById('runBtn'); function typeText(element, text, speed = 30) { return new Promise(resolve => { let i = 0; const timer = setInterval(() => { element.textContent += text[i]; i++; if (i >= text.length) { clearInterval(timer); resolve(); } }, speed); }); } function createInputField() { return new Promise(resolve => { const inputContainer = document.createElement('div'); inputContainer.className = 'flex items-center mt-2'; const prompt = document.createElement('span'); prompt.textContent = 'What type of ethem miss do you want: '; prompt.className = 'text-terminal-prompt'; const input = document.createElement('input'); input.type = 'text'; input.className = 'bg-transparent border-none outline-none text-terminal-input font-mono text-sm flex-1'; input.style.color = '#ffff00'; inputContainer.appendChild(prompt); inputContainer.appendChild(input); terminal.appendChild(inputContainer); input.focus(); input.addEventListener('keypress', (e) => { if (e.key === 'Enter') { const value = input.value.toLowerCase(); input.disabled = true; input.style.opacity = '0.8'; resolve(value); } }); }); } function addOutput(text, className = 'text-terminal-text') { const output = document.createElement('div'); output.className = `mt-2 ${className}`; terminal.appendChild(output); return typeText(output, text); } async function runProgram() { runBtn.disabled = true; runBtn.textContent = 'Running...'; // Clear terminal terminal.innerHTML = '<div class="text-terminal-prompt">$ python3 ethem_program.py</div>'; // Get user input const ethem = await createInputField(); // Process input and show output await new Promise(resolve => setTimeout(resolve, 500)); // Small delay for realism if (ethem === "miss") { await addOutput("\nIts ethem miss"); } else if (ethem === "sir") { await addOutput("\nIts ethem sir"); } else if (ethem === "beldagli") { await addOutput("Its ethem boldegus beldagus"); } else { await addOutput("\nWe do not support that ethem miss"); } // Add completion prompt await new Promise(resolve => setTimeout(resolve, 500)); const promptDiv = document.createElement('div'); promptDiv.className = 'text-terminal-prompt mt-4'; promptDiv.textContent = '$ '; terminal.appendChild(promptDiv); // Scroll to bottom terminal.scrollTop = terminal.scrollHeight; runBtn.disabled = false; runBtn.textContent = 'Run'; } runBtn.addEventListener('click', runProgram); // Auto-focus and keyboard shortcuts document.addEventListener('keydown', (e) => { if (e.key === 'F5' || (e.ctrlKey && e.key === 'r')) { e.preventDefault(); runProgram(); } }); </script> </body> </html> <script defer data-domain="html.cafe" src="https://milkymouse.com/js/script.js"></script>