Oyunsanaa – Дунд нас

[{"id":565,"created_at":"2025-07-30T08:47:07.613037+00:00","html":"\n\n\n \n \n Oyunsanaa – Дунд нас\n \n\n\n\n \n

Ярилцъя

\n\n \n

\n $\"Oyunsanaa$ \n Oyunsanaa – Дунд нас\n

\n \n ▽\n ×\n

\n\n \n \n\n \n

\n\n \n

\n +\n \n \n \n

\n\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","css":"body {\n margin: 0;\n font-family: \"Segoe UI\", sans-serif;\n}\n\n.chat-toggle {\n position: fixed;\n bottom: 20px;\n left: 20px;\n background-color: #CFE3E2; /* leather green */\n color: white;\n padding: 10px 20px;\n border-radius: 20px;\n cursor: pointer;\n z-index: 999;\n}\n\n.chat-container {\n position: fixed;\n bottom: 80px;\n left: 20px;\n width: 350px;\n height: 80vh;\n background-color: #ffffff;\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n border-radius: 10px;\n display: flex;\n flex-direction: column;\n z-index: 1000;\n}\n\n.chat-container.hidden {\n display: none;\n}\n\n.chat-header {\n background-color: #CFE3E2;\n color: white;\n padding: 10px;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.avatar {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n margin-right: 8px;\n}\n\n.chat-title {\n flex: 1;\n font-weight: bold;\n}\n\n.chat-controls span {\n margin-left: 10px;\n cursor: pointer;\n color: white;\n font-size: 16px;\n}\n\n.menu-icon {\n font-size: 20px;\n}\n\n.sidebar {\n background-color: #f9f9f9;\n padding: 10px 15px;\n border-bottom: 1px solid #ddd;\n}\n\n.sidebar.hidden {\n display: none;\n}\n\n.sidebar ul {\n list-style: none;\n padding-left: 0;\n}\n\n.sidebar li {\n padding: 8px 0;\n border-bottom: 1px solid #ddd;\n font-size: 14px;\n}\n\n.chatbox {\n flex: 1;\n padding: 10px;\n overflow-y: auto;\n background-color: #fff;\n}\n\n.chat-input {\n display: flex;\n align-items: center;\n padding: 10px;\n border-top: 1px solid #ccc;\n}\n\n.upload-icon {\n font-size: 24px;\n color: #CFE3E2;\n margin-right: 8px;\n cursor: pointer;\n}\n\n#userInput {\n flex: 1;\n padding: 8px 12px;\n border-radius: 20px;\n border: 1px solid #ccc;\n outline: none;\n}\n\n#send-button {\n background-color: #CFE3E2;\n color: white;\n border: none;\n border-radius: 20px;\n padding: 8px 14px;\n margin-left: 8px;\n cursor: pointer;\n font-size: 16px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","js":"const chatToggle = document.getElementById('chatToggle');\nconst chatContainer = document.getElementById('chatContainer');\nconst closeChat = document.getElementById('closeChat');\nconst minimizeChat = document.getElementById('minimizeChat');\nconst menuToggle = document.getElementById('menuToggle');\nconst sidebar = document.getElementById('sidebar');\nconst sendButton = document.getElementById('send-button');\nconst userInput = document.getElementById('userInput');\nconst chatbox = document.getElementById('chatbox');\n\n// Toggle chat visibility\nchatToggle.addEventListener('click', () => {\n chatContainer.classList.remove('hidden');\n chatToggle.style.display = 'none';\n});\n\ncloseChat.addEventListener('click', () => {\n chatContainer.classList.add('hidden');\n chatToggle.style.display = 'block';\n});\n\nminimizeChat.addEventListener('click', () => {\n chatContainer.classList.add('hidden');\n chatToggle.style.display = 'block';\n});\n\n// Sidebar toggle\nmenuToggle.addEventListener('click', () => {\n sidebar.classList.toggle('hidden');\n});\n\n// Send message\nfunction appendMessage(sender, text) {\n const message = document.createElement('div');\n message.className = `message ${sender}`;\n message.textContent = (sender === 'user') ? `Та: ${text}` : `Oyunsanaa: ${text}`;\n chatbox.appendChild(message);\n chatbox.scrollTop = chatbox.scrollHeight;\n}\n\nsendButton.addEventListener('click', () => {\n const text = userInput.value.trim();\n if (text !== '') {\n appendMessage('user', text);\n setTimeout(() => {\n appendMessage('bot', 'Таны хэлсэн: ' + text);\n }, 800);\n userInput.value = '';\n }\n});\n\nuserInput.addEventListener('keypress', (e) => {\n if (e.key === 'Enter') {\n sendButton.click();\n }\n});\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","user_id":"32ac7f28-f5bd-4c2c-87d7-ab75f630370c","project_key":"UZT5A8","description":"Untitled Project","plugins":[{"css":{"tailwind":false,"bootstrap":false,"fontawesome":false,"materialicons":false,"googlefonts":false,"bulma":false},"js":{"animejs":false,"gsap":false,"motionone":false,"threejs":false,"velocity":false,"popmotion":false,"scrollreveal":false}}],"public":true,"config":{"tags": [], "babelActive": false, "cssProcessor": false, "userImportedJS": [], "typescriptActive": false},"tags":[],"hide_js":false,"hide_css":false,"messages":"[{\"messageId\":\"DEVCANVAS_INITIAL_MESSAGE\",\"role\":\"user\",\"content\":\"This is my current code\"},{\"messageId\":\"DEVCANVAS_INITIAL_CODE\",\"role\":\"user\",\"content\":\"\\n\\t\\n\\n\\t\\n\\t\\t\\n\\t\\t\\n\\t\\tUntitled Project\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n \\n\\t\\n\\t\\n\\t\\t\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n Oyunsanaa – Дунд нас\\r\\n \\r\\n\\r\\n\\r\\n \\r\\n

🧵 Ярилцья

\\r\\n\\r\\n \\r\\n

\\r\\n \\r\\n

\\r\\n \\r\\n Oyunsanaa – Дунд нас\\r\\n \\r\\n ×\\r\\n \\r\\n

\\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n

\\r\\n

Сайн уу! Та насныхаа ангиллыг сонгосон уу?

\\r\\n

\\r\\n\\r\\n \\r\\n

\\r\\n \\r\\n \\r\\n

\\r\\n

\\r\\n\\r\\n \\r\\n\\r\\n\\r\\n\\n\\t\\t\\n \\n\\t\\n\"}]","view":[{"views":9}],"profiles":{"username":"oyunaa"}}]