Абай Сабақтары

ounded corners with a 10px radius. When hovered, the fill should change to a slightly lighter mint green (#86efac). The button should be facing forward with no specific directional orientation. The style should be clean and modern with smooth edges and perfect anti-aliasing. The colors should provide good contrast against the dark background while maintaining a professional, educational aesthetic. The button should appear tactile and clickable.","is_description_stale":false}],"code":[{"path":"public/index.html","content":"\n\n\n \n \n \n \n Абай Сабақтары — 3 деңгей\n \n \n \n \n \n

\n \n\n"},{"path":"src/styles.css","content":"\nhtml,\nbody,\n.App,\n#root {\n background-color: #000;\n color: #fff;\n font-family: \"Lexend\", sans-serif;\n font-weight: 300;\n font-size: 18px;\n text-align: center;\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n* { box-sizing: border-box; }\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n"},{"path":"src/index.tsx","content":"\nimport React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport App from \"../src/App\";\nimport \"../src/styles.css\";\n\nconst rootElement = document.getElementById(\"root\")!;\nconst root = ReactDOM.createRoot(rootElement);\n\nroot.render(\n // \n \n // \n);\n"},{"path":"src/App.tsx","content":"\nimport Game from \"../src/Game\";\n\nexport default function App() {\n return ;\n}\n"},{"path":"src/Game.tsx","content":"$14"},{"path":"src/ui/UIOverlay.tsx","content":"\nimport React from \"react\";\n\nconst pill: React.CSSProperties = {\n background: \"rgba(20,20,20,0.5)\",\n color: \"#cbd5e1\",\n border: \"1px solid rgba(255,255,255,0.08)\",\n borderRadius: 10,\n padding: \"6px 10px\",\n fontSize: 12,\n};\n\n// All UI should be implemented in react\nconst UIOverlay: React.FC = () => {\n return (\n \n {/* Top Left */}\n

Мақсат: 3 деңгейден өту

\n\n {/* Top Center */}\n

Басқару: Тінтуір/Тию • Enter • Backspace

\n\n {/* Top Right */}\n

Тіл: Қазақша

\n \n );\n};\n\nexport default UIOverlay;\n"},{"path":"src/game/GameScene.ts","content":"$15"},{"path":"src/config/BalanceSettings.ts","content":"\n// Do not rename or remove this file or comment.\n// Game balance settings go here, so the user can easily tweak the variables within the game settings panel.\n// Avoid using nested objects or arrays; all settings must be at the same level within the BALANCE_SETTINGS object. Prefer SNAKE_CASE for names.\nexport const BALANCE_SETTINGS = {\n MIN_TEXT_LEN: 5,\n CHOICE_BUTTON_WIDTH: 440,\n CHOICE_BUTTON_HEIGHT: 48,\n};\n"},{"path":"src/config/VisualSettings.ts","content":"\n// Do not rename or remove this file or comment.\n// Visual settings go here, so the user can easily tweak the values within the game settings panel. Prefer SNAKE_CASE for names.\n// Avoid using nested objects

Abai's Wisdom Quest