Clod AI | Intelligence<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500&family=JetBrains+Mono&display=swap');\n \n body {\n font-family: 'Inter', sans-serif;\n background-color: #ffffff;\n color: #000000;\n margin: 0;\n overflow: hidden;\n }\n\n #particle-canvas {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n pointer-events: none;\n }\n\n .main-container {\n position: relative;\n z-index: 10;\n display: grid;\n grid-template-columns: 280px 1fr;\n height: 100vh;\n }\n\n .sidebar {\n background: #ffffff;\n border-right: 1px solid #f0f0f0;\n }\n\n .action-btn {\n border: 1px solid #e5e5e5;\n transition: all 0.3s ease;\n }\n\n .action-btn:hover {\n border-color: #000;\n background: #000;\n color: #fff;\n }\n\n .logo-img {\n width: 28px;\n height: 28px;\n object-fit: cover;\n border-radius: 4px;\n mix-blend-mode: multiply; \/* Removes white background from the logo *\/\n }\n\n \/* Menu active state *\/\n .menu-item.active {\n color: #000;\n font-weight: 500;\n background: #f4f4f5;\n border-radius: 0.5rem;\n }\n \n \/* Fade transition for views and messages *\/\n .view-section {\n animation: fadeIn 0.4s ease forwards;\n }\n .message-anim {\n animation: fadeIn 0.3s ease forwards;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Claude-like Input styling *\/\n .chat-input-wrapper {\n background-color: #f9fafb;\n border: 1px solid #e5e7eb;\n border-radius: 1.25rem;\n transition: border-color 0.2s ease;\n }\n .chat-input-wrapper:focus-within {\n border-color: #d1d5db;\n }\n <\/style>\n<\/head>\n<body>\n\n <canvas id=\"particle-canvas\"><\/canvas>\n\n <div class=\"main-container\">\n <aside class=\"sidebar flex flex-col py-6 px-4\">\n <div class=\"flex items-center gap-3 mb-8 px-2\">\n <img decoding=\"async\" src=\"http:\/\/clodai.online\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_nhgs84nhgs84nhgs-1.png\" alt=\"Clod AI\" class=\"logo-img grayscale\">\n <span class=\"font-medium tracking-wide text-sm\">Clod AI<\/span>\n <\/div>\n\n <nav class=\"flex-1 space-y-8\">\n <div class=\"space-y-1\">\n <ul class=\"text-sm space-y-1\">\n <li id=\"menu-chat\" onclick=\"switchView('chat')\" class=\"menu-item active flex items-center px-3 py-2 text-zinc-600 hover:bg-zinc-100 cursor-pointer transition-colors rounded-lg\">\n Main Interface\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"space-y-1\">\n <p class=\"text-xs text-zinc-400 font-medium px-3 mb-2\">Protocol<\/p>\n <ul class=\"text-sm space-y-1\">\n <li id=\"menu-tokenomics\" onclick=\"switchView('tokenomics')\" class=\"menu-item flex items-center px-3 py-2 text-zinc-600 hover:bg-zinc-100 cursor-pointer transition-colors rounded-lg\">\n Tokenomics\n <\/li>\n <li class=\"flex items-center px-3 py-2 text-zinc-600 hover:bg-zinc-100 cursor-pointer transition-colors rounded-lg\">\n Whitepaper\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"space-y-4 px-3\">\n <p class=\"text-[10px] uppercase tracking-[0.2em] text-zinc-400 font-bold\">Network<\/p>\n <div class=\"grid grid-cols-2 gap-2\">\n <a href=\"https:\/\/x.com\" target=\"_blank\" class=\"action-btn py-2 px-3 rounded-lg text-center text-[10px] font-bold uppercase tracking-widest text-zinc-600\">\n Twitter\n <\/a>\n <a href=\"https:\/\/t.me\" target=\"_blank\" class=\"action-btn py-2 px-3 rounded-lg text-center text-[10px] font-bold uppercase tracking-widest text-zinc-600\">\n Telegram\n <\/a>\n <a href=\"https:\/\/dexscreener.com\" target=\"_blank\" class=\"action-btn col-span-2 py-2 px-3 rounded-lg text-center text-[10px] font-bold uppercase tracking-widest text-zinc-600\">\n DexScreener\n <\/a>\n <\/div>\n <\/div>\n <\/nav>\n\n <div class=\"pt-6 border-t border-zinc-100 px-3\">\n <button class=\"w-full action-btn py-3 rounded-lg text-[15px] font-bold uppercase tracking-widest text-black\">\n Buy $CLOD\n <\/button>\n <\/div>\n <\/aside>\n\n <main class=\"flex flex-col relative h-screen\">\n <header class=\"flex justify-between items-center px-8 py-4 shrink-0 absolute top-0 right-0 w-full pointer-events-none\">\n <div class=\"flex items-center gap-2\">\n <span class=\"w-1.5 h-1.5 bg-green-500 rounded-full animate-pulse\"><\/span>\n <span class=\"text-[10px] font-mono text-zinc-400 uppercase tracking-widest\">System Active<\/span>\n <\/div>\n \n <div class=\"flex items-center gap-4 pointer-events-auto\">\n <button onclick=\"copyCA()\" class=\"font-mono text-[20px] text-zinc-500 hover:text-black transition-colors flex items-center gap-2 bg-white px-5 py-1.5 rounded-md border border-zinc-200 shadow-sm\">\n CA: <span id=\"ca-text\">NULL<\/span>\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg>\n <\/button>\n <\/div>\n <\/header>\n\n <div id=\"view-chat\" class=\"view-section flex-1 flex flex-col h-full overflow-hidden pt-12\">\n <section id=\"chat-history-container\" class=\"flex-1 overflow-y-auto flex flex-col p-8 scroll-smooth\">\n \n <div id=\"welcome-msg\" class=\"flex-1 flex flex-col items-center justify-center m-auto\">\n <div class=\"max-w-xl w-full text-center space-y-6\">\n <img decoding=\"async\" src=\"http:\/\/clodai.online\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_nhgs84nhgs84nhgs-1.png\" alt=\"Logo\" class=\"w-16 h-16 mx-auto grayscale mix-blend-multiply opacity-80\">\n <h1 class=\"text-3xl font-medium text-zinc-800\">How can <span class=\"italic font-normal\">Clod<\/span> assist?<\/h1>\n <\/div>\n <\/div>\n\n <div id=\"chat-messages\" class=\"w-full max-w-3xl mx-auto space-y-6 flex flex-col justify-end pb-4\"><\/div>\n <\/section>\n\n <section class=\"p-6 shrink-0 w-full max-w-4xl mx-auto\">\n <div class=\"chat-input-wrapper p-3 flex flex-col relative\">\n <textarea \n id=\"chat-input-field\"\n class=\"w-full bg-transparent border-none outline-none text-[15px] resize-none h-16 px-2 text-black placeholder:text-zinc-500\" \n placeholder=\"Reply...\"\n ><\/textarea>\n \n <div class=\"flex justify-between items-center px-1 mt-2\">\n <button class=\"p-1.5 text-zinc-500 hover:text-black hover:bg-zinc-200 rounded-md transition-colors\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><\/svg>\n <\/button>\n \n <div class=\"flex items-center gap-1\">\n <button class=\"px-2.5 py-1 text-sm text-zinc-500 hover:text-black hover:bg-zinc-200 rounded-md transition-colors flex items-center gap-1\">\n Clod 1.0 <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/button>\n \n <button class=\"p-1.5 text-zinc-500 hover:text-black hover:bg-zinc-200 rounded-md transition-colors\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><line x1=\"6\" y1=\"10\" x2=\"6\" y2=\"14\"><\/line><line x1=\"18\" y1=\"10\" x2=\"18\" y2=\"14\"><\/line><\/svg>\n <\/button>\n \n <button id=\"send-btn\" class=\"ml-2 bg-black text-white px-3 py-1.5 rounded-md text-sm font-medium hover:bg-zinc-800 transition-colors\">\n Send\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <p class=\"text-xs text-zinc-500 text-center mt-3\">Clod is AI and can make mistakes. Please double-check responses.<\/p>\n <\/section>\n <\/div>\n\n <div id=\"view-tokenomics\" class=\"view-section hidden flex-1 overflow-y-auto p-10 pt-20\">\n <div class=\"max-w-3xl mx-auto w-full\">\n <div class=\"mb-12\">\n <h2 class=\"text-3xl font-medium tracking-tight mb-2\">Protocol Metrics<\/h2>\n <p class=\"text-zinc-500 text-sm\">Transparent and immutable data regarding the $CLOD ecosystem.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div class=\"border border-zinc-200 p-6 rounded-2xl bg-[#f9fafb]\">\n <p class=\"text-[10px] uppercase tracking-[0.2em] text-zinc-500 font-bold mb-2\">Total Supply<\/p>\n <p class=\"text-2xl font-mono tracking-tight\">1,000,000,000<\/p>\n <p class=\"text-xs text-zinc-500 mt-2\">$CLOD tokens minted at genesis.<\/p>\n <\/div>\n <div class=\"border border-zinc-200 p-6 rounded-2xl bg-[#f9fafb]\">\n <p class=\"text-[10px] uppercase tracking-[0.2em] text-zinc-500 font-bold mb-2\">Network Tax<\/p>\n <p class=\"text-2xl font-mono tracking-tight\">0% \/ 0%<\/p>\n <p class=\"text-xs text-zinc-500 mt-2\">Zero buy and sell taxes. Frictionless.<\/p>\n <\/div>\n <div class=\"border border-zinc-200 p-6 rounded-2xl bg-[#f9fafb]\">\n <p class=\"text-[10px] uppercase tracking-[0.2em] text-zinc-500 font-bold mb-2\">Liquidity Pool<\/p>\n <p class=\"text-2xl font-mono tracking-tight\">Burned<\/p>\n <p class=\"text-xs text-zinc-500 mt-2\">100% of initial LP tokens sent to burn address.<\/p>\n <\/div>\n <div class=\"border border-zinc-200 p-6 rounded-2xl bg-[#f9fafb]\">\n <p class=\"text-[10px] uppercase tracking-[0.2em] text-zinc-500 font-bold mb-2\">Authority<\/p>\n <p class=\"text-2xl font-mono tracking-tight\">Revoked<\/p>\n <p class=\"text-xs text-zinc-500 mt-2\">Mint and freeze authorities renounced.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/main>\n <\/div>\n\n <script>\n \/\/ Tiny Particle Effect (Very subtle for white bg)\n const canvas = document.getElementById('particle-canvas');\n const ctx = canvas.getContext('2d');\n let particles = [];\n\n function initCanvas() {\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n }\n\n class Particle {\n constructor() {\n this.x = Math.random() * canvas.width;\n this.y = Math.random() * canvas.height;\n this.size = Math.random() * 1.5;\n this.speedX = (Math.random() - 0.5) * 0.2;\n this.speedY = (Math.random() - 0.5) * 0.2;\n }\n update() {\n this.x += this.speedX;\n this.y += this.speedY;\n if (this.x > canvas.width) this.x = 0;\n if (this.x < 0) this.x = canvas.width;\n if (this.y > canvas.height) this.y = 0;\n if (this.y < 0) this.y = canvas.height;\n }\n draw() {\n ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';\n ctx.beginPath();\n ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n ctx.fill();\n }\n }\n\n function createParticles() {\n particles = [];\n for (let i = 0; i < 40; i++) {\n particles.push(new Particle());\n }\n }\n\n function animate() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n particles.forEach(p => {\n p.update();\n p.draw();\n });\n requestAnimationFrame(animate);\n }\n\n window.addEventListener('resize', () => {\n initCanvas();\n createParticles();\n });\n\n initCanvas();\n createParticles();\n animate();\n\n \/\/ Copy CA Function\n function copyCA() {\n const ca = \"CLODx89asdf789asdf789asdf789asdf9f2A\";\n navigator.clipboard.writeText(ca);\n const text = document.getElementById('ca-text');\n const original = text.innerText;\n text.innerText = \"COPIED!\";\n text.classList.add(\"text-black\", \"font-bold\");\n setTimeout(() => {\n text.innerText = original;\n text.classList.remove(\"text-black\", \"font-bold\");\n }, 2000);\n }\n\n \/\/ View Switching Logic\n function switchView(viewName) {\n document.getElementById('view-chat').classList.add('hidden');\n document.getElementById('view-chat').classList.remove('flex');\n document.getElementById('view-tokenomics').classList.add('hidden');\n document.getElementById('view-tokenomics').classList.remove('flex');\n\n document.getElementById('menu-chat').classList.remove('active', 'bg-zinc-100');\n document.getElementById('menu-tokenomics').classList.remove('active', 'bg-zinc-100');\n\n if (viewName === 'chat') {\n document.getElementById('view-chat').classList.remove('hidden');\n document.getElementById('view-chat').classList.add('flex');\n document.getElementById('menu-chat').classList.add('active', 'bg-zinc-100');\n } else if (viewName === 'tokenomics') {\n document.getElementById('view-tokenomics').classList.remove('hidden');\n document.getElementById('view-tokenomics').classList.add('flex');\n document.getElementById('menu-tokenomics').classList.add('active', 'bg-zinc-100');\n }\n }\n\n \/\/ --- Chat Logic ---\n const inputField = document.getElementById('chat-input-field');\n const sendBtn = document.getElementById('send-btn');\n const chatMessages = document.getElementById('chat-messages');\n const welcomeMsg = document.getElementById('welcome-msg');\n const chatContainer = document.getElementById('chat-history-container');\n\n function appendMessage(sender, text, isHtml = false) {\n if (welcomeMsg.style.display !== 'none') {\n welcomeMsg.style.display = 'none';\n }\n\n const msgDiv = document.createElement('div');\n msgDiv.className = \"message-anim w-full flex flex-col\";\n\n if (sender === 'user') {\n \/\/ User Message: Claude style (Rounded bubble, aligned right, no profile pic)\n msgDiv.innerHTML = `\n <div class=\"self-end bg-[#f3f4f6] text-black px-4 py-3 rounded-2xl rounded-br-sm max-w-[80%]\">\n <p class=\"text-[15px] leading-relaxed break-words whitespace-pre-wrap\">${text}<\/p>\n <\/div>\n `;\n } else {\n \/\/ AI Message: Claude style (Logo icon, no background color, left aligned)\n \/\/ --- FIX: Flexible constraints to fit the logo without flattening or cropping ---\n const content = isHtml ? text : `<p class=\"text-[15px] leading-relaxed text-black break-words\">${text}<\/p>`;\n msgDiv.innerHTML = `\n <div class=\"flex gap-4 w-full mt-2\">\n <img decoding=\"async\" src=\"http:\/\/clodai.online\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_nhgs84nhgs84nhgs-1.png\" class=\"max-w-8 max-h-8 grayscale mix-blend-multiply opacity-90 mt-1 shrink-0\">\n <div class=\"w-full pt-1.5 space-y-4\">\n ${content}\n <\/div>\n <\/div>\n `;\n }\n\n chatMessages.appendChild(msgDiv);\n \n setTimeout(() => {\n chatContainer.scrollTop = chatContainer.scrollHeight;\n }, 50);\n }\n\n function handleSend() {\n const text = inputField.value.trim();\n if (!text) return;\n\n appendMessage('user', text);\n inputField.value = '';\n\n setTimeout(() => {\n const dexResponse = `\n <p class=\"text-[15px] leading-relaxed text-black\">Query processed. To evaluate market data and token parameters, please access the terminal data stream on DexScreener.<\/p>\n <a href=\"https:\/\/dexscreener.com\" target=\"_blank\" class=\"inline-flex items-center gap-2 border border-zinc-200 text-black px-4 py-2 rounded-lg text-sm font-medium hover:bg-zinc-50 transition-colors mt-2\">\n <span>View Chart on DexScreener<\/span> \n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17l9.2-9.2M17 17V7H7\"\/><\/svg>\n <\/a>\n `;\n appendMessage('ai', dexResponse, true);\n }, 600);\n }\n\n sendBtn.addEventListener('click', handleSend);\n inputField.addEventListener('keydown', (e) => {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n handleSend();\n }\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Clod AI | Intelligence Clod AI Main Interface Protocol Tokenomics Whitepaper Network Twitter Telegram DexScreener Buy $CLOD System Active CA: NULL How can Clod assist? Clod 1.0 Send Clod is AI and can make mistakes. Please double-check responses. Protocol Metrics Transparent and immutable data regarding the $CLOD ecosystem. Total Supply 1,000,000,000 $CLOD tokens minted at […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clodai.online\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clodai.online\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clodai.online\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clodai.online\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clodai.online\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":64,"href":"https:\/\/clodai.online\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/clodai.online\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/clodai.online\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n Clod AI | Intelligence<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500&family=JetBrains+Mono&display=swap');\n \n body {\n font-family: 'Inter', sans-serif;\n background-color: #ffffff;\n color: #000000;\n margin: 0;\n overflow: hidden;\n }\n\n #particle-canvas {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n pointer-events: none;\n }\n\n .main-container {\n position: relative;\n z-index: 10;\n display: grid;\n grid-template-columns: 280px 1fr;\n height: 100vh;\n }\n\n .sidebar {\n background: #ffffff;\n border-right: 1px solid #f0f0f0;\n }\n\n .action-btn {\n border: 1px solid #e5e5e5;\n transition: all 0.3s ease;\n }\n\n .action-btn:hover {\n border-color: #000;\n background: #000;\n color: #fff;\n }\n\n .logo-img {\n width: 28px;\n height: 28px;\n object-fit: cover;\n border-radius: 4px;\n mix-blend-mode: multiply; \/* Removes white background from the logo *\/\n }\n\n \/* Menu active state *\/\n .menu-item.active {\n color: #000;\n font-weight: 500;\n background: #f4f4f5;\n border-radius: 0.5rem;\n }\n \n \/* Fade transition for views and messages *\/\n .view-section {\n animation: fadeIn 0.4s ease forwards;\n }\n .message-anim {\n animation: fadeIn 0.3s ease forwards;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Claude-like Input styling *\/\n .chat-input-wrapper {\n background-color: #f9fafb;\n border: 1px solid #e5e7eb;\n border-radius: 1.25rem;\n transition: border-color 0.2s ease;\n }\n .chat-input-wrapper:focus-within {\n border-color: #d1d5db;\n }\n <\/style>\n<\/head>\n<body>\n\n <canvas id=\"particle-canvas\"><\/canvas>\n\n <div class=\"main-container\">\n <aside class=\"sidebar flex flex-col py-6 px-4\">\n <div class=\"flex items-center gap-3 mb-8 px-2\">\n <img decoding=\"async\" src=\"http:\/\/clodai.online\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_nhgs84nhgs84nhgs-1.png\" alt=\"Clod AI\" class=\"logo-img grayscale\">\n <span class=\"font-medium tracking-wide text-sm\">Clod AI<\/span>\n <\/div>\n\n <nav class=\"flex-1 space-y-8\">\n <div class=\"space-y-1\">\n <ul class=\"text-sm space-y-1\">\n <li id=\"menu-chat\" onclick=\"switchView('chat')\" class=\"menu-item active flex items-center px-3 py-2 text-zinc-600 hover:bg-zinc-100 cursor-pointer transition-colors rounded-lg\">\n Main Interface\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"space-y-1\">\n <p class=\"text-xs text-zinc-400 font-medium px-3 mb-2\">Protocol<\/p>\n <ul class=\"text-sm space-y-1\">\n <li id=\"menu-tokenomics\" onclick=\"switchView('tokenomics')\" class=\"menu-item flex items-center px-3 py-2 text-zinc-600 hover:bg-zinc-100 cursor-pointer transition-colors rounded-lg\">\n Tokenomics\n <\/li>\n <li class=\"flex items-center px-3 py-2 text-zinc-600 hover:bg-zinc-100 cursor-pointer transition-colors rounded-lg\">\n Whitepaper\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"space-y-4 px-3\">\n <p class=\"text-[10px] uppercase tracking-[0.2em] text-zinc-400 font-bold\">Network<\/p>\n <div class=\"grid grid-cols-2 gap-2\">\n <a href=\"https:\/\/x.com\" target=\"_blank\" class=\"action-btn py-2 px-3 rounded-lg text-center text-[10px] font-bold uppercase tracking-widest text-zinc-600\">\n Twitter\n <\/a>\n <a href=\"https:\/\/t.me\" target=\"_blank\" class=\"action-btn py-2 px-3 rounded-lg text-center text-[10px] font-bold uppercase tracking-widest text-zinc-600\">\n Telegram\n <\/a>\n <a href=\"https:\/\/dexscreener.com\" target=\"_blank\" class=\"action-btn col-span-2 py-2 px-3 rounded-lg text-center text-[10px] font-bold uppercase tracking-widest text-zinc-600\">\n DexScreener\n <\/a>\n <\/div>\n <\/div>\n <\/nav>\n\n <div class=\"pt-6 border-t border-zinc-100 px-3\">\n <button class=\"w-full action-btn py-3 rounded-lg text-[15px] font-bold uppercase tracking-widest text-black\">\n Buy $CLOD\n <\/button>\n <\/div>\n <\/aside>\n\n <main class=\"flex flex-col relative h-screen\">\n <header class=\"flex justify-between items-center px-8 py-4 shrink-0 absolute top-0 right-0 w-full pointer-events-none\">\n <div class=\"flex items-center gap-2\">\n <span class=\"w-1.5 h-1.5 bg-green-500 rounded-full animate-pulse\"><\/span>\n <span class=\"text-[10px] font-mono text-zinc-400 uppercase tracking-widest\">System Active<\/span>\n <\/div>\n \n <div class=\"flex items-center gap-4 pointer-events-auto\">\n <button onclick=\"copyCA()\" class=\"font-mono text-[20px] text-zinc-500 hover:text-black transition-colors flex items-center gap-2 bg-white px-5 py-1.5 rounded-md border border-zinc-200 shadow-sm\">\n CA: <span id=\"ca-text\">NULL<\/span>\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg>\n <\/button>\n <\/div>\n <\/header>\n\n <div id=\"view-chat\" class=\"view-section flex-1 flex flex-col h-full overflow-hidden pt-12\">\n <section id=\"chat-history-container\" class=\"flex-1 overflow-y-auto flex flex-col p-8 scroll-smooth\">\n \n <div id=\"welcome-msg\" class=\"flex-1 flex flex-col items-center justify-center m-auto\">\n <div class=\"max-w-xl w-full text-center space-y-6\">\n <img decoding=\"async\" src=\"http:\/\/clodai.online\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_nhgs84nhgs84nhgs-1.png\" alt=\"Logo\" class=\"w-16 h-16 mx-auto grayscale mix-blend-multiply opacity-80\">\n <h1 class=\"text-3xl font-medium text-zinc-800\">How can <span class=\"italic font-normal\">Clod<\/span> assist?<\/h1>\n <\/div>\n <\/div>\n\n <div id=\"chat-messages\" class=\"w-full max-w-3xl mx-auto space-y-6 flex flex-col justify-end pb-4\"><\/div>\n <\/section>\n\n <section class=\"p-6 shrink-0 w-full max-w-4xl mx-auto\">\n <div class=\"chat-input-wrapper p-3 flex flex-col relative\">\n <textarea \n id=\"chat-input-field\"\n class=\"w-full bg-transparent border-none outline-none text-[15px] resize-none h-16 px-2 text-black placeholder:text-zinc-500\" \n placeholder=\"Reply...\"\n ><\/textarea>\n \n <div class=\"flex justify-between items-center px-1 mt-2\">\n <button class=\"p-1.5 text-zinc-500 hover:text-black hover:bg-zinc-200 rounded-md transition-colors\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><\/svg>\n <\/button>\n \n <div class=\"flex items-center gap-1\">\n <button class=\"px-2.5 py-1 text-sm text-zinc-500 hover:text-black hover:bg-zinc-200 rounded-md transition-colors flex items-center gap-1\">\n Clod 1.0 <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/button>\n \n <button class=\"p-1.5 text-zinc-500 hover:text-black hover:bg-zinc-200 rounded-md transition-colors\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><line x1=\"6\" y1=\"10\" x2=\"6\" y2=\"14\"><\/line><line x1=\"18\" y1=\"10\" x2=\"18\" y2=\"14\"><\/line><\/svg>\n <\/button>\n \n <button id=\"send-btn\" class=\"ml-2 bg-black text-white px-3 py-1.5 rounded-md text-sm font-medium hover:bg-zinc-800 transition-colors\">\n Send\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <p class=\"text-xs text-zinc-500 text-center mt-3\">Clod is AI and can make mistakes. Please double-check responses.<\/p>\n <\/section>\n <\/div>\n\n <div id=\"view-tokenomics\" class=\"view-section hidden flex-1 overflow-y-auto p-10 pt-20\">\n <div class=\"max-w-3xl mx-auto w-full\">\n <div class=\"mb-12\">\n <h2 class=\"text-3xl font-medium tracking-tight mb-2\">Protocol Metrics<\/h2>\n <p class=\"text-zinc-500 text-sm\">Transparent and immutable data regarding the $CLOD ecosystem.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div class=\"border border-zinc-200 p-6 rounded-2xl bg-[#f9fafb]\">\n <p class=\"text-[10px] uppercase tracking-[0.2em] text-zinc-500 font-bold mb-2\">Total Supply<\/p>\n <p class=\"text-2xl font-mono tracking-tight\">1,000,000,000<\/p>\n <p class=\"text-xs text-zinc-500 mt-2\">$CLOD tokens minted at genesis.<\/p>\n <\/div>\n <div class=\"border border-zinc-200 p-6 rounded-2xl bg-[#f9fafb]\">\n <p class=\"text-[10px] uppercase tracking-[0.2em] text-zinc-500 font-bold mb-2\">Network Tax<\/p>\n <p class=\"text-2xl font-mono tracking-tight\">0% \/ 0%<\/p>\n <p class=\"text-xs text-zinc-500 mt-2\">Zero buy and sell taxes. Frictionless.<\/p>\n <\/div>\n <div class=\"border border-zinc-200 p-6 rounded-2xl bg-[#f9fafb]\">\n <p class=\"text-[10px] uppercase tracking-[0.2em] text-zinc-500 font-bold mb-2\">Liquidity Pool<\/p>\n <p class=\"text-2xl font-mono tracking-tight\">Burned<\/p>\n <p class=\"text-xs text-zinc-500 mt-2\">100% of initial LP tokens sent to burn address.<\/p>\n <\/div>\n <div class=\"border border-zinc-200 p-6 rounded-2xl bg-[#f9fafb]\">\n <p class=\"text-[10px] uppercase tracking-[0.2em] text-zinc-500 font-bold mb-2\">Authority<\/p>\n <p class=\"text-2xl font-mono tracking-tight\">Revoked<\/p>\n <p class=\"text-xs text-zinc-500 mt-2\">Mint and freeze authorities renounced.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/main>\n <\/div>\n\n <script>\n \/\/ Tiny Particle Effect (Very subtle for white bg)\n const canvas = document.getElementById('particle-canvas');\n const ctx = canvas.getContext('2d');\n let particles = [];\n\n function initCanvas() {\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n }\n\n class Particle {\n constructor() {\n this.x = Math.random() * canvas.width;\n this.y = Math.random() * canvas.height;\n this.size = Math.random() * 1.5;\n this.speedX = (Math.random() - 0.5) * 0.2;\n this.speedY = (Math.random() - 0.5) * 0.2;\n }\n update() {\n this.x += this.speedX;\n this.y += this.speedY;\n if (this.x > canvas.width) this.x = 0;\n if (this.x < 0) this.x = canvas.width;\n if (this.y > canvas.height) this.y = 0;\n if (this.y < 0) this.y = canvas.height;\n }\n draw() {\n ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';\n ctx.beginPath();\n ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n ctx.fill();\n }\n }\n\n function createParticles() {\n particles = [];\n for (let i = 0; i < 40; i++) {\n particles.push(new Particle());\n }\n }\n\n function animate() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n particles.forEach(p => {\n p.update();\n p.draw();\n });\n requestAnimationFrame(animate);\n }\n\n window.addEventListener('resize', () => {\n initCanvas();\n createParticles();\n });\n\n initCanvas();\n createParticles();\n animate();\n\n \/\/ Copy CA Function\n function copyCA() {\n const ca = \"CLODx89asdf789asdf789asdf789asdf9f2A\";\n navigator.clipboard.writeText(ca);\n const text = document.getElementById('ca-text');\n const original = text.innerText;\n text.innerText = \"COPIED!\";\n text.classList.add(\"text-black\", \"font-bold\");\n setTimeout(() => {\n text.innerText = original;\n text.classList.remove(\"text-black\", \"font-bold\");\n }, 2000);\n }\n\n \/\/ View Switching Logic\n function switchView(viewName) {\n document.getElementById('view-chat').classList.add('hidden');\n document.getElementById('view-chat').classList.remove('flex');\n document.getElementById('view-tokenomics').classList.add('hidden');\n document.getElementById('view-tokenomics').classList.remove('flex');\n\n document.getElementById('menu-chat').classList.remove('active', 'bg-zinc-100');\n document.getElementById('menu-tokenomics').classList.remove('active', 'bg-zinc-100');\n\n if (viewName === 'chat') {\n document.getElementById('view-chat').classList.remove('hidden');\n document.getElementById('view-chat').classList.add('flex');\n document.getElementById('menu-chat').classList.add('active', 'bg-zinc-100');\n } else if (viewName === 'tokenomics') {\n document.getElementById('view-tokenomics').classList.remove('hidden');\n document.getElementById('view-tokenomics').classList.add('flex');\n document.getElementById('menu-tokenomics').classList.add('active', 'bg-zinc-100');\n }\n }\n\n \/\/ --- Chat Logic ---\n const inputField = document.getElementById('chat-input-field');\n const sendBtn = document.getElementById('send-btn');\n const chatMessages = document.getElementById('chat-messages');\n const welcomeMsg = document.getElementById('welcome-msg');\n const chatContainer = document.getElementById('chat-history-container');\n\n function appendMessage(sender, text, isHtml = false) {\n if (welcomeMsg.style.display !== 'none') {\n welcomeMsg.style.display = 'none';\n }\n\n const msgDiv = document.createElement('div');\n msgDiv.className = \"message-anim w-full flex flex-col\";\n\n if (sender === 'user') {\n \/\/ User Message: Claude style (Rounded bubble, aligned right, no profile pic)\n msgDiv.innerHTML = `\n <div class=\"self-end bg-[#f3f4f6] text-black px-4 py-3 rounded-2xl rounded-br-sm max-w-[80%]\">\n <p class=\"text-[15px] leading-relaxed break-words whitespace-pre-wrap\">${text}<\/p>\n <\/div>\n `;\n } else {\n \/\/ AI Message: Claude style (Logo icon, no background color, left aligned)\n \/\/ --- FIX: Flexible constraints to fit the logo without flattening or cropping ---\n const content = isHtml ? text : `<p class=\"text-[15px] leading-relaxed text-black break-words\">${text}<\/p>`;\n msgDiv.innerHTML = `\n <div class=\"flex gap-4 w-full mt-2\">\n <img decoding=\"async\" src=\"http:\/\/clodai.online\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_nhgs84nhgs84nhgs-1.png\" class=\"max-w-8 max-h-8 grayscale mix-blend-multiply opacity-90 mt-1 shrink-0\">\n <div class=\"w-full pt-1.5 space-y-4\">\n ${content}\n <\/div>\n <\/div>\n `;\n }\n\n chatMessages.appendChild(msgDiv);\n \n setTimeout(() => {\n chatContainer.scrollTop = chatContainer.scrollHeight;\n }, 50);\n }\n\n function handleSend() {\n const text = inputField.value.trim();\n if (!text) return;\n\n appendMessage('user', text);\n inputField.value = '';\n\n setTimeout(() => {\n const dexResponse = `\n <p class=\"text-[15px] leading-relaxed text-black\">Query processed. To evaluate market data and token parameters, please access the terminal data stream on DexScreener.<\/p>\n <a href=\"https:\/\/dexscreener.com\" target=\"_blank\" class=\"inline-flex items-center gap-2 border border-zinc-200 text-black px-4 py-2 rounded-lg text-sm font-medium hover:bg-zinc-50 transition-colors mt-2\">\n <span>View Chart on DexScreener<\/span> \n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17l9.2-9.2M17 17V7H7\"\/><\/svg>\n <\/a>\n `;\n appendMessage('ai', dexResponse, true);\n }, 600);\n }\n\n sendBtn.addEventListener('click', handleSend);\n inputField.addEventListener('keydown', (e) => {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n handleSend();\n }\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Clod AI | Intelligence Clod AI Main Interface Protocol Tokenomics Whitepaper Network Twitter Telegram DexScreener Buy $CLOD System Active CA: NULL How can Clod assist? Clod 1.0 Send Clod is AI and can make mistakes. Please double-check responses. Protocol Metrics Transparent and immutable data regarding the $CLOD ecosystem. Total Supply 1,000,000,000 $CLOD tokens minted at […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clodai.online\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clodai.online\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clodai.online\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clodai.online\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clodai.online\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":64,"href":"https:\/\/clodai.online\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/clodai.online\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/clodai.online\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}