AAA School: Strategic Initiatives Dashboard<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kantumruy+Pro:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n \r\n \r\n <style>\r\n body.lang-km { font-family: 'Kantumruy Pro', 'Inter', sans-serif; }\r\n body.lang-en { font-family: 'Inter', 'Kantumruy Pro', sans-serif; }\r\n .main-nav-btn.active {\r\n background-color: #2563eb;\r\n color: white;\r\n box-shadow: 0 4px 14px 0 rgb(0 118 255 \/ 39%);\r\n }\r\n .content-section {\r\n display: none;\r\n }\r\n .content-section.active {\r\n display: block;\r\n animation: fadeIn 0.5s ease-in-out;\r\n }\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(10px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .timeline-item.active .timeline-dot {\r\n background-color: #2563eb;\r\n transform: scale(1.25);\r\n }\r\n .timeline-item.active .timeline-text {\r\n font-weight: 700;\r\n color: #1e40af;\r\n }\r\n .timeline-item .timeline-dot {\r\n transition: all 0.3s ease;\r\n }\r\n .it-filter-btn.active {\r\n background-color: #0d9488;\r\n color: white;\r\n }\r\n .task-card {\r\n transition: opacity 0.4s ease-in-out, transform 0.3s ease-in-out;\r\n }\r\n .task-card.dimmed {\r\n opacity: 0.3;\r\n }\r\n .task-card:hover {\r\n transform: translateY(-4px);\r\n }\r\n .lang-switcher {\r\n border: 1px solid #e2e8f0;\r\n }\r\n .lang-switcher button.active {\r\n background-color: #3b82f6;\r\n color: white;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"text-slate-800\">\r\n\r\n <header class=\"bg-white shadow-sm sticky top-0 z-20\">\r\n <div class=\"max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 py-4\">\r\n <div class=\"flex flex-col sm:flex-row justify-between items-center gap-4\">\r\n <div>\r\n <h1 class=\"text-2xl font-bold text-slate-900\" data-lang-key=\"main_title\">AAA School Strategic Initiatives<\/h1>\r\n <p id=\"header-subtitle\" class=\"text-sm text-slate-500\" data-lang-key=\"header_subtitle_overview\">High-Level Strategic Overview<\/p>\r\n <\/div>\r\n <div class=\"flex items-center gap-4\">\r\n <div id=\"main-nav\" class=\"flex-shrink-0 bg-slate-200 rounded-lg p-1 space-x-1 flex-wrap justify-center\">\r\n <button data-target=\"overview\" class=\"main-nav-btn active text-sm font-semibold px-3 py-2 rounded-md transition-all\" data-lang-key=\"nav_overview\">Overview<\/button>\r\n <button data-target=\"robotics\" class=\"main-nav-btn text-sm font-semibold px-3 py-2 rounded-md transition-all\" data-lang-key=\"nav_robotics\">\u1790\u17d2\u1793\u17b6\u1780\u17cb\u179a\u17c9\u17bc\u1794\u17bc\u1791\u17b7\u1785<\/button>\r\n <button data-target=\"it\" class=\"main-nav-btn text-sm font-semibold px-3 py-2 rounded-md transition-all\" data-lang-key=\"nav_it\">IT Platform<\/button>\r\n <button data-target=\"marketing\" class=\"main-nav-btn text-sm font-semibold px-3 py-2 rounded-md transition-all\" data-lang-key=\"nav_marketing\">Marketing<\/button>\r\n <button data-target=\"graphic-design\" class=\"main-nav-btn text-sm font-semibold px-3 py-2 rounded-md transition-all\" data-lang-key=\"nav_design\">Graphic Design<\/button>\r\n <\/div>\r\n <div class=\"lang-switcher flex rounded-lg p-1 bg-slate-200\">\r\n <button id=\"lang-en\" class=\"px-3 py-1 text-sm font-semibold rounded-md transition-colors\">EN<\/button>\r\n <button id=\"lang-km\" class=\"px-3 py-1 text-sm font-semibold rounded-md transition-colors\">KH<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 py-8 md:py-12\">\r\n \r\n \r\n <section id=\"overview-content\" class=\"content-section active\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\r\n <div class=\"bg-white p-6 rounded-xl shadow-lg\"><h2 class=\"text-xl font-bold text-blue-800 mb-4 border-b pb-2\" data-lang-key=\"robotics_title\">Robotics Program<\/h2><div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 items-center\"><div class=\"chart-container relative h-48 w-48 mx-auto\"><canvas id=\"roboticsProgressChart\"><\/canvas><\/div><div class=\"space-y-4\"><div class=\"bg-blue-50 p-4 rounded-lg\"><h3 class=\"font-semibold text-slate-800\" data-lang-key=\"progress\">Progress<\/h3><p class=\"text-3xl font-bold text-blue-700\">40%<\/p><\/div><div class=\"bg-amber-50 p-4 rounded-lg\"><h3 class=\"font-semibold text-slate-800\" data-lang-key=\"current_phase\">Current Phase<\/h3><p class=\"text-lg font-bold text-amber-700\" data-lang-key=\"robotics_phase_2_name\">\ud83d\udca1 Creation Lab<\/p><\/div><\/div><\/div><\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-lg\"><h2 class=\"text-xl font-bold text-teal-800 mb-4 border-b pb-2\" data-lang-key=\"it_title\">IT Platform<\/h2><div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 items-center\"><div class=\"chart-container relative h-48 w-48 mx-auto\"><canvas id=\"itFocusChart\"><\/canvas><\/div><div class=\"space-y-4\"><div class=\"bg-teal-50 p-4 rounded-lg\"><h3 class=\"font-semibold text-slate-800\" data-lang-key=\"current_focus\">Current Focus<\/h3><p class=\"text-base font-bold text-teal-700\" data-lang-key=\"it_focus\">DB Migration & UI Design<\/p><\/div><div class=\"bg-violet-50 p-4 rounded-lg\"><h3 class=\"font-semibold text-slate-800\" data-lang-key=\"next_goal\">Next Major Goal<\/h3><p class=\"text-base font-bold text-violet-700\" data-lang-key=\"it_next_goal\">PWA Development<\/p><\/div><\/div><\/div><\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-lg\"><h2 class=\"text-xl font-bold text-pink-800 mb-4 border-b pb-2\" data-lang-key=\"marketing_title\">Marketing Intern Development<\/h2><div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 items-center\"><div class=\"chart-container relative h-48 w-full mx-auto\"><canvas id=\"marketingSkillChart\"><\/canvas><\/div><div class=\"space-y-4\"><div class=\"bg-pink-50 p-4 rounded-lg\"><h3 class=\"font-semibold text-slate-800\" data-lang-key=\"current_focus\">Current Focus<\/h3><p class=\"text-base font-bold text-pink-700\" data-lang-key=\"marketing_focus\">Planning & Content Basics<\/p><\/div><div class=\"bg-rose-50 p-4 rounded-lg\"><h3 class=\"font-semibold text-slate-800\" data-lang-key=\"next_goal\">Next Major Goal<\/h3><p class=\"text-base font-bold text-rose-700\" data-lang-key=\"marketing_next_goal\">Campaign Execution<\/p><\/div><\/div><\/div><\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-lg\"><h2 class=\"text-xl font-bold text-purple-800 mb-4 border-b pb-2\" data-lang-key=\"design_title\">Graphic Design Intern Development<\/h2><div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 items-center\"><div class=\"chart-container relative h-48 w-full mx-auto\"><canvas id=\"designSkillChart\"><\/canvas><\/div><div class=\"space-y-4\"><div class=\"bg-purple-50 p-4 rounded-lg\"><h3 class=\"font-semibold text-slate-800\" data-lang-key=\"current_focus\">Current Focus<\/h3><p class=\"text-base font-bold text-purple-700\" data-lang-key=\"design_focus\">Core Design Fundamentals<\/p><\/div><div class=\"bg-indigo-50 p-4 rounded-lg\"><h3 class=\"font-semibold text-slate-800\" data-lang-key=\"next_goal\">Next Major Goal<\/h3><p class=\"text-base font-bold text-indigo-700\" data-lang-key=\"design_next_goal\">Motion & Dimension<\/p><\/div><\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"mt-8 bg-white p-6 rounded-xl shadow-lg text-center\"><h2 class=\"text-xl font-bold text-slate-700\" data-lang-key=\"current_time_title\">Current Time in Phnom Penh<\/h2><p id=\"current-time\" class=\"text-3xl font-bold text-slate-900 mt-2\"><\/p><p id=\"current-date\" class=\"text-sm text-slate-500\"><\/p><\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"robotics-content\" class=\"content-section\">\r\n <nav class=\"sticky top-[105px] bg-white\/80 backdrop-blur-sm z-10 py-4 px-6 rounded-full shadow-lg mb-12\">\r\n <ol id=\"timeline-nav\" class=\"flex justify-between items-center\">\r\n <li class=\"timeline-item flex-1 text-center cursor-pointer\" data-target=\"phase-1\"><div class=\"timeline-dot w-4 h-4 bg-slate-300 rounded-full mx-auto\"><\/div><span class=\"timeline-text text-xs md:text-sm mt-2 block text-slate-500\" data-lang-key=\"robotics_phase_1\">Discovery<\/span><\/li>\r\n <li class=\"w-1\/5 h-1 bg-slate-200 rounded-full\"><\/li>\r\n <li class=\"timeline-item flex-1 text-center cursor-pointer\" data-target=\"phase-2\"><div class=\"timeline-dot w-4 h-4 bg-slate-300 rounded-full mx-auto\"><\/div><span class=\"timeline-text text-xs md:text-sm mt-2 block text-slate-500\" data-lang-key=\"robotics_phase_2\">Creation<\/span><\/li>\r\n <li class=\"w-1\/5 h-1 bg-slate-200 rounded-full\"><\/li>\r\n <li class=\"timeline-item flex-1 text-center cursor-pointer\" data-target=\"phase-3\"><div class=\"timeline-dot w-4 h-4 bg-slate-300 rounded-full mx-auto\"><\/div><span class=\"timeline-text text-xs md:text-sm mt-2 block text-slate-500\" data-lang-key=\"robotics_phase_3\">Testing<\/span><\/li>\r\n <li class=\"w-1\/5 h-1 bg-slate-200 rounded-full\"><\/li>\r\n <li class=\"timeline-item flex-1 text-center cursor-pointer\" data-target=\"phase-4\"><div class=\"timeline-dot w-4 h-4 bg-slate-300 rounded-full mx-auto\"><\/div><span class=\"timeline-text text-xs md:text-sm mt-2 block text-slate-500\" data-lang-key=\"robotics_phase_4\">Quality<\/span><\/li>\r\n <li class=\"w-1\/5 h-1 bg-slate-200 rounded-full\"><\/li>\r\n <li class=\"timeline-item flex-1 text-center cursor-pointer\" data-target=\"phase-5\"><div class=\"timeline-dot w-4 h-4 bg-slate-300 rounded-full mx-auto\"><\/div><span class=\"timeline-text text-xs md:text-sm mt-2 block text-slate-500\" data-lang-key=\"robotics_phase_5\">Maintenance<\/span><\/li>\r\n <\/ol>\r\n <\/nav>\r\n <div id=\"phase-details\" class=\"space-y-16\">\r\n <div id=\"phase-1\" class=\"phase-section bg-white rounded-2xl shadow-lg p-8\"><div class=\"flex items-center justify-between\"><div class=\"flex items-center\"><span class=\"text-5xl mr-4\">\ud83d\udd0d<\/span><h3 class=\"text-2xl font-bold\" data-lang-key=\"robotics_phase_1_title\">Phase 1: Discovery<\/h3><\/div><span class=\"text-sm font-bold text-white bg-green-600 px-4 py-1 rounded-full\" data-lang-key=\"status_completed\">Completed<\/span><\/div><ul class=\"mt-4 list-disc list-inside text-slate-600\"><li data-lang-key=\"robotics_p1_t1\">Review 2 years of student project data.<\/li><li data-lang-key=\"robotics_p1_t2\">Conduct feedback sessions with instructors.<\/li><li data-lang-key=\"robotics_p1_t3\">Survey students and parents.<\/li><li data-lang-key=\"robotics_p1_t4\">Analyze best-in-class robotics books.<\/li><\/ul><\/div>\r\n <div id=\"phase-2\" class=\"phase-section bg-white rounded-2xl shadow-lg p-8\"><div class=\"flex items-center justify-between\"><div class=\"flex items-center\"><span class=\"text-5xl mr-4\">\ud83d\udca1<\/span><h3 class=\"text-2xl font-bold\" data-lang-key=\"robotics_phase_2_title\">Phase 2: Creation Lab<\/h3><\/div><span class=\"text-sm font-bold text-black bg-amber-400 px-4 py-1 rounded-full\" data-lang-key=\"status_in_progress\">In Progress<\/span><\/div><ul class=\"mt-4 list-disc list-inside text-slate-600\"><li data-lang-key=\"robotics_p2_t1\">Develop visual-first guidebooks.<\/li><li data-lang-key=\"robotics_p2_t2\">Write kid-friendly content with simple language.<\/li><li data-lang-key=\"robotics_p2_t3\">Create branded styles for each learning tier.<\/li><\/ul><\/div>\r\n <div id=\"phase-3\" class=\"phase-section bg-white rounded-2xl shadow-lg p-8 opacity-70\"><div class=\"flex items-center justify-between\"><div class=\"flex items-center\"><span class=\"text-5xl mr-4\">\ud83d\udd2c<\/span><h3 class=\"text-2xl font-bold\" data-lang-key=\"robotics_phase_3_title\">Phase 3: Test Zone<\/h3><\/div><span class=\"text-sm font-bold text-white bg-sky-500 px-4 py-1 rounded-full\" data-lang-key=\"status_up_next\">Up Next<\/span><\/div><ul class=\"mt-4 list-disc list-inside text-slate-600\"><li data-lang-key=\"robotics_p3_t1\">Pilot new chapters in weekend workshops.<\/li><li data-lang-key=\"robotics_p3_t2\">Observe student interactions directly.<\/li><li data-lang-key=\"robotics_p3_t3\">Gather instructor feedback from live tests.<\/li><\/ul><\/div>\r\n <div id=\"phase-4\" class=\"phase-section bg-white rounded-2xl shadow-lg p-8 opacity-70\"><div class=\"flex items-center justify-between\"><div class=\"flex items-center\"><span class=\"text-5xl mr-4\">\u2b50<\/span><h3 class=\"text-2xl font-bold\" data-lang-key=\"robotics_phase_4_title\">Phase 4: Quality Check<\/h3><\/div><span class=\"text-sm font-bold text-white bg-sky-500 px-4 py-1 rounded-full\" data-lang-key=\"status_up_next\">Up Next<\/span><\/div><ul class=\"mt-4 list-disc list-inside text-slate-600\"><li data-lang-key=\"robotics_p4_t1\">Track project completion rates.<\/li><li data-lang-key=\"robotics_p4_t2\">Use instructor checklists to score lessons.<\/li><li data-lang-key=\"robotics_p4_t3\">Refine materials based on test data.<\/li><\/ul><\/div>\r\n <div id=\"phase-5\" class=\"phase-section bg-white rounded-2xl shadow-lg p-8 opacity-70\"><div class=\"flex items-center justify-between\"><div class=\"flex items-center\"><span class=\"text-5xl mr-4\">\ud83d\udd04<\/span><h3 class=\"text-2xl font-bold\" data-lang-key=\"robotics_phase_5_title\">Phase 5: Living Curriculum<\/h3><\/div><span class=\"text-sm font-bold text-white bg-sky-500 px-4 py-1 rounded-full\" data-lang-key=\"status_up_next\">Up Next<\/span><\/div><ul class=\"mt-4 list-disc list-inside text-slate-600\"><li data-lang-key=\"robotics_p5_t1\">Establish yearly review cycle.<\/li><li data-lang-key=\"robotics_p5_t2\">Maintain a digital master version of all books.<\/li><li data-lang-key=\"robotics_p5_t3\">Create ongoing feedback channel for instructors.<\/li><\/ul><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"it-content\" class=\"content-section\">\r\n <div id=\"it-filter-container\" class=\"text-center mb-8\"><div class=\"inline-flex bg-white rounded-lg p-1 shadow-sm space-x-1\"><button data-filter=\"all\" class=\"it-filter-btn active text-sm font-semibold px-4 py-2 rounded-md transition-colors\" data-lang-key=\"filter_all\">View All<\/button><button data-filter=\"backend\" class=\"it-filter-btn text-sm font-semibold px-4 py-2 rounded-md transition-colors\" data-lang-key=\"filter_backend\">Backend<\/button><button data-filter=\"frontend\" class=\"it-filter-btn text-sm font-semibold px-4 py-2 rounded-md transition-colors\" data-lang-key=\"filter_frontend\">Frontend\/PWA<\/button><\/div><\/div>\r\n <div id=\"it-roadmap-board\" class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\r\n <div class=\"phase-col bg-slate-200\/60 p-4 rounded-lg\"><h3 class=\"font-bold text-lg text-center mb-4 pb-2 border-b-2 border-amber-500 text-amber-700\" data-lang-key=\"phase_1_title\">Phase 1: Current Focus<\/h3><div class=\"grid grid-cols-1 xl:grid-cols-2 gap-4\"><div class=\"space-y-4\"><h4 class=\"font-semibold text-center text-teal-800 bg-teal-100 py-1 rounded\" data-lang-key=\"backend_stream\">Backend Stream<\/h4><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"backend\"><h5 class=\"font-bold text-teal-700\" data-lang-key=\"it_p1_t1_title\">DB Schema Design<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p1_t1_desc\">Finalize Supabase schema.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"backend\"><h5 class=\"font-bold text-teal-700\" data-lang-key=\"it_p1_t2_title\">Data Migration<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p1_t2_desc\">Develop scripts to move data.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"backend\"><h5 class=\"font-bold text-teal-700\" data-lang-key=\"it_p1_t3_title\">API Refactoring<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p1_t3_desc\">Update services for Supabase.<\/p><\/div><\/div><div class=\"space-y-4\"><h4 class=\"font-semibold text-center text-violet-800 bg-violet-100 py-1 rounded\" data-lang-key=\"frontend_stream\">Frontend Stream<\/h4><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"frontend\"><h5 class=\"font-bold text-violet-700\" data-lang-key=\"it_p1_t4_title\">User Stories<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p1_t4_desc\">Define parent & student journeys.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"frontend\"><h5 class=\"font-bold text-violet-700\" data-lang-key=\"it_p1_t5_title\">Wireframing<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p1_t5_desc\">Create PWA user flows.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"frontend\"><h5 class=\"font-bold text-violet-700\" data-lang-key=\"it_p1_t6_title\">UI Mockups<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p1_t6_desc\">Develop high-fidelity prototype.<\/p><\/div><\/div><\/div><\/div>\r\n <div class=\"phase-col bg-slate-200\/60 p-4 rounded-lg\"><h3 class=\"font-bold text-lg text-center mb-4 pb-2 border-b-2 border-sky-500 text-sky-700\" data-lang-key=\"phase_2_title\">Phase 2: Next Up<\/h3><div class=\"space-y-4\"><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"frontend\"><h5 class=\"font-bold text-violet-700\" data-lang-key=\"it_p2_t1_title\">PWA Frontend Build<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p2_t1_desc\">Code the PWA from designs.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"backend\"><h5 class=\"font-bold text-teal-700\" data-lang-key=\"it_p2_t2_title\">API Integration<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p2_t2_desc\">Connect PWA to Supabase.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"frontend\"><h5 class=\"font-bold text-violet-700\" data-lang-key=\"it_p2_t3_title\">Beta Testing & Launch<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p2_t3_desc\">Deploy PWA to users.<\/p><\/div><\/div><\/div>\r\n <div class=\"phase-col bg-slate-200\/60 p-4 rounded-lg\"><h3 class=\"font-bold text-lg text-center mb-4 pb-2 border-b-2 border-slate-500 text-slate-700\" data-lang-key=\"phase_3_title\">Phase 3: Future Goals<\/h3><div class=\"space-y-4\"><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"backend\"><h5 class=\"font-bold text-teal-700\" data-lang-key=\"it_p3_t1_title\">POS Module Dev<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p3_t1_desc\">Build Point of Sale system.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"frontend\"><h5 class=\"font-bold text-violet-700\" data-lang-key=\"it_p3_t2_title\">PWA Wallet Feature<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p3_t2_desc\">Add finance section to PWA.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"backend\"><h5 class=\"font-bold text-teal-700\" data-lang-key=\"it_p3_t3_title\">Student POS Linking<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p3_t3_desc\">Connect student profiles to POS.<\/p><\/div><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n \r\n <section id=\"marketing-content\" class=\"content-section\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\r\n <div class=\"phase-col bg-white\/80 p-4 rounded-lg shadow-md\"><h3 class=\"font-bold text-lg text-center mb-4 pb-2 border-b-2 border-amber-500 text-amber-700\" data-lang-key=\"mkt_phase_1_title\">Phase 1: Foundational Skills<\/h3><div class=\"space-y-4\"><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-pink-400\"><h5 class=\"font-bold text-pink-700\" data-lang-key=\"mkt_p1_t1_title\">Planning & Writing<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"mkt_p1_t1_desc\">Develop marketing plan, video scripts, and post captions.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-rose-400\"><h5 class=\"font-bold text-rose-700\" data-lang-key=\"mkt_p1_t2_title\">Technical Production<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"mkt_p1_t2_desc\">Learn camera basics, basic video editing, and poster design.<\/p><\/div><\/div><\/div>\r\n <div class=\"phase-col bg-white\/80 p-4 rounded-lg shadow-md opacity-70\"><h3 class=\"font-bold text-lg text-center mb-4 pb-2 border-b-2 border-sky-500 text-sky-700\" data-lang-key=\"mkt_phase_2_title\">Phase 2: Campaign Execution<\/h3><div class=\"space-y-4\"><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-sky-400\"><h5 class=\"font-bold text-sky-700\" data-lang-key=\"mkt_p2_t1_title\">Paid Advertising<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"mkt_p2_t1_desc\">Learn and execute Facebook ad boosting campaigns.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-indigo-400\"><h5 class=\"font-bold text-indigo-700\" data-lang-key=\"mkt_p2_t2_title\">Platform Expansion<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"mkt_p2_t2_desc\">Create and post content for TikTok and Instagram.<\/p><\/div><\/div><\/div>\r\n <div class=\"phase-col bg-white\/80 p-4 rounded-lg shadow-md opacity-70\"><h3 class=\"font-bold text-lg text-center mb-4 pb-2 border-b-2 border-slate-500 text-slate-700\" data-lang-key=\"mkt_phase_3_title\">Phase 3: Strategic Growth<\/h3><div class=\"space-y-4\"><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-slate-400\"><h5 class=\"font-bold text-slate-700\" data-lang-key=\"mkt_p3_t1_title\">Analytics & Strategy<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"mkt_p3_t1_desc\">Learn to analyze campaign performance and contribute to strategy.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-gray-400\"><h5 class=\"font-bold text-gray-700\" data-lang-key=\"mkt_p3_t2_title\">Advanced Production<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"mkt_p3_t2_desc\">Develop advanced video editing and content creation techniques.<\/p><\/div><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"graphic-design-content\" class=\"content-section\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\r\n <div class=\"phase-col bg-white\/80 p-4 rounded-lg shadow-md\"><h3 class=\"font-bold text-lg text-center mb-4 pb-2 border-b-2 border-amber-500 text-amber-700\" data-lang-key=\"design_phase_1_title\">Phase 1: Core Design Fundamentals<\/h3><div class=\"space-y-4\"><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-purple-400\"><h5 class=\"font-bold text-purple-700\" data-lang-key=\"design_p1_t1_title\">Creativity & Conception<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"design_p1_t1_desc\">Study design principles, color theory, and concept development.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-indigo-400\"><h5 class=\"font-bold text-indigo-700\" data-lang-key=\"design_p1_t2_title\">Tool Mastery<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"design_p1_t2_desc\">Move beyond Canva to master foundational Photoshop & Illustrator skills.<\/p><\/div><\/div><\/div>\r\n <div class=\"phase-col bg-white\/80 p-4 rounded-lg shadow-md opacity-70\"><h3 class=\"font-bold text-lg text-center mb-4 pb-2 border-b-2 border-sky-500 text-sky-700\" data-lang-key=\"design_phase_2_title\">Phase 2: Motion & Dimension<\/h3><div class=\"space-y-4\"><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-cyan-400\"><h5 class=\"font-bold text-cyan-700\" data-lang-key=\"design_p2_t1_title\">2D Animation<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"design_p2_t1_desc\">Learn basics of motion graphics and 2D animation for social media.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-teal-400\"><h5 class=\"font-bold text-teal-700\" data-lang-key=\"design_p2_t2_title\">Intro to 3D<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"design_p2_t2_desc\">Begin learning basic 3D modeling with tools like Blender.<\/p><\/div><\/div><\/div>\r\n <div class=\"phase-col bg-white\/80 p-4 rounded-lg shadow-md opacity-70\"><h3 class=\"font-bold text-lg text-center mb-4 pb-2 border-b-2 border-slate-500 text-slate-700\" data-lang-key=\"design_phase_3_title\">Phase 3: Advanced Visuals<\/h3><div class=\"space-y-4\"><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-slate-400\"><h5 class=\"font-bold text-slate-700\" data-lang-key=\"design_p3_t1_title\">Advanced 3D & Animation<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"design_p3_t1_desc\">Develop complex 3D models and fluid animation sequences.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-gray-400\"><h5 class=\"font-bold text-gray-700\" data-lang-key=\"design_p3_t2_title\">Portfolio Specialization<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"design_p3_t2_desc\">Build a specialized portfolio focusing on a key area like character or environmental design.<\/p><\/div><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const translations = {\r\n en: {\r\n main_title: \"AAA School Strategic Initiatives\",\r\n header_subtitle_overview: \"High-Level Strategic Overview\",\r\n header_subtitle_robotics: \"Detailed Roadmap for the Robotics Curriculum Project\",\r\n header_subtitle_it: \"Detailed Roadmap for the IT Platform & SMS Project\",\r\n header_subtitle_marketing: \"Development Roadmap for the Marketing Intern\",\r\n header_subtitle_design: \"Development Roadmap for the Graphic Design Intern\",\r\n nav_overview: \"Overview\",\r\n nav_robotics: \"Robotics\",\r\n nav_it: \"IT Platform\",\r\n nav_marketing: \"Marketing\",\r\n nav_design: \"Graphic Design\",\r\n robotics_title: \"Robotics Program\",\r\n it_title: \"IT Platform\",\r\n marketing_title: \"Marketing Intern Development\",\r\n design_title: \"Graphic Design Intern Development\",\r\n progress: \"Progress\",\r\n current_phase: \"Current Phase\",\r\n robotics_phase_2_name: \"\ud83d\udca1 Creation Lab\",\r\n current_focus: \"Current Focus\",\r\n it_focus: \"DB Migration & UI Design\",\r\n next_goal: \"Next Major Goal\",\r\n it_next_goal: \"PWA Development\",\r\n marketing_focus: \"Planning & Content Basics\",\r\n marketing_next_goal: \"Campaign Execution\",\r\n design_focus: \"Core Design Fundamentals\",\r\n design_next_goal: \"Motion & Dimension\",\r\n current_time_title: \"Current Time in Phnom Penh\",\r\n robotics_phase_1: \"Discovery\",\r\n robotics_phase_2: \"Creation\",\r\n robotics_phase_3: \"Testing\",\r\n robotics_phase_4: \"Quality\",\r\n robotics_phase_5: \"Maintenance\",\r\n robotics_phase_1_title: \"Phase 1: Discovery\",\r\n robotics_phase_2_title: \"Phase 2: Creation Lab\",\r\n robotics_phase_3_title: \"Phase 3: Test Zone\",\r\n robotics_phase_4_title: \"Phase 4: Quality Check\",\r\n robotics_phase_5_title: \"Phase 5: Living Curriculum\",\r\n status_completed: \"Completed\",\r\n status_in_progress: \"In Progress\",\r\n status_up_next: \"Up Next\",\r\n robotics_p1_t1: \"Review 2 years of student project data.\",\r\n robotics_p1_t2: \"Conduct feedback sessions with instructors.\",\r\n robotics_p1_t3: \"Survey students and parents.\",\r\n robotics_p1_t4: \"Analyze best-in-class robotics books.\",\r\n robotics_p2_t1: \"Develop visual-first guidebooks.\",\r\n robotics_p2_t2: \"Write kid-friendly content with simple language.\",\r\n robotics_p2_t3: \"Create branded styles for each learning tier.\",\r\n robotics_p3_t1: \"Pilot new chapters in weekend workshops.\",\r\n robotics_p3_t2: \"Observe student interactions directly.\",\r\n robotics_p3_t3: \"Gather instructor feedback from live tests.\",\r\n robotics_p4_t1: \"Track project completion rates.\",\r\n robotics_p4_t2: \"Use instructor checklists to score lessons.\",\r\n robotics_p4_t3: \"Refine materials based on test data.\",\r\n robotics_p5_t1: \"Establish yearly review cycle.\",\r\n robotics_p5_t2: \"Maintain a digital master version of all books.\",\r\n robotics_p5_t3: \"Create ongoing feedback channel for instructors.\",\r\n filter_all: \"View All\",\r\n filter_backend: \"Backend\",\r\n filter_frontend: \"Frontend\/PWA\",\r\n phase_1_title: \"Phase 1: Current Focus\",\r\n phase_2_title: \"Phase 2: Next Up\",\r\n phase_3_title: \"Phase 3: Future Goals\",\r\n backend_stream: \"Backend Stream\",\r\n frontend_stream: \"Frontend Stream\",\r\n it_p1_t1_title: \"DB Schema Design\",\r\n it_p1_t1_desc: \"Finalize Supabase schema.\",\r\n it_p1_t2_title: \"Data Migration\",\r\n it_p1_t2_desc: \"Develop scripts to move data.\",\r\n it_p1_t3_title: \"API Refactoring\",\r\n it_p1_t3_desc: \"Update services for Supabase.\",\r\n it_p1_t4_title: \"User Stories\",\r\n it_p1_t4_desc: \"Define parent & student journeys.\",\r\n it_p1_t5_title: \"Wireframing\",\r\n it_p1_t5_desc: \"Create PWA user flows.\",\r\n it_p1_t6_title: \"UI Mockups\",\r\n it_p1_t6_desc: \"Develop high-fidelity prototype.\",\r\n it_p2_t1_title: \"PWA Frontend Build\",\r\n it_p2_t1_desc: \"Code the PWA from designs.\",\r\n it_p2_t2_title: \"API Integration\",\r\n it_p2_t2_desc: \"Connect PWA to Supabase.\",\r\n it_p2_t3_title: \"Beta Testing & Launch\",\r\n it_p2_t3_desc: \"Deploy PWA to users.\",\r\n it_p3_t1_title: \"POS Module Dev\",\r\n it_p3_t1_desc: \"Build Point of Sale system.\",\r\n it_p3_t2_title: \"PWA Wallet Feature\",\r\n it_p3_t2_desc: \"Add finance section to PWA.\",\r\n it_p3_t3_title: \"Student POS Linking\",\r\n it_p3_t3_desc: \"Connect student profiles to POS.\",\r\n mkt_phase_1_title: \"Phase 1: Foundational Skills\",\r\n mkt_p1_t1_title: \"Planning & Writing\",\r\n mkt_p1_t1_desc: \"Develop marketing plan, video scripts, and post captions.\",\r\n mkt_p1_t2_title: \"Technical Production\",\r\n mkt_p1_t2_desc: \"Learn camera basics, basic video editing, and poster design.\",\r\n mkt_phase_2_title: \"Phase 2: Campaign Execution\",\r\n mkt_p2_t1_title: \"Paid Advertising\",\r\n mkt_p2_t1_desc: \"Learn and execute Facebook ad boosting campaigns.\",\r\n mkt_p2_t2_title: \"Platform Expansion\",\r\n mkt_p2_t2_desc: \"Create and post content for TikTok and Instagram.\",\r\n mkt_phase_3_title: \"Phase 3: Strategic Growth\",\r\n mkt_p3_t1_title: \"Analytics & Strategy\",\r\n mkt_p3_t1_desc: \"Learn to analyze campaign performance and contribute to strategy.\",\r\n mkt_p3_t2_title: \"Advanced Production\",\r\n mkt_p3_t2_desc: \"Develop advanced video editing and content creation techniques.\",\r\n design_phase_1_title: \"Phase 1: Core Design Fundamentals\",\r\n design_p1_t1_title: \"Creativity & Conception\",\r\n design_p1_t1_desc: \"Study design principles, color theory, and concept development.\",\r\n design_p1_t2_title: \"Tool Mastery\",\r\n design_p1_t2_desc: \"Move beyond Canva to master foundational Photoshop & Illustrator skills.\",\r\n design_phase_2_title: \"Phase 2: Motion & Dimension\",\r\n design_p2_t1_title: \"2D Animation\",\r\n design_p2_t1_desc: \"Learn basics of motion graphics and 2D animation for social media.\",\r\n design_p2_t2_title: \"Intro to 3D\",\r\n design_p2_t2_desc: \"Begin learning basic 3D modeling with tools like Blender.\",\r\n design_phase_3_title: \"Phase 3: Advanced Visuals\",\r\n design_p3_t1_title: \"Advanced 3D & Animation\",\r\n design_p3_t1_desc: \"Develop complex 3D models and fluid animation sequences.\",\r\n design_p3_t2_title: \"Portfolio Specialization\",\r\n design_p3_t2_desc: \"Build a specialized portfolio focusing on a key area like character or environmental design.\",\r\n robotics_chart_labels: ['Completed', 'In Progress', 'Up Next'],\r\n it_chart_labels: ['DB Migration', 'UI\/UX Design', 'PWA Dev', 'POS Int.'],\r\n marketing_chart_labels: ['Planning', 'Content Creation', 'Campaigns', 'Tech Skills'],\r\n design_chart_labels: ['Creativity', 'Photoshop', 'Animation', '3D'],\r\n },\r\n km: {\r\n main_title: \"\u1782\u17c6\u1793\u17b7\u178f\u1795\u17d2\u178a\u17bd\u1785\u1795\u17d2\u178a\u17be\u1798\u1799\u17bb\u1791\u17d2\u1792\u179f\u17b6\u179f\u17d2\u178f\u17d2\u179a\u179f\u17b6\u179b\u17b6 AAA\",\r\n header_subtitle_overview: \"\u1791\u17b7\u178a\u17d2\u178b\u1797\u17b6\u1796\u1791\u17bc\u1791\u17c5\u1793\u17c3\u1799\u17bb\u1791\u17d2\u1792\u179f\u17b6\u179f\u17d2\u178f\u17d2\u179a\u1780\u1798\u17d2\u179a\u17b7\u178f\u1781\u17d2\u1796\u179f\u17cb\",\r\n header_subtitle_robotics: \"\u1795\u17c2\u1793\u1791\u17b8\u1794\u1784\u17d2\u17a0\u17b6\u1789\u1795\u17d2\u179b\u17bc\u179c\u179b\u1798\u17d2\u17a2\u17b7\u178f\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1782\u1798\u17d2\u179a\u17c4\u1784\u1780\u1798\u17d2\u1798\u179c\u17b7\u1792\u17b8\u179f\u17b7\u1780\u17d2\u179f\u17b6\u179a\u17c9\u17bc\u1794\u17bc\u1791\u17b7\u1785\",\r\n header_subtitle_it: \"\u1795\u17c2\u1793\u1791\u17b8\u1794\u1784\u17d2\u17a0\u17b6\u1789\u1795\u17d2\u179b\u17bc\u179c\u179b\u1798\u17d2\u17a2\u17b7\u178f\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1794\u17d2\u179a\u1796\u17d0\u1793\u17d2\u1792 IT & SMS\",\r\n header_subtitle_marketing: \"\u1795\u17c2\u1793\u1791\u17b8\u1794\u1784\u17d2\u17a0\u17b6\u1789\u1795\u17d2\u179b\u17bc\u179c\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d\u1793\u17cd\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1794\u17bb\u1782\u17d2\u1782\u179b\u17b7\u1780\u1791\u17b8\u1795\u17d2\u179f\u17b6\u179a\",\r\n header_subtitle_design: \"\u1795\u17c2\u1793\u1791\u17b8\u1794\u1784\u17d2\u17a0\u17b6\u1789\u1795\u17d2\u179b\u17bc\u179c\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d\u1793\u17cd\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1794\u17bb\u1782\u17d2\u1782\u179b\u17b7\u1780\u179a\u1785\u1793\u17b6\u1780\u17d2\u179a\u17b6\u17a0\u17d2\u179c\u17b7\u1780\",\r\n nav_overview: \"\u1791\u17b7\u178a\u17d2\u178b\u1797\u17b6\u1796\u1791\u17bc\u1791\u17c5\",\r\n nav_robotics: \"\u179a\u17c9\u17bc\u1794\u17bc\u1791\u17b7\u1785\",\r\n nav_it: \"\u1794\u1785\u17d2\u1785\u17c1\u1780\u179c\u17b7\u1791\u17d2\u1799\u17b6\",\r\n nav_marketing: \"\u1791\u17b8\u1795\u17d2\u179f\u17b6\u179a\",\r\n nav_design: \"\u179a\u1785\u1793\u17b6\u1780\u17d2\u179a\u17b6\u17a0\u17d2\u179c\u17b7\u1780\",\r\n robotics_title: \"\u1780\u1798\u17d2\u1798\u179c\u17b7\u1792\u17b8\u179a\u17c9\u17bc\u1794\u17bc\u1791\u17b7\u1785\",\r\n it_title: \"\u1794\u17d2\u179a\u1796\u17d0\u1793\u17d2\u1792\u1794\u1785\u17d2\u1785\u17c1\u1780\u179c\u17b7\u1791\u17d2\u1799\u17b6\",\r\n marketing_title: \"\u1780\u17b6\u179a\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d\u1794\u17bb\u1782\u17d2\u1782\u179b\u17b7\u1780\u1791\u17b8\u1795\u17d2\u179f\u17b6\u179a\",\r\n design_title: \"\u1780\u17b6\u179a\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d\u1794\u17bb\u1782\u17d2\u1782\u179b\u17b7\u1780\u179a\u1785\u1793\u17b6\",\r\n progress: \"\u179c\u178c\u17d2\u178d\u1793\u1797\u17b6\u1796\",\r\n current_phase: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\",\r\n robotics_phase_2_name: \"\ud83d\udca1 \u1794\u1784\u17d2\u1780\u17be\u178f\u1781\u17d2\u179b\u17b9\u1798\u179f\u17b6\u179a\",\r\n current_focus: \"\u1780\u17b6\u179a\u1784\u17b6\u179a\u1785\u1798\u17d2\u1794\u1784\",\r\n it_focus: \"\u1794\u17d2\u178a\u17bc\u179a Database & \u179a\u1785\u1793\u17b6 UI\",\r\n next_goal: \"\u1782\u17c4\u179b\u178a\u17c5\u1794\u1793\u17d2\u1791\u17b6\u1794\u17cb\",\r\n it_next_goal: \"\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d PWA\",\r\n marketing_focus: \"\u1795\u17c2\u1793\u1780\u17b6\u179a & \u1781\u17d2\u179b\u17b9\u1798\u179f\u17b6\u179a\u1798\u17bc\u179b\u178a\u17d2\u178b\u17b6\u1793\",\r\n marketing_next_goal: \"\u1794\u17d2\u179a\u178f\u17b7\u1794\u178f\u17d2\u178f\u17b7\u1799\u17bb\u1791\u17d2\u1792\u1793\u17b6\u1780\u17b6\u179a\",\r\n design_focus: \"\u1798\u17bc\u179b\u178a\u17d2\u178b\u17b6\u1793\u1782\u17d2\u179a\u17b9\u17c7\u1793\u17c3\u1780\u17b6\u179a\u179a\u1785\u1793\u17b6\",\r\n design_next_goal: \"\u1785\u179b\u1793\u17b6 & 3D\",\r\n current_time_title: \"\u1798\u17c9\u17c4\u1784\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u1793\u17c5\u1797\u17d2\u1793\u17c6\u1796\u17c1\u1789\",\r\n robotics_phase_1: \"\u179f\u17d2\u179a\u17b6\u179c\u1787\u17d2\u179a\u17b6\u179c\",\r\n robotics_phase_2: \"\u1794\u1784\u17d2\u1780\u17be\u178f\",\r\n robotics_phase_3: \"\u179f\u17b6\u1780\u179b\u17d2\u1794\u1784\",\r\n robotics_phase_4: \"\u178f\u17d2\u179a\u17bd\u178f\u1796\u17b7\u1793\u17b7\u178f\u17d2\u1799\",\r\n robotics_phase_5: \"\u1790\u17c2\u1791\u17b6\u17c6\",\r\n robotics_phase_1_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e1: \u179f\u17d2\u179a\u17b6\u179c\u1787\u17d2\u179a\u17b6\u179c\",\r\n robotics_phase_2_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e2: \u1794\u1784\u17d2\u1780\u17be\u178f\u1781\u17d2\u179b\u17b9\u1798\u179f\u17b6\u179a\",\r\n robotics_phase_3_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e3: \u178f\u17c6\u1794\u1793\u17cb\u179f\u17b6\u1780\u179b\u17d2\u1794\u1784\",\r\n robotics_phase_4_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e4: \u178f\u17d2\u179a\u17bd\u178f\u1796\u17b7\u1793\u17b7\u178f\u17d2\u1799\u1782\u17bb\u178e\u1797\u17b6\u1796\",\r\n robotics_phase_5_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e5: \u1780\u1798\u17d2\u1798\u179c\u17b7\u1792\u17b8\u179f\u17b7\u1780\u17d2\u179f\u17b6\u1798\u17b6\u1793\u1797\u17b6\u1796\u179a\u179f\u17cb\u179a\u179c\u17be\u1780\",\r\n status_completed: \"\u1794\u17b6\u1793\u1794\u1789\u17d2\u1785\u1794\u17cb\",\r\n status_in_progress: \"\u1780\u17c6\u1796\u17bb\u1784\u178a\u17c6\u178e\u17be\u179a\u1780\u17b6\u179a\",\r\n status_up_next: \"\u1794\u1793\u17d2\u1791\u17b6\u1794\u17cb\",\r\n robotics_p1_t1: \"\u1796\u17b7\u1793\u17b7\u178f\u17d2\u1799\u1791\u17b7\u1793\u17d2\u1793\u1793\u17d0\u1799\u1782\u1798\u17d2\u179a\u17c4\u1784\u179f\u17b7\u179f\u17d2\u179f\u179a\u1799\u17c8\u1796\u17c1\u179b \u17e2\u1786\u17d2\u1793\u17b6\u17c6\u17d4\",\r\n robotics_p1_t2: \"\u1794\u17d2\u179a\u1787\u17bb\u17c6\u1787\u17b6\u1798\u17bd\u1799\u1782\u17d2\u179a\u17bc\u178a\u17be\u1798\u17d2\u1794\u17b8\u1791\u1791\u17bd\u179b\u1798\u178f\u17b7\u1780\u17c2\u179b\u1798\u17d2\u17a2\u17d4\",\r\n robotics_p1_t3: \"\u179f\u17d2\u1791\u1784\u17cb\u1798\u178f\u17b7\u179f\u17b7\u179f\u17d2\u179f \u1793\u17b7\u1784\u1798\u17b6\u178f\u17b6\u1794\u17b7\u178f\u17b6\u17d4\",\r\n robotics_p1_t4: \"\u179c\u17b7\u1797\u17b6\u1782\u179f\u17c0\u179c\u1797\u17c5\u179a\u17c9\u17bc\u1794\u17bc\u1791\u17b7\u1785\u179b\u17d2\u17a2\u17d7\u1796\u17b8\u17a2\u1793\u17d2\u178f\u179a\u1787\u17b6\u178f\u17b7\u17d4\",\r\n robotics_p2_t1: \"\u1794\u1784\u17d2\u1780\u17be\u178f\u179f\u17c0\u179c\u1797\u17c5\u178e\u17c2\u1793\u17b6\u17c6\u178a\u17c2\u179b\u0e40\u0e19\u0e49\u0e19\u179a\u17bc\u1794\u1797\u17b6\u1796\u17d4\",\r\n robotics_p2_t2: \"\u179f\u179a\u179f\u17c1\u179a\u1781\u17d2\u179b\u17b9\u1798\u179f\u17b6\u179a\u1784\u17b6\u1799\u1799\u179b\u17cb\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1780\u17bb\u1798\u17b6\u179a\u17d4\",\r\n robotics_p2_t3: \"\u1794\u1784\u17d2\u1780\u17be\u178f\u179a\u1785\u1793\u17b6\u1794\u17d0\u1791\u17d2\u1798\u1798\u17c9\u17b6\u1780\u1799\u17b8\u17a0\u17c4\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1780\u1798\u17d2\u179a\u17b7\u178f\u1793\u17b8\u1798\u17bd\u1799\u17d7\u17d4\",\r\n robotics_p3_t1: \"\u179f\u17b6\u1780\u179b\u17d2\u1794\u1784\u1798\u17c1\u179a\u17c0\u1793\u1790\u17d2\u1798\u17b8\u17d7\u1780\u17d2\u1793\u17bb\u1784\u179f\u17b7\u1780\u17d2\u1781\u17b6\u179f\u17b6\u179b\u17b6\u1785\u17bb\u1784\u179f\u1794\u17d2\u178f\u17b6\u17a0\u17cd\u17d4\",\r\n robotics_p3_t2: \"\u179f\u1784\u17d2\u1780\u17c1\u178f\u1798\u17be\u179b\u17a2\u1793\u17d2\u178f\u179a\u1780\u1798\u17d2\u1798\u179a\u1794\u179f\u17cb\u179f\u17b7\u179f\u17d2\u179f\u178a\u17c4\u1799\u1795\u17d2\u1791\u17b6\u179b\u17cb\u17d4\",\r\n robotics_p3_t3: \"\u1794\u17d2\u179a\u1798\u17bc\u179b\u1798\u178f\u17b7\u1780\u17c2\u179b\u1798\u17d2\u17a2\u1796\u17b8\u1782\u17d2\u179a\u17bc\u17d4\",\r\n robotics_p4_t1: \"\u178f\u17b6\u1798\u178a\u17b6\u1793\u17a2\u178f\u17d2\u179a\u17b6\u1794\u1789\u17d2\u1785\u1794\u17cb\u1782\u1798\u17d2\u179a\u17c4\u1784\u17d4\",\r\n robotics_p4_t2: \"\u1794\u17d2\u179a\u17be\u1794\u1789\u17d2\u1787\u17b8\u178f\u17d2\u179a\u17bd\u178f\u1796\u17b7\u1793\u17b7\u178f\u17d2\u1799\u179a\u1794\u179f\u17cb\u1782\u17d2\u179a\u17bc\u178a\u17be\u1798\u17d2\u1794\u17b8\u179c\u17b6\u1799\u178f\u1798\u17d2\u179b\u17c3\u1798\u17c1\u179a\u17c0\u1793\u17d4\",\r\n robotics_p4_t3: \"\u1780\u17c2\u179b\u1798\u17d2\u17a2\u17af\u1780\u179f\u17b6\u179a\u1795\u17d2\u17a2\u17c2\u1780\u179b\u17be\u1791\u17b7\u1793\u17d2\u1793\u1793\u17d0\u1799\u178f\u17c1\u179f\u17d2\u178f\u17d4\",\r\n robotics_p5_t1: \"\u1794\u1784\u17d2\u1780\u17be\u178f\u179c\u178a\u17d2\u178f\u1796\u17b7\u1793\u17b7\u178f\u17d2\u1799\u17a1\u17be\u1784\u179c\u17b7\u1789\u1794\u17d2\u179a\u1785\u17b6\u17c6\u1786\u17d2\u1793\u17b6\u17c6\u17d4\",\r\n robotics_p5_t2: \"\u179a\u1780\u17d2\u179f\u17b6\u1791\u17bb\u1780\u1780\u17c6\u178e\u17c2\u178c\u17b8\u1787\u17b8\u1790\u179b\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1784\u17b6\u1799\u179f\u17d2\u179a\u17bd\u179b\u1792\u17d2\u179c\u17be\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u1797\u17b6\u1796\u17d4\",\r\n robotics_p5_t3: \"\u1794\u1784\u17d2\u1780\u17be\u178f\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e23\u0e31\u0e1a\u1798\u178f\u17b7\u1780\u17c2\u179b\u1798\u17d2\u17a2\u1796\u17b8\u1782\u17d2\u179a\u17bc\u17d4\",\r\n filter_all: \"\u1798\u17be\u179b\u1791\u17b6\u17c6\u1784\u17a2\u179f\u17cb\",\r\n filter_backend: \"Backend\",\r\n filter_frontend: \"Frontend\/PWA\",\r\n phase_1_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e1: \u1780\u17b6\u179a\u1784\u17b6\u179a\u1785\u1798\u17d2\u1794\u1784\",\r\n phase_2_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e2: \u1794\u1793\u17d2\u1791\u17b6\u1794\u17cb\",\r\n phase_3_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e3: \u1782\u17c4\u179b\u178a\u17c5\u17a2\u1793\u17b6\u1782\u178f\",\r\n backend_stream: \"\u1795\u17d2\u1793\u17c2\u1780 Backend\",\r\n frontend_stream: \"\u1795\u17d2\u1793\u17c2\u1780 Frontend\",\r\n it_p1_t1_title: \"\u179a\u1785\u1793\u17b6 DB Schema\",\r\n it_p1_t1_desc: \"\u1794\u1789\u17d2\u1785\u1794\u17cb Supabase schema\u17d4\",\r\n it_p1_t2_title: \"\u1794\u17d2\u178a\u17bc\u179a\u1791\u17b7\u1793\u17d2\u1793\u1793\u17d0\u1799\",\r\n it_p1_t2_desc: \"\u1794\u1784\u17d2\u1780\u17be\u178f Script \u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1794\u17d2\u178a\u17bc\u179a\u1791\u17b7\u1793\u17d2\u1793\u1793\u17d0\u1799\u17d4\",\r\n it_p1_t3_title: \"\u1780\u17c2\u179f\u1798\u17d2\u179a\u17bd\u179b API\",\r\n it_p1_t3_desc: \"\u1792\u17d2\u179c\u17be\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u1797\u17b6\u1796\u179f\u17c1\u179c\u17b6\u1780\u1798\u17d2\u1798\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb Supabase\u17d4\",\r\n it_p1_t4_title: \"User Stories\",\r\n it_p1_t4_desc: \"\u1780\u17c6\u178e\u178f\u17cb\u178a\u17c6\u178e\u17be\u179a\u179a\u17bf\u1784\u17a2\u17d2\u1793\u1780\u1794\u17d2\u179a\u17be\u1794\u17d2\u179a\u17b6\u179f\u17cb\u17d4\",\r\n it_p1_t5_title: \"Wireframing\",\r\n it_p1_t5_desc: \"\u1794\u1784\u17d2\u1780\u17be\u178f User Flow \u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb PWA\u17d4\",\r\n it_p1_t6_title: \"UI Mockups\",\r\n it_p1_t6_desc: \"\u1794\u1784\u17d2\u1780\u17be\u178f Prototype \u178a\u17c2\u179b\u17a2\u17b6\u1785\u1785\u17bb\u1785\u1794\u17b6\u1793\u17d4\",\r\n it_p2_t1_title: \"\u1794\u1784\u17d2\u1780\u17be\u178f PWA Frontend\",\r\n it_p2_t1_desc: \"\u179f\u179a\u179f\u17c1\u179a\u1780\u17bc\u178a PWA \u178f\u17b6\u1798\u1780\u17b6\u179a\u179a\u1785\u1793\u17b6\u17d4\",\r\n it_p2_t2_title: \"\u179a\u17bd\u1798\u1794\u1789\u17d2\u1785\u17bc\u179b API\",\r\n it_p2_t2_desc: \"\u1797\u17d2\u1787\u17b6\u1794\u17cb PWA \u1791\u17c5 Supabase\u17d4\",\r\n it_p2_t3_title: \"Beta Test & \u1794\u17be\u1780\u178a\u17c6\u178e\u17be\u179a\u1780\u17b6\u179a\",\r\n it_p2_t3_desc: \"\u178a\u17b6\u1780\u17cb\u17b1\u17d2\u1799\u1794\u17d2\u179a\u17be\u1794\u17d2\u179a\u17b6\u179f\u17cb PWA \u17d4\",\r\n it_p3_t1_title: \"\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d POS Module\",\r\n it_p3_t1_desc: \"\u1794\u1784\u17d2\u1780\u17be\u178f\u1794\u17d2\u179a\u1796\u17d0\u1793\u17d2\u1792\u1782\u17d2\u179a\u1794\u17cb\u1782\u17d2\u179a\u1784\u1780\u17b6\u179a\u179b\u1780\u17cb\u17d4\",\r\n it_p3_t2_title: \"\u1798\u17bb\u1781\u1784\u17b6\u179a Wallet \u1780\u17d2\u1793\u17bb\u1784 PWA\",\r\n it_p3_t2_desc: \"\u1794\u1793\u17d2\u1790\u17c2\u1798\u1795\u17d2\u1793\u17c2\u1780\u17a0\u17b7\u179a\u1789\u17d2\u1789\u179c\u178f\u17d2\u1790\u17bb\u1780\u17d2\u1793\u17bb\u1784 PWA\u17d4\",\r\n it_p3_t3_title: \"\u1797\u17d2\u1787\u17b6\u1794\u17cb Profile \u179f\u17b7\u179f\u17d2\u179f\u1791\u17c5 POS\",\r\n it_p3_t3_desc: \"\u1797\u17d2\u1787\u17b6\u1794\u17cb Profile \u179f\u17b7\u179f\u17d2\u179f\u1791\u17c5\u1794\u17d2\u179a\u1796\u17d0\u1793\u17d2\u1792 POS\u17d4\",\r\n mkt_phase_1_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e1: \u1787\u17c6\u1793\u17b6\u1789\u1798\u17bc\u179b\u178a\u17d2\u178b\u17b6\u1793\",\r\n mkt_p1_t1_title: \"\u1795\u17c2\u1793\u1780\u17b6\u179a & \u1780\u17b6\u179a\u179f\u179a\u179f\u17c1\u179a\",\r\n mkt_p1_t1_desc: \"\u1794\u1784\u17d2\u1780\u17be\u178f\u1795\u17c2\u1793\u1780\u17b6\u179a\u1791\u17b8\u1795\u17d2\u179f\u17b6\u179a, \u179f\u17d2\u1782\u17d2\u179a\u17b8\u1794\u179c\u17b8\u178a\u17c1\u17a2\u17bc, \u1793\u17b7\u1784\u1785\u17c6\u178e\u1784\u1787\u17be\u1784\u17d4\",\r\n mkt_p1_t2_title: \"\u1795\u179b\u17b7\u178f\u1780\u1798\u17d2\u1798\u1794\u1785\u17d2\u1785\u17c1\u1780\u1791\u17c1\u179f\",\r\n mkt_p1_t2_desc: \"\u179a\u17c0\u1793\u1798\u17bc\u179b\u178a\u17d2\u178b\u17b6\u1793\u1780\u17b6\u1798\u17c1\u179a\u17c9\u17b6, \u1780\u17b6\u178f\u17cb\u178f\u179c\u17b8\u178a\u17c1\u17a2\u17bc, \u1793\u17b7\u1784\u179a\u1785\u1793\u17b6 Poster\u17d4\",\r\n mkt_phase_2_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e2: \u1794\u17d2\u179a\u178f\u17b7\u1794\u178f\u17d2\u178f\u17b7\u1799\u17bb\u1791\u17d2\u1792\u1793\u17b6\u1780\u17b6\u179a\",\r\n mkt_p2_t1_title: \"\u1780\u17b6\u179a\u1795\u17d2\u179f\u17b6\u1799\u1796\u17b6\u178e\u17b7\u1787\u17d2\u1787\u1780\u1798\u17d2\u1798\",\r\n mkt_p2_t1_desc: \"\u179a\u17c0\u1793 \u1793\u17b7\u1784\u1794\u17d2\u179a\u178f\u17b7\u1794\u178f\u17d2\u178f\u17b7\u1780\u17b6\u179a Boosting \u179b\u17be Facebook\u17d4\",\r\n mkt_p2_t2_title: \"\u1780\u17b6\u179a\u1796\u1784\u17d2\u179a\u17b8\u1780 Platform\",\r\n mkt_p2_t2_desc: \"\u1794\u1784\u17d2\u1780\u17be\u178f\u1781\u17d2\u179b\u17b9\u1798\u179f\u17b6\u179a\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb TikTok \u1793\u17b7\u1784 Instagram\u17d4\",\r\n mkt_phase_3_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e3: \u1780\u17b6\u179a\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u0e40\u0e0a\u0e34\u0e07\u1799\u17bb\u1791\u17d2\u1792\u179f\u17b6\u179f\u17d2\u178f\u17d2\u179a\",\r\n mkt_p3_t1_title: \"\u1780\u17b6\u179a\u179c\u17b7\u1797\u17b6\u1782 & \u1799\u17bb\u1791\u17d2\u1792\u179f\u17b6\u179f\u17d2\u178f\u17d2\u179a\",\r\n mkt_p3_t1_desc: \"\u179a\u17c0\u1793\u179c\u17b7\u1797\u17b6\u1782\u179b\u1791\u17d2\u1792\u1795\u179b\u1799\u17bb\u1791\u17d2\u1792\u1793\u17b6\u1780\u17b6\u179a \u1793\u17b7\u1784\u1785\u17bc\u179b\u179a\u17bd\u1798\u1780\u17d2\u1793\u17bb\u1784\u1799\u17bb\u1791\u17d2\u1792\u179f\u17b6\u179f\u17d2\u178f\u17d2\u179a\u17d4\",\r\n mkt_p3_t2_title: \"\u1795\u179b\u17b7\u178f\u1780\u1798\u17d2\u1798\u1780\u1798\u17d2\u179a\u17b7\u178f\u1781\u17d2\u1796\u179f\u17cb\",\r\n mkt_p3_t2_desc: \"\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d\u1794\u1785\u17d2\u1785\u17c1\u1780\u1791\u17c1\u179f\u1780\u17b6\u178f\u17cb\u178f\u179c\u17b8\u178a\u17c1\u17a2\u17bc\u1780\u1798\u17d2\u179a\u17b7\u178f\u1781\u17d2\u1796\u179f\u17cb\u17d4\",\r\n design_phase_1_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e1: \u1798\u17bc\u179b\u178a\u17d2\u178b\u17b6\u1793\u1782\u17d2\u179a\u17b9\u17c7\u1793\u17c3\u1780\u17b6\u179a\u179a\u1785\u1793\u17b6\",\r\n design_p1_t1_title: \"\u1780\u17b6\u179a\u1785\u17d2\u1793\u17c3\u1794\u17d2\u179a\u178c\u17b7\u178f & \u1782\u17c6\u1793\u17b7\u178f\",\r\n design_p1_t1_desc: \"\u179f\u17b7\u1780\u17d2\u179f\u17b6\u1782\u17c4\u179b\u1780\u17b6\u179a\u178e\u17cd\u179a\u1785\u1793\u17b6, \u1791\u17d2\u179a\u17b9\u179f\u17d2\u178f\u17b8\u1796\u178e\u17cc, \u1793\u17b7\u1784\u1780\u17b6\u179a\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d\u1782\u17c6\u1793\u17b7\u178f\u17d4\",\r\n design_p1_t2_title: \"\u1787\u17c6\u1793\u17b6\u1789\u17a7\u1794\u1780\u179a\u178e\u17cd\",\r\n design_p1_t2_desc: \"\u179a\u17c0\u1793 Photoshop & Illustrator \u17b1\u17d2\u1799\u179f\u17d2\u1791\u17b6\u178f\u17cb\u1787\u17c6\u1793\u17b6\u1789\u17d4\",\r\n design_phase_2_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e2: \u1785\u179b\u1793\u17b6 & 3D\",\r\n design_p2_t1_title: \"\u1785\u179b\u1793\u17b6 2D\",\r\n design_p2_t1_desc: \"\u179a\u17c0\u1793\u1798\u17bc\u179b\u178a\u17d2\u178b\u17b6\u1793\u1782\u17d2\u179a\u17b9\u17c7\u1793\u17c3 motion graphics \u1793\u17b7\u1784 2D animation\u17d4\",\r\n design_p2_t2_title: \"\u1780\u17b6\u179a\u178e\u17c2\u1793\u17b6\u17c6\u17a2\u17c6\u1796\u17b8 3D\",\r\n design_p2_t2_desc: \"\u1785\u17b6\u1794\u17cb\u1795\u17d2\u178f\u17be\u1798\u179a\u17c0\u1793 3D modeling \u1787\u17b6\u1798\u17bd\u1799 Blender\u17d4\",\r\n design_phase_3_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e3: \u179a\u17bc\u1794\u1797\u17b6\u1796\u1780\u1798\u17d2\u179a\u17b7\u178f\u1781\u17d2\u1796\u179f\u17cb\",\r\n design_p3_t1_title: \"3D & \u1785\u179b\u1793\u17b6\u1780\u1798\u17d2\u179a\u17b7\u178f\u1781\u17d2\u1796\u179f\u17cb\",\r\n design_p3_t1_desc: \"\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d\u1798\u17c9\u17bc\u178a\u17c2\u179b 3D \u1793\u17b7\u1784\u1785\u179b\u1793\u17b6\u179f\u17d2\u1798\u17bb\u1782\u179f\u17d2\u1798\u17b6\u1789\u17d4\",\r\n design_p3_t2_title: \"\u17af\u1780\u1791\u17c1\u179f Portfolio\",\r\n design_p3_t2_desc: \"\u1794\u1784\u17d2\u1780\u17be\u178f Portfolio \u17af\u1780\u1791\u17c1\u179f\u179b\u17be\u1780\u17b6\u179a\u179a\u1785\u1793\u17b6\u178f\u17bd\u17a2\u1784\u17d2\u1782 \u17ac\u1794\u179a\u17b7\u179f\u17d2\u1790\u17b6\u1793\u17d4\",\r\n robotics_chart_labels: ['\u1794\u17b6\u1793\u1794\u1789\u17d2\u1785\u1794\u17cb', '\u1780\u17c6\u1796\u17bb\u1784\u178a\u17c6\u178e\u17be\u179a\u1780\u17b6\u179a', '\u1794\u1793\u17d2\u1791\u17b6\u1794\u17cb'],\r\n it_chart_labels: ['\u1794\u17d2\u178a\u17bc\u179a DB', '\u179a\u1785\u1793\u17b6 UI\/UX', '\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d PWA', '\u179a\u17bd\u1798\u1794\u1789\u17d2\u1785\u17bc\u179b POS'],\r\n marketing_chart_labels: ['\u1795\u17c2\u1793\u1780\u17b6\u179a', '\u1794\u1784\u17d2\u1780\u17be\u178f\u1781\u17d2\u179b\u17b9\u1798\u179f\u17b6\u179a', '\u1799\u17bb\u1791\u17d2\u1792\u1793\u17b6\u1780\u17b6\u179a', '\u1787\u17c6\u1793\u17b6\u1789\u1794\u1785\u17d2\u1785\u17c1\u1780\u1791\u17c1\u179f'],\r\n design_chart_labels: ['\u1780\u17b6\u179a\u1785\u17d2\u1793\u17c3\u1794\u17d2\u179a\u178c\u17b7\u178f', 'Photoshop', '\u1785\u179b\u1793\u17b6', '3D'],\r\n }\r\n };\r\n \r\n let charts = {};\r\n let currentLang = localStorage.getItem('aaa-dashboard-lang') || 'en';\r\n\r\n const switchLanguage = (lang) => {\r\n currentLang = lang;\r\n localStorage.setItem('aaa-dashboard-lang', lang);\r\n \r\n document.documentElement.lang = lang;\r\n document.body.className = `text-slate-800 lang-${lang}`;\r\n\r\n document.querySelectorAll('[data-lang-key]').forEach(el => {\r\n const key = el.dataset.langKey;\r\n if (translations[lang][key]) {\r\n el.textContent = translations[lang][key];\r\n }\r\n });\r\n \r\n document.getElementById('lang-en').classList.toggle('active', lang === 'en');\r\n document.getElementById('lang-km').classList.toggle('active', lang === 'km');\r\n\r\n \/\/ Update header subtitle based on active tab\r\n const activeTab = document.querySelector('#main-nav .main-nav-btn.active').dataset.target;\r\n const subtitleKey = `header_subtitle_${activeTab}`;\r\n document.getElementById('header-subtitle').textContent = translations[lang][subtitleKey];\r\n\r\n \/\/ Re-render charts with new labels\r\n initCharts();\r\n };\r\n\r\n const mainNav = document.getElementById('main-nav');\r\n const contentSections = document.querySelectorAll('.content-section');\r\n const headerSubtitle = document.getElementById('header-subtitle');\r\n\r\n mainNav.addEventListener('click', (e) => {\r\n if (e.target.tagName !== 'BUTTON') return;\r\n const targetId = e.target.dataset.target;\r\n mainNav.querySelector('.active').classList.remove('active');\r\n e.target.classList.add('active');\r\n const subtitleKey = `header_subtitle_${targetId}`;\r\n headerSubtitle.textContent = translations[currentLang][subtitleKey];\r\n contentSections.forEach(section => {\r\n section.classList.toggle('active', section.id === `${targetId}-content`);\r\n });\r\n });\r\n\r\n document.getElementById('lang-en').addEventListener('click', () => switchLanguage('en'));\r\n document.getElementById('lang-km').addEventListener('click', () => switchLanguage('km'));\r\n\r\n const initCharts = () => {\r\n if (charts.robotics) charts.robotics.destroy();\r\n const roboticsChartCtx = document.getElementById('roboticsProgressChart').getContext('2d');\r\n charts.robotics = new Chart(roboticsChartCtx, {\r\n type: 'doughnut',\r\n data: {\r\n labels: translations[currentLang].robotics_chart_labels,\r\n datasets: [{ data: [1, 1, 3], backgroundColor: ['#16a34a', '#f59e0b', '#0ea5e9'], borderColor: '#fff', borderWidth: 4 }]\r\n },\r\n options: { responsive: true, maintainAspectRatio: false, cutout: '70%', plugins: { legend: { display: false } } }\r\n });\r\n\r\n if (charts.it) charts.it.destroy();\r\n const itChartCtx = document.getElementById('itFocusChart').getContext('2d');\r\n charts.it = new Chart(itChartCtx, {\r\n type: 'radar',\r\n data: {\r\n labels: translations[currentLang].it_chart_labels,\r\n datasets: [{ label: translations[currentLang].current_focus, data: [90, 85, 20, 5], backgroundColor: 'rgba(13, 148, 136, 0.2)', borderColor: 'rgba(13, 148, 136, 1)', borderWidth: 2 }]\r\n },\r\n options: { responsive: true, maintainAspectRatio: false, scales: { r: { beginAtZero: true, max: 100, ticks: { display: false }, pointLabels: { font: { family: currentLang === 'km' ? \"'Kantumruy Pro', sans-serif\" : \"'Inter', sans-serif\" } } } }, plugins: { legend: { display: false } } }\r\n });\r\n \r\n if (charts.marketing) charts.marketing.destroy();\r\n const marketingChartCtx = document.getElementById('marketingSkillChart').getContext('2d');\r\n charts.marketing = new Chart(marketingChartCtx, {\r\n type: 'bar',\r\n data: {\r\n labels: translations[currentLang].marketing_chart_labels,\r\n datasets: [{\r\n label: 'Current Skill Level',\r\n data: [80, 70, 15, 60],\r\n backgroundColor: ['rgba(219, 39, 119, 0.5)','rgba(225, 29, 72, 0.5)','rgba(59, 130, 246, 0.5)','rgba(139, 92, 246, 0.5)'],\r\n borderColor: ['rgb(219, 39, 119)','rgb(225, 29, 72)','rgb(59, 130, 246)','rgb(139, 92, 246)'],\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n indexAxis: 'y',\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n scales: { x: { beginAtZero: true, max: 100 }, y: { ticks: { font: { family: currentLang === 'km' ? \"'Kantumruy Pro', sans-serif\" : \"'Inter', sans-serif\" } } } },\r\n plugins: { legend: { display: false } }\r\n }\r\n });\r\n\r\n if (charts.design) charts.design.destroy();\r\n const designSkillChartCtx = document.getElementById('designSkillChart').getContext('2d');\r\n charts.design = new Chart(designSkillChartCtx, {\r\n type: 'bar',\r\n data: {\r\n labels: translations[currentLang].design_chart_labels,\r\n datasets: [{\r\n label: 'Current Skill Level',\r\n data: [40, 30, 10, 5],\r\n backgroundColor: ['rgba(168, 85, 247, 0.5)', 'rgba(99, 102, 241, 0.5)', 'rgba(34, 211, 238, 0.5)', 'rgba(20, 184, 166, 0.5)'],\r\n borderColor: ['rgb(168, 85, 247)', 'rgb(99, 102, 241)', 'rgb(34, 211, 238)', 'rgb(20, 184, 166)'],\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n indexAxis: 'y',\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n scales: { x: { beginAtZero: true, max: 100 }, y: { ticks: { font: { family: currentLang === 'km' ? \"'Kantumruy Pro', sans-serif\" : \"'Inter', sans-serif\" } } } },\r\n plugins: { legend: { display: false } }\r\n }\r\n });\r\n };\r\n\r\n const timelineNavItems = document.querySelectorAll('#timeline-nav .timeline-item');\r\n timelineNavItems.forEach(item => {\r\n item.addEventListener('click', () => {\r\n document.getElementById(item.dataset.target)?.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n });\r\n });\r\n \r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const id = entry.target.getAttribute('id');\r\n timelineNavItems.forEach(navItem => navItem.classList.toggle('active', navItem.dataset.target === id));\r\n }\r\n });\r\n }, { rootMargin: '-50% 0px -50% 0px', threshold: 0 });\r\n document.querySelectorAll('#robotics-content .phase-section').forEach(section => observer.observe(section));\r\n\r\n const itFilterContainer = document.getElementById('it-filter-container');\r\n const taskCards = document.querySelectorAll('#it-roadmap-board .task-card');\r\n itFilterContainer.addEventListener('click', (e) => {\r\n if (e.target.tagName !== 'BUTTON') return;\r\n const filter = e.target.dataset.filter;\r\n itFilterContainer.querySelector('.active').classList.remove('active');\r\n e.target.classList.add('active');\r\n taskCards.forEach(card => {\r\n card.classList.toggle('dimmed', !(filter === 'all' || card.dataset.stream === filter));\r\n });\r\n });\r\n\r\n function updateTime() {\r\n const timeEl = document.getElementById('current-time');\r\n const dateEl = document.getElementById('current-date');\r\n if (!timeEl || !dateEl) return;\r\n const now = new Date();\r\n const timeOptions = { timeZone: 'Asia\/Phnom_Penh', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: true };\r\n const dateOptions = { timeZone: 'Asia\/Phnom_Penh', weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };\r\n const locale = currentLang === 'km' ? 'km-KH' : 'en-US';\r\n timeEl.textContent = new Intl.DateTimeFormat(locale, timeOptions).format(now);\r\n dateEl.textContent = new Intl.DateTimeFormat(locale, dateOptions).format(now);\r\n }\r\n \r\n switchLanguage(currentLang);\r\n setInterval(updateTime, 1000);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>AAA School: Strategic Initiatives Dashboard AAA School Strategic Initiatives High-Level Strategic Overview Overview Robotics IT Platform Marketing Graphic Design EN KH Robotics Program Progress 40% Current Phase \ud83d\udca1 Creation Lab IT Platform Current Focus DB Migration & UI Design Next Major Goal PWA Development Marketing Intern Development Current Focus Planning & Content Basics Next Major […]<\/p>","protected":false},"author":2,"featured_media":4053,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4118","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/posts\/4118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/comments?post=4118"}],"version-history":[{"count":23,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/posts\/4118\/revisions"}],"predecessor-version":[{"id":4141,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/posts\/4118\/revisions\/4141"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/media\/4053"}],"wp:attachment":[{"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/media?parent=4118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/categories?post=4118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/tags?post=4118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \r\n AAA School: Strategic Initiatives Dashboard<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kantumruy+Pro:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n \r\n \r\n <style>\r\n body.lang-km { font-family: 'Kantumruy Pro', 'Inter', sans-serif; }\r\n body.lang-en { font-family: 'Inter', 'Kantumruy Pro', sans-serif; }\r\n .main-nav-btn.active {\r\n background-color: #2563eb;\r\n color: white;\r\n box-shadow: 0 4px 14px 0 rgb(0 118 255 \/ 39%);\r\n }\r\n .content-section {\r\n display: none;\r\n }\r\n .content-section.active {\r\n display: block;\r\n animation: fadeIn 0.5s ease-in-out;\r\n }\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(10px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .timeline-item.active .timeline-dot {\r\n background-color: #2563eb;\r\n transform: scale(1.25);\r\n }\r\n .timeline-item.active .timeline-text {\r\n font-weight: 700;\r\n color: #1e40af;\r\n }\r\n .timeline-item .timeline-dot {\r\n transition: all 0.3s ease;\r\n }\r\n .it-filter-btn.active {\r\n background-color: #0d9488;\r\n color: white;\r\n }\r\n .task-card {\r\n transition: opacity 0.4s ease-in-out, transform 0.3s ease-in-out;\r\n }\r\n .task-card.dimmed {\r\n opacity: 0.3;\r\n }\r\n .task-card:hover {\r\n transform: translateY(-4px);\r\n }\r\n .lang-switcher {\r\n border: 1px solid #e2e8f0;\r\n }\r\n .lang-switcher button.active {\r\n background-color: #3b82f6;\r\n color: white;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"text-slate-800\">\r\n\r\n <header class=\"bg-white shadow-sm sticky top-0 z-20\">\r\n <div class=\"max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 py-4\">\r\n <div class=\"flex flex-col sm:flex-row justify-between items-center gap-4\">\r\n <div>\r\n <h1 class=\"text-2xl font-bold text-slate-900\" data-lang-key=\"main_title\">AAA School Strategic Initiatives<\/h1>\r\n <p id=\"header-subtitle\" class=\"text-sm text-slate-500\" data-lang-key=\"header_subtitle_overview\">High-Level Strategic Overview<\/p>\r\n <\/div>\r\n <div class=\"flex items-center gap-4\">\r\n <div id=\"main-nav\" class=\"flex-shrink-0 bg-slate-200 rounded-lg p-1 space-x-1 flex-wrap justify-center\">\r\n <button data-target=\"overview\" class=\"main-nav-btn active text-sm font-semibold px-3 py-2 rounded-md transition-all\" data-lang-key=\"nav_overview\">Overview<\/button>\r\n <button data-target=\"robotics\" class=\"main-nav-btn text-sm font-semibold px-3 py-2 rounded-md transition-all\" data-lang-key=\"nav_robotics\">\u1790\u17d2\u1793\u17b6\u1780\u17cb\u179a\u17c9\u17bc\u1794\u17bc\u1791\u17b7\u1785<\/button>\r\n <button data-target=\"it\" class=\"main-nav-btn text-sm font-semibold px-3 py-2 rounded-md transition-all\" data-lang-key=\"nav_it\">IT Platform<\/button>\r\n <button data-target=\"marketing\" class=\"main-nav-btn text-sm font-semibold px-3 py-2 rounded-md transition-all\" data-lang-key=\"nav_marketing\">Marketing<\/button>\r\n <button data-target=\"graphic-design\" class=\"main-nav-btn text-sm font-semibold px-3 py-2 rounded-md transition-all\" data-lang-key=\"nav_design\">Graphic Design<\/button>\r\n <\/div>\r\n <div class=\"lang-switcher flex rounded-lg p-1 bg-slate-200\">\r\n <button id=\"lang-en\" class=\"px-3 py-1 text-sm font-semibold rounded-md transition-colors\">EN<\/button>\r\n <button id=\"lang-km\" class=\"px-3 py-1 text-sm font-semibold rounded-md transition-colors\">KH<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 py-8 md:py-12\">\r\n \r\n \r\n <section id=\"overview-content\" class=\"content-section active\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\r\n <div class=\"bg-white p-6 rounded-xl shadow-lg\"><h2 class=\"text-xl font-bold text-blue-800 mb-4 border-b pb-2\" data-lang-key=\"robotics_title\">Robotics Program<\/h2><div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 items-center\"><div class=\"chart-container relative h-48 w-48 mx-auto\"><canvas id=\"roboticsProgressChart\"><\/canvas><\/div><div class=\"space-y-4\"><div class=\"bg-blue-50 p-4 rounded-lg\"><h3 class=\"font-semibold text-slate-800\" data-lang-key=\"progress\">Progress<\/h3><p class=\"text-3xl font-bold text-blue-700\">40%<\/p><\/div><div class=\"bg-amber-50 p-4 rounded-lg\"><h3 class=\"font-semibold text-slate-800\" data-lang-key=\"current_phase\">Current Phase<\/h3><p class=\"text-lg font-bold text-amber-700\" data-lang-key=\"robotics_phase_2_name\">\ud83d\udca1 Creation Lab<\/p><\/div><\/div><\/div><\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-lg\"><h2 class=\"text-xl font-bold text-teal-800 mb-4 border-b pb-2\" data-lang-key=\"it_title\">IT Platform<\/h2><div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 items-center\"><div class=\"chart-container relative h-48 w-48 mx-auto\"><canvas id=\"itFocusChart\"><\/canvas><\/div><div class=\"space-y-4\"><div class=\"bg-teal-50 p-4 rounded-lg\"><h3 class=\"font-semibold text-slate-800\" data-lang-key=\"current_focus\">Current Focus<\/h3><p class=\"text-base font-bold text-teal-700\" data-lang-key=\"it_focus\">DB Migration & UI Design<\/p><\/div><div class=\"bg-violet-50 p-4 rounded-lg\"><h3 class=\"font-semibold text-slate-800\" data-lang-key=\"next_goal\">Next Major Goal<\/h3><p class=\"text-base font-bold text-violet-700\" data-lang-key=\"it_next_goal\">PWA Development<\/p><\/div><\/div><\/div><\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-lg\"><h2 class=\"text-xl font-bold text-pink-800 mb-4 border-b pb-2\" data-lang-key=\"marketing_title\">Marketing Intern Development<\/h2><div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 items-center\"><div class=\"chart-container relative h-48 w-full mx-auto\"><canvas id=\"marketingSkillChart\"><\/canvas><\/div><div class=\"space-y-4\"><div class=\"bg-pink-50 p-4 rounded-lg\"><h3 class=\"font-semibold text-slate-800\" data-lang-key=\"current_focus\">Current Focus<\/h3><p class=\"text-base font-bold text-pink-700\" data-lang-key=\"marketing_focus\">Planning & Content Basics<\/p><\/div><div class=\"bg-rose-50 p-4 rounded-lg\"><h3 class=\"font-semibold text-slate-800\" data-lang-key=\"next_goal\">Next Major Goal<\/h3><p class=\"text-base font-bold text-rose-700\" data-lang-key=\"marketing_next_goal\">Campaign Execution<\/p><\/div><\/div><\/div><\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-lg\"><h2 class=\"text-xl font-bold text-purple-800 mb-4 border-b pb-2\" data-lang-key=\"design_title\">Graphic Design Intern Development<\/h2><div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 items-center\"><div class=\"chart-container relative h-48 w-full mx-auto\"><canvas id=\"designSkillChart\"><\/canvas><\/div><div class=\"space-y-4\"><div class=\"bg-purple-50 p-4 rounded-lg\"><h3 class=\"font-semibold text-slate-800\" data-lang-key=\"current_focus\">Current Focus<\/h3><p class=\"text-base font-bold text-purple-700\" data-lang-key=\"design_focus\">Core Design Fundamentals<\/p><\/div><div class=\"bg-indigo-50 p-4 rounded-lg\"><h3 class=\"font-semibold text-slate-800\" data-lang-key=\"next_goal\">Next Major Goal<\/h3><p class=\"text-base font-bold text-indigo-700\" data-lang-key=\"design_next_goal\">Motion & Dimension<\/p><\/div><\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"mt-8 bg-white p-6 rounded-xl shadow-lg text-center\"><h2 class=\"text-xl font-bold text-slate-700\" data-lang-key=\"current_time_title\">Current Time in Phnom Penh<\/h2><p id=\"current-time\" class=\"text-3xl font-bold text-slate-900 mt-2\"><\/p><p id=\"current-date\" class=\"text-sm text-slate-500\"><\/p><\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"robotics-content\" class=\"content-section\">\r\n <nav class=\"sticky top-[105px] bg-white\/80 backdrop-blur-sm z-10 py-4 px-6 rounded-full shadow-lg mb-12\">\r\n <ol id=\"timeline-nav\" class=\"flex justify-between items-center\">\r\n <li class=\"timeline-item flex-1 text-center cursor-pointer\" data-target=\"phase-1\"><div class=\"timeline-dot w-4 h-4 bg-slate-300 rounded-full mx-auto\"><\/div><span class=\"timeline-text text-xs md:text-sm mt-2 block text-slate-500\" data-lang-key=\"robotics_phase_1\">Discovery<\/span><\/li>\r\n <li class=\"w-1\/5 h-1 bg-slate-200 rounded-full\"><\/li>\r\n <li class=\"timeline-item flex-1 text-center cursor-pointer\" data-target=\"phase-2\"><div class=\"timeline-dot w-4 h-4 bg-slate-300 rounded-full mx-auto\"><\/div><span class=\"timeline-text text-xs md:text-sm mt-2 block text-slate-500\" data-lang-key=\"robotics_phase_2\">Creation<\/span><\/li>\r\n <li class=\"w-1\/5 h-1 bg-slate-200 rounded-full\"><\/li>\r\n <li class=\"timeline-item flex-1 text-center cursor-pointer\" data-target=\"phase-3\"><div class=\"timeline-dot w-4 h-4 bg-slate-300 rounded-full mx-auto\"><\/div><span class=\"timeline-text text-xs md:text-sm mt-2 block text-slate-500\" data-lang-key=\"robotics_phase_3\">Testing<\/span><\/li>\r\n <li class=\"w-1\/5 h-1 bg-slate-200 rounded-full\"><\/li>\r\n <li class=\"timeline-item flex-1 text-center cursor-pointer\" data-target=\"phase-4\"><div class=\"timeline-dot w-4 h-4 bg-slate-300 rounded-full mx-auto\"><\/div><span class=\"timeline-text text-xs md:text-sm mt-2 block text-slate-500\" data-lang-key=\"robotics_phase_4\">Quality<\/span><\/li>\r\n <li class=\"w-1\/5 h-1 bg-slate-200 rounded-full\"><\/li>\r\n <li class=\"timeline-item flex-1 text-center cursor-pointer\" data-target=\"phase-5\"><div class=\"timeline-dot w-4 h-4 bg-slate-300 rounded-full mx-auto\"><\/div><span class=\"timeline-text text-xs md:text-sm mt-2 block text-slate-500\" data-lang-key=\"robotics_phase_5\">Maintenance<\/span><\/li>\r\n <\/ol>\r\n <\/nav>\r\n <div id=\"phase-details\" class=\"space-y-16\">\r\n <div id=\"phase-1\" class=\"phase-section bg-white rounded-2xl shadow-lg p-8\"><div class=\"flex items-center justify-between\"><div class=\"flex items-center\"><span class=\"text-5xl mr-4\">\ud83d\udd0d<\/span><h3 class=\"text-2xl font-bold\" data-lang-key=\"robotics_phase_1_title\">Phase 1: Discovery<\/h3><\/div><span class=\"text-sm font-bold text-white bg-green-600 px-4 py-1 rounded-full\" data-lang-key=\"status_completed\">Completed<\/span><\/div><ul class=\"mt-4 list-disc list-inside text-slate-600\"><li data-lang-key=\"robotics_p1_t1\">Review 2 years of student project data.<\/li><li data-lang-key=\"robotics_p1_t2\">Conduct feedback sessions with instructors.<\/li><li data-lang-key=\"robotics_p1_t3\">Survey students and parents.<\/li><li data-lang-key=\"robotics_p1_t4\">Analyze best-in-class robotics books.<\/li><\/ul><\/div>\r\n <div id=\"phase-2\" class=\"phase-section bg-white rounded-2xl shadow-lg p-8\"><div class=\"flex items-center justify-between\"><div class=\"flex items-center\"><span class=\"text-5xl mr-4\">\ud83d\udca1<\/span><h3 class=\"text-2xl font-bold\" data-lang-key=\"robotics_phase_2_title\">Phase 2: Creation Lab<\/h3><\/div><span class=\"text-sm font-bold text-black bg-amber-400 px-4 py-1 rounded-full\" data-lang-key=\"status_in_progress\">In Progress<\/span><\/div><ul class=\"mt-4 list-disc list-inside text-slate-600\"><li data-lang-key=\"robotics_p2_t1\">Develop visual-first guidebooks.<\/li><li data-lang-key=\"robotics_p2_t2\">Write kid-friendly content with simple language.<\/li><li data-lang-key=\"robotics_p2_t3\">Create branded styles for each learning tier.<\/li><\/ul><\/div>\r\n <div id=\"phase-3\" class=\"phase-section bg-white rounded-2xl shadow-lg p-8 opacity-70\"><div class=\"flex items-center justify-between\"><div class=\"flex items-center\"><span class=\"text-5xl mr-4\">\ud83d\udd2c<\/span><h3 class=\"text-2xl font-bold\" data-lang-key=\"robotics_phase_3_title\">Phase 3: Test Zone<\/h3><\/div><span class=\"text-sm font-bold text-white bg-sky-500 px-4 py-1 rounded-full\" data-lang-key=\"status_up_next\">Up Next<\/span><\/div><ul class=\"mt-4 list-disc list-inside text-slate-600\"><li data-lang-key=\"robotics_p3_t1\">Pilot new chapters in weekend workshops.<\/li><li data-lang-key=\"robotics_p3_t2\">Observe student interactions directly.<\/li><li data-lang-key=\"robotics_p3_t3\">Gather instructor feedback from live tests.<\/li><\/ul><\/div>\r\n <div id=\"phase-4\" class=\"phase-section bg-white rounded-2xl shadow-lg p-8 opacity-70\"><div class=\"flex items-center justify-between\"><div class=\"flex items-center\"><span class=\"text-5xl mr-4\">\u2b50<\/span><h3 class=\"text-2xl font-bold\" data-lang-key=\"robotics_phase_4_title\">Phase 4: Quality Check<\/h3><\/div><span class=\"text-sm font-bold text-white bg-sky-500 px-4 py-1 rounded-full\" data-lang-key=\"status_up_next\">Up Next<\/span><\/div><ul class=\"mt-4 list-disc list-inside text-slate-600\"><li data-lang-key=\"robotics_p4_t1\">Track project completion rates.<\/li><li data-lang-key=\"robotics_p4_t2\">Use instructor checklists to score lessons.<\/li><li data-lang-key=\"robotics_p4_t3\">Refine materials based on test data.<\/li><\/ul><\/div>\r\n <div id=\"phase-5\" class=\"phase-section bg-white rounded-2xl shadow-lg p-8 opacity-70\"><div class=\"flex items-center justify-between\"><div class=\"flex items-center\"><span class=\"text-5xl mr-4\">\ud83d\udd04<\/span><h3 class=\"text-2xl font-bold\" data-lang-key=\"robotics_phase_5_title\">Phase 5: Living Curriculum<\/h3><\/div><span class=\"text-sm font-bold text-white bg-sky-500 px-4 py-1 rounded-full\" data-lang-key=\"status_up_next\">Up Next<\/span><\/div><ul class=\"mt-4 list-disc list-inside text-slate-600\"><li data-lang-key=\"robotics_p5_t1\">Establish yearly review cycle.<\/li><li data-lang-key=\"robotics_p5_t2\">Maintain a digital master version of all books.<\/li><li data-lang-key=\"robotics_p5_t3\">Create ongoing feedback channel for instructors.<\/li><\/ul><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"it-content\" class=\"content-section\">\r\n <div id=\"it-filter-container\" class=\"text-center mb-8\"><div class=\"inline-flex bg-white rounded-lg p-1 shadow-sm space-x-1\"><button data-filter=\"all\" class=\"it-filter-btn active text-sm font-semibold px-4 py-2 rounded-md transition-colors\" data-lang-key=\"filter_all\">View All<\/button><button data-filter=\"backend\" class=\"it-filter-btn text-sm font-semibold px-4 py-2 rounded-md transition-colors\" data-lang-key=\"filter_backend\">Backend<\/button><button data-filter=\"frontend\" class=\"it-filter-btn text-sm font-semibold px-4 py-2 rounded-md transition-colors\" data-lang-key=\"filter_frontend\">Frontend\/PWA<\/button><\/div><\/div>\r\n <div id=\"it-roadmap-board\" class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\r\n <div class=\"phase-col bg-slate-200\/60 p-4 rounded-lg\"><h3 class=\"font-bold text-lg text-center mb-4 pb-2 border-b-2 border-amber-500 text-amber-700\" data-lang-key=\"phase_1_title\">Phase 1: Current Focus<\/h3><div class=\"grid grid-cols-1 xl:grid-cols-2 gap-4\"><div class=\"space-y-4\"><h4 class=\"font-semibold text-center text-teal-800 bg-teal-100 py-1 rounded\" data-lang-key=\"backend_stream\">Backend Stream<\/h4><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"backend\"><h5 class=\"font-bold text-teal-700\" data-lang-key=\"it_p1_t1_title\">DB Schema Design<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p1_t1_desc\">Finalize Supabase schema.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"backend\"><h5 class=\"font-bold text-teal-700\" data-lang-key=\"it_p1_t2_title\">Data Migration<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p1_t2_desc\">Develop scripts to move data.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"backend\"><h5 class=\"font-bold text-teal-700\" data-lang-key=\"it_p1_t3_title\">API Refactoring<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p1_t3_desc\">Update services for Supabase.<\/p><\/div><\/div><div class=\"space-y-4\"><h4 class=\"font-semibold text-center text-violet-800 bg-violet-100 py-1 rounded\" data-lang-key=\"frontend_stream\">Frontend Stream<\/h4><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"frontend\"><h5 class=\"font-bold text-violet-700\" data-lang-key=\"it_p1_t4_title\">User Stories<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p1_t4_desc\">Define parent & student journeys.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"frontend\"><h5 class=\"font-bold text-violet-700\" data-lang-key=\"it_p1_t5_title\">Wireframing<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p1_t5_desc\">Create PWA user flows.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"frontend\"><h5 class=\"font-bold text-violet-700\" data-lang-key=\"it_p1_t6_title\">UI Mockups<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p1_t6_desc\">Develop high-fidelity prototype.<\/p><\/div><\/div><\/div><\/div>\r\n <div class=\"phase-col bg-slate-200\/60 p-4 rounded-lg\"><h3 class=\"font-bold text-lg text-center mb-4 pb-2 border-b-2 border-sky-500 text-sky-700\" data-lang-key=\"phase_2_title\">Phase 2: Next Up<\/h3><div class=\"space-y-4\"><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"frontend\"><h5 class=\"font-bold text-violet-700\" data-lang-key=\"it_p2_t1_title\">PWA Frontend Build<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p2_t1_desc\">Code the PWA from designs.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"backend\"><h5 class=\"font-bold text-teal-700\" data-lang-key=\"it_p2_t2_title\">API Integration<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p2_t2_desc\">Connect PWA to Supabase.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"frontend\"><h5 class=\"font-bold text-violet-700\" data-lang-key=\"it_p2_t3_title\">Beta Testing & Launch<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p2_t3_desc\">Deploy PWA to users.<\/p><\/div><\/div><\/div>\r\n <div class=\"phase-col bg-slate-200\/60 p-4 rounded-lg\"><h3 class=\"font-bold text-lg text-center mb-4 pb-2 border-b-2 border-slate-500 text-slate-700\" data-lang-key=\"phase_3_title\">Phase 3: Future Goals<\/h3><div class=\"space-y-4\"><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"backend\"><h5 class=\"font-bold text-teal-700\" data-lang-key=\"it_p3_t1_title\">POS Module Dev<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p3_t1_desc\">Build Point of Sale system.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"frontend\"><h5 class=\"font-bold text-violet-700\" data-lang-key=\"it_p3_t2_title\">PWA Wallet Feature<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p3_t2_desc\">Add finance section to PWA.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg shadow-md\" data-stream=\"backend\"><h5 class=\"font-bold text-teal-700\" data-lang-key=\"it_p3_t3_title\">Student POS Linking<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"it_p3_t3_desc\">Connect student profiles to POS.<\/p><\/div><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n \r\n <section id=\"marketing-content\" class=\"content-section\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\r\n <div class=\"phase-col bg-white\/80 p-4 rounded-lg shadow-md\"><h3 class=\"font-bold text-lg text-center mb-4 pb-2 border-b-2 border-amber-500 text-amber-700\" data-lang-key=\"mkt_phase_1_title\">Phase 1: Foundational Skills<\/h3><div class=\"space-y-4\"><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-pink-400\"><h5 class=\"font-bold text-pink-700\" data-lang-key=\"mkt_p1_t1_title\">Planning & Writing<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"mkt_p1_t1_desc\">Develop marketing plan, video scripts, and post captions.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-rose-400\"><h5 class=\"font-bold text-rose-700\" data-lang-key=\"mkt_p1_t2_title\">Technical Production<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"mkt_p1_t2_desc\">Learn camera basics, basic video editing, and poster design.<\/p><\/div><\/div><\/div>\r\n <div class=\"phase-col bg-white\/80 p-4 rounded-lg shadow-md opacity-70\"><h3 class=\"font-bold text-lg text-center mb-4 pb-2 border-b-2 border-sky-500 text-sky-700\" data-lang-key=\"mkt_phase_2_title\">Phase 2: Campaign Execution<\/h3><div class=\"space-y-4\"><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-sky-400\"><h5 class=\"font-bold text-sky-700\" data-lang-key=\"mkt_p2_t1_title\">Paid Advertising<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"mkt_p2_t1_desc\">Learn and execute Facebook ad boosting campaigns.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-indigo-400\"><h5 class=\"font-bold text-indigo-700\" data-lang-key=\"mkt_p2_t2_title\">Platform Expansion<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"mkt_p2_t2_desc\">Create and post content for TikTok and Instagram.<\/p><\/div><\/div><\/div>\r\n <div class=\"phase-col bg-white\/80 p-4 rounded-lg shadow-md opacity-70\"><h3 class=\"font-bold text-lg text-center mb-4 pb-2 border-b-2 border-slate-500 text-slate-700\" data-lang-key=\"mkt_phase_3_title\">Phase 3: Strategic Growth<\/h3><div class=\"space-y-4\"><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-slate-400\"><h5 class=\"font-bold text-slate-700\" data-lang-key=\"mkt_p3_t1_title\">Analytics & Strategy<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"mkt_p3_t1_desc\">Learn to analyze campaign performance and contribute to strategy.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-gray-400\"><h5 class=\"font-bold text-gray-700\" data-lang-key=\"mkt_p3_t2_title\">Advanced Production<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"mkt_p3_t2_desc\">Develop advanced video editing and content creation techniques.<\/p><\/div><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"graphic-design-content\" class=\"content-section\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\r\n <div class=\"phase-col bg-white\/80 p-4 rounded-lg shadow-md\"><h3 class=\"font-bold text-lg text-center mb-4 pb-2 border-b-2 border-amber-500 text-amber-700\" data-lang-key=\"design_phase_1_title\">Phase 1: Core Design Fundamentals<\/h3><div class=\"space-y-4\"><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-purple-400\"><h5 class=\"font-bold text-purple-700\" data-lang-key=\"design_p1_t1_title\">Creativity & Conception<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"design_p1_t1_desc\">Study design principles, color theory, and concept development.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-indigo-400\"><h5 class=\"font-bold text-indigo-700\" data-lang-key=\"design_p1_t2_title\">Tool Mastery<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"design_p1_t2_desc\">Move beyond Canva to master foundational Photoshop & Illustrator skills.<\/p><\/div><\/div><\/div>\r\n <div class=\"phase-col bg-white\/80 p-4 rounded-lg shadow-md opacity-70\"><h3 class=\"font-bold text-lg text-center mb-4 pb-2 border-b-2 border-sky-500 text-sky-700\" data-lang-key=\"design_phase_2_title\">Phase 2: Motion & Dimension<\/h3><div class=\"space-y-4\"><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-cyan-400\"><h5 class=\"font-bold text-cyan-700\" data-lang-key=\"design_p2_t1_title\">2D Animation<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"design_p2_t1_desc\">Learn basics of motion graphics and 2D animation for social media.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-teal-400\"><h5 class=\"font-bold text-teal-700\" data-lang-key=\"design_p2_t2_title\">Intro to 3D<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"design_p2_t2_desc\">Begin learning basic 3D modeling with tools like Blender.<\/p><\/div><\/div><\/div>\r\n <div class=\"phase-col bg-white\/80 p-4 rounded-lg shadow-md opacity-70\"><h3 class=\"font-bold text-lg text-center mb-4 pb-2 border-b-2 border-slate-500 text-slate-700\" data-lang-key=\"design_phase_3_title\">Phase 3: Advanced Visuals<\/h3><div class=\"space-y-4\"><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-slate-400\"><h5 class=\"font-bold text-slate-700\" data-lang-key=\"design_p3_t1_title\">Advanced 3D & Animation<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"design_p3_t1_desc\">Develop complex 3D models and fluid animation sequences.<\/p><\/div><div class=\"task-card bg-white p-4 rounded-lg border-l-4 border-gray-400\"><h5 class=\"font-bold text-gray-700\" data-lang-key=\"design_p3_t2_title\">Portfolio Specialization<\/h5><p class=\"text-sm text-slate-600 mt-1\" data-lang-key=\"design_p3_t2_desc\">Build a specialized portfolio focusing on a key area like character or environmental design.<\/p><\/div><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const translations = {\r\n en: {\r\n main_title: \"AAA School Strategic Initiatives\",\r\n header_subtitle_overview: \"High-Level Strategic Overview\",\r\n header_subtitle_robotics: \"Detailed Roadmap for the Robotics Curriculum Project\",\r\n header_subtitle_it: \"Detailed Roadmap for the IT Platform & SMS Project\",\r\n header_subtitle_marketing: \"Development Roadmap for the Marketing Intern\",\r\n header_subtitle_design: \"Development Roadmap for the Graphic Design Intern\",\r\n nav_overview: \"Overview\",\r\n nav_robotics: \"Robotics\",\r\n nav_it: \"IT Platform\",\r\n nav_marketing: \"Marketing\",\r\n nav_design: \"Graphic Design\",\r\n robotics_title: \"Robotics Program\",\r\n it_title: \"IT Platform\",\r\n marketing_title: \"Marketing Intern Development\",\r\n design_title: \"Graphic Design Intern Development\",\r\n progress: \"Progress\",\r\n current_phase: \"Current Phase\",\r\n robotics_phase_2_name: \"\ud83d\udca1 Creation Lab\",\r\n current_focus: \"Current Focus\",\r\n it_focus: \"DB Migration & UI Design\",\r\n next_goal: \"Next Major Goal\",\r\n it_next_goal: \"PWA Development\",\r\n marketing_focus: \"Planning & Content Basics\",\r\n marketing_next_goal: \"Campaign Execution\",\r\n design_focus: \"Core Design Fundamentals\",\r\n design_next_goal: \"Motion & Dimension\",\r\n current_time_title: \"Current Time in Phnom Penh\",\r\n robotics_phase_1: \"Discovery\",\r\n robotics_phase_2: \"Creation\",\r\n robotics_phase_3: \"Testing\",\r\n robotics_phase_4: \"Quality\",\r\n robotics_phase_5: \"Maintenance\",\r\n robotics_phase_1_title: \"Phase 1: Discovery\",\r\n robotics_phase_2_title: \"Phase 2: Creation Lab\",\r\n robotics_phase_3_title: \"Phase 3: Test Zone\",\r\n robotics_phase_4_title: \"Phase 4: Quality Check\",\r\n robotics_phase_5_title: \"Phase 5: Living Curriculum\",\r\n status_completed: \"Completed\",\r\n status_in_progress: \"In Progress\",\r\n status_up_next: \"Up Next\",\r\n robotics_p1_t1: \"Review 2 years of student project data.\",\r\n robotics_p1_t2: \"Conduct feedback sessions with instructors.\",\r\n robotics_p1_t3: \"Survey students and parents.\",\r\n robotics_p1_t4: \"Analyze best-in-class robotics books.\",\r\n robotics_p2_t1: \"Develop visual-first guidebooks.\",\r\n robotics_p2_t2: \"Write kid-friendly content with simple language.\",\r\n robotics_p2_t3: \"Create branded styles for each learning tier.\",\r\n robotics_p3_t1: \"Pilot new chapters in weekend workshops.\",\r\n robotics_p3_t2: \"Observe student interactions directly.\",\r\n robotics_p3_t3: \"Gather instructor feedback from live tests.\",\r\n robotics_p4_t1: \"Track project completion rates.\",\r\n robotics_p4_t2: \"Use instructor checklists to score lessons.\",\r\n robotics_p4_t3: \"Refine materials based on test data.\",\r\n robotics_p5_t1: \"Establish yearly review cycle.\",\r\n robotics_p5_t2: \"Maintain a digital master version of all books.\",\r\n robotics_p5_t3: \"Create ongoing feedback channel for instructors.\",\r\n filter_all: \"View All\",\r\n filter_backend: \"Backend\",\r\n filter_frontend: \"Frontend\/PWA\",\r\n phase_1_title: \"Phase 1: Current Focus\",\r\n phase_2_title: \"Phase 2: Next Up\",\r\n phase_3_title: \"Phase 3: Future Goals\",\r\n backend_stream: \"Backend Stream\",\r\n frontend_stream: \"Frontend Stream\",\r\n it_p1_t1_title: \"DB Schema Design\",\r\n it_p1_t1_desc: \"Finalize Supabase schema.\",\r\n it_p1_t2_title: \"Data Migration\",\r\n it_p1_t2_desc: \"Develop scripts to move data.\",\r\n it_p1_t3_title: \"API Refactoring\",\r\n it_p1_t3_desc: \"Update services for Supabase.\",\r\n it_p1_t4_title: \"User Stories\",\r\n it_p1_t4_desc: \"Define parent & student journeys.\",\r\n it_p1_t5_title: \"Wireframing\",\r\n it_p1_t5_desc: \"Create PWA user flows.\",\r\n it_p1_t6_title: \"UI Mockups\",\r\n it_p1_t6_desc: \"Develop high-fidelity prototype.\",\r\n it_p2_t1_title: \"PWA Frontend Build\",\r\n it_p2_t1_desc: \"Code the PWA from designs.\",\r\n it_p2_t2_title: \"API Integration\",\r\n it_p2_t2_desc: \"Connect PWA to Supabase.\",\r\n it_p2_t3_title: \"Beta Testing & Launch\",\r\n it_p2_t3_desc: \"Deploy PWA to users.\",\r\n it_p3_t1_title: \"POS Module Dev\",\r\n it_p3_t1_desc: \"Build Point of Sale system.\",\r\n it_p3_t2_title: \"PWA Wallet Feature\",\r\n it_p3_t2_desc: \"Add finance section to PWA.\",\r\n it_p3_t3_title: \"Student POS Linking\",\r\n it_p3_t3_desc: \"Connect student profiles to POS.\",\r\n mkt_phase_1_title: \"Phase 1: Foundational Skills\",\r\n mkt_p1_t1_title: \"Planning & Writing\",\r\n mkt_p1_t1_desc: \"Develop marketing plan, video scripts, and post captions.\",\r\n mkt_p1_t2_title: \"Technical Production\",\r\n mkt_p1_t2_desc: \"Learn camera basics, basic video editing, and poster design.\",\r\n mkt_phase_2_title: \"Phase 2: Campaign Execution\",\r\n mkt_p2_t1_title: \"Paid Advertising\",\r\n mkt_p2_t1_desc: \"Learn and execute Facebook ad boosting campaigns.\",\r\n mkt_p2_t2_title: \"Platform Expansion\",\r\n mkt_p2_t2_desc: \"Create and post content for TikTok and Instagram.\",\r\n mkt_phase_3_title: \"Phase 3: Strategic Growth\",\r\n mkt_p3_t1_title: \"Analytics & Strategy\",\r\n mkt_p3_t1_desc: \"Learn to analyze campaign performance and contribute to strategy.\",\r\n mkt_p3_t2_title: \"Advanced Production\",\r\n mkt_p3_t2_desc: \"Develop advanced video editing and content creation techniques.\",\r\n design_phase_1_title: \"Phase 1: Core Design Fundamentals\",\r\n design_p1_t1_title: \"Creativity & Conception\",\r\n design_p1_t1_desc: \"Study design principles, color theory, and concept development.\",\r\n design_p1_t2_title: \"Tool Mastery\",\r\n design_p1_t2_desc: \"Move beyond Canva to master foundational Photoshop & Illustrator skills.\",\r\n design_phase_2_title: \"Phase 2: Motion & Dimension\",\r\n design_p2_t1_title: \"2D Animation\",\r\n design_p2_t1_desc: \"Learn basics of motion graphics and 2D animation for social media.\",\r\n design_p2_t2_title: \"Intro to 3D\",\r\n design_p2_t2_desc: \"Begin learning basic 3D modeling with tools like Blender.\",\r\n design_phase_3_title: \"Phase 3: Advanced Visuals\",\r\n design_p3_t1_title: \"Advanced 3D & Animation\",\r\n design_p3_t1_desc: \"Develop complex 3D models and fluid animation sequences.\",\r\n design_p3_t2_title: \"Portfolio Specialization\",\r\n design_p3_t2_desc: \"Build a specialized portfolio focusing on a key area like character or environmental design.\",\r\n robotics_chart_labels: ['Completed', 'In Progress', 'Up Next'],\r\n it_chart_labels: ['DB Migration', 'UI\/UX Design', 'PWA Dev', 'POS Int.'],\r\n marketing_chart_labels: ['Planning', 'Content Creation', 'Campaigns', 'Tech Skills'],\r\n design_chart_labels: ['Creativity', 'Photoshop', 'Animation', '3D'],\r\n },\r\n km: {\r\n main_title: \"\u1782\u17c6\u1793\u17b7\u178f\u1795\u17d2\u178a\u17bd\u1785\u1795\u17d2\u178a\u17be\u1798\u1799\u17bb\u1791\u17d2\u1792\u179f\u17b6\u179f\u17d2\u178f\u17d2\u179a\u179f\u17b6\u179b\u17b6 AAA\",\r\n header_subtitle_overview: \"\u1791\u17b7\u178a\u17d2\u178b\u1797\u17b6\u1796\u1791\u17bc\u1791\u17c5\u1793\u17c3\u1799\u17bb\u1791\u17d2\u1792\u179f\u17b6\u179f\u17d2\u178f\u17d2\u179a\u1780\u1798\u17d2\u179a\u17b7\u178f\u1781\u17d2\u1796\u179f\u17cb\",\r\n header_subtitle_robotics: \"\u1795\u17c2\u1793\u1791\u17b8\u1794\u1784\u17d2\u17a0\u17b6\u1789\u1795\u17d2\u179b\u17bc\u179c\u179b\u1798\u17d2\u17a2\u17b7\u178f\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1782\u1798\u17d2\u179a\u17c4\u1784\u1780\u1798\u17d2\u1798\u179c\u17b7\u1792\u17b8\u179f\u17b7\u1780\u17d2\u179f\u17b6\u179a\u17c9\u17bc\u1794\u17bc\u1791\u17b7\u1785\",\r\n header_subtitle_it: \"\u1795\u17c2\u1793\u1791\u17b8\u1794\u1784\u17d2\u17a0\u17b6\u1789\u1795\u17d2\u179b\u17bc\u179c\u179b\u1798\u17d2\u17a2\u17b7\u178f\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1794\u17d2\u179a\u1796\u17d0\u1793\u17d2\u1792 IT & SMS\",\r\n header_subtitle_marketing: \"\u1795\u17c2\u1793\u1791\u17b8\u1794\u1784\u17d2\u17a0\u17b6\u1789\u1795\u17d2\u179b\u17bc\u179c\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d\u1793\u17cd\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1794\u17bb\u1782\u17d2\u1782\u179b\u17b7\u1780\u1791\u17b8\u1795\u17d2\u179f\u17b6\u179a\",\r\n header_subtitle_design: \"\u1795\u17c2\u1793\u1791\u17b8\u1794\u1784\u17d2\u17a0\u17b6\u1789\u1795\u17d2\u179b\u17bc\u179c\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d\u1793\u17cd\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1794\u17bb\u1782\u17d2\u1782\u179b\u17b7\u1780\u179a\u1785\u1793\u17b6\u1780\u17d2\u179a\u17b6\u17a0\u17d2\u179c\u17b7\u1780\",\r\n nav_overview: \"\u1791\u17b7\u178a\u17d2\u178b\u1797\u17b6\u1796\u1791\u17bc\u1791\u17c5\",\r\n nav_robotics: \"\u179a\u17c9\u17bc\u1794\u17bc\u1791\u17b7\u1785\",\r\n nav_it: \"\u1794\u1785\u17d2\u1785\u17c1\u1780\u179c\u17b7\u1791\u17d2\u1799\u17b6\",\r\n nav_marketing: \"\u1791\u17b8\u1795\u17d2\u179f\u17b6\u179a\",\r\n nav_design: \"\u179a\u1785\u1793\u17b6\u1780\u17d2\u179a\u17b6\u17a0\u17d2\u179c\u17b7\u1780\",\r\n robotics_title: \"\u1780\u1798\u17d2\u1798\u179c\u17b7\u1792\u17b8\u179a\u17c9\u17bc\u1794\u17bc\u1791\u17b7\u1785\",\r\n it_title: \"\u1794\u17d2\u179a\u1796\u17d0\u1793\u17d2\u1792\u1794\u1785\u17d2\u1785\u17c1\u1780\u179c\u17b7\u1791\u17d2\u1799\u17b6\",\r\n marketing_title: \"\u1780\u17b6\u179a\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d\u1794\u17bb\u1782\u17d2\u1782\u179b\u17b7\u1780\u1791\u17b8\u1795\u17d2\u179f\u17b6\u179a\",\r\n design_title: \"\u1780\u17b6\u179a\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d\u1794\u17bb\u1782\u17d2\u1782\u179b\u17b7\u1780\u179a\u1785\u1793\u17b6\",\r\n progress: \"\u179c\u178c\u17d2\u178d\u1793\u1797\u17b6\u1796\",\r\n current_phase: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\",\r\n robotics_phase_2_name: \"\ud83d\udca1 \u1794\u1784\u17d2\u1780\u17be\u178f\u1781\u17d2\u179b\u17b9\u1798\u179f\u17b6\u179a\",\r\n current_focus: \"\u1780\u17b6\u179a\u1784\u17b6\u179a\u1785\u1798\u17d2\u1794\u1784\",\r\n it_focus: \"\u1794\u17d2\u178a\u17bc\u179a Database & \u179a\u1785\u1793\u17b6 UI\",\r\n next_goal: \"\u1782\u17c4\u179b\u178a\u17c5\u1794\u1793\u17d2\u1791\u17b6\u1794\u17cb\",\r\n it_next_goal: \"\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d PWA\",\r\n marketing_focus: \"\u1795\u17c2\u1793\u1780\u17b6\u179a & \u1781\u17d2\u179b\u17b9\u1798\u179f\u17b6\u179a\u1798\u17bc\u179b\u178a\u17d2\u178b\u17b6\u1793\",\r\n marketing_next_goal: \"\u1794\u17d2\u179a\u178f\u17b7\u1794\u178f\u17d2\u178f\u17b7\u1799\u17bb\u1791\u17d2\u1792\u1793\u17b6\u1780\u17b6\u179a\",\r\n design_focus: \"\u1798\u17bc\u179b\u178a\u17d2\u178b\u17b6\u1793\u1782\u17d2\u179a\u17b9\u17c7\u1793\u17c3\u1780\u17b6\u179a\u179a\u1785\u1793\u17b6\",\r\n design_next_goal: \"\u1785\u179b\u1793\u17b6 & 3D\",\r\n current_time_title: \"\u1798\u17c9\u17c4\u1784\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u1793\u17c5\u1797\u17d2\u1793\u17c6\u1796\u17c1\u1789\",\r\n robotics_phase_1: \"\u179f\u17d2\u179a\u17b6\u179c\u1787\u17d2\u179a\u17b6\u179c\",\r\n robotics_phase_2: \"\u1794\u1784\u17d2\u1780\u17be\u178f\",\r\n robotics_phase_3: \"\u179f\u17b6\u1780\u179b\u17d2\u1794\u1784\",\r\n robotics_phase_4: \"\u178f\u17d2\u179a\u17bd\u178f\u1796\u17b7\u1793\u17b7\u178f\u17d2\u1799\",\r\n robotics_phase_5: \"\u1790\u17c2\u1791\u17b6\u17c6\",\r\n robotics_phase_1_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e1: \u179f\u17d2\u179a\u17b6\u179c\u1787\u17d2\u179a\u17b6\u179c\",\r\n robotics_phase_2_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e2: \u1794\u1784\u17d2\u1780\u17be\u178f\u1781\u17d2\u179b\u17b9\u1798\u179f\u17b6\u179a\",\r\n robotics_phase_3_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e3: \u178f\u17c6\u1794\u1793\u17cb\u179f\u17b6\u1780\u179b\u17d2\u1794\u1784\",\r\n robotics_phase_4_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e4: \u178f\u17d2\u179a\u17bd\u178f\u1796\u17b7\u1793\u17b7\u178f\u17d2\u1799\u1782\u17bb\u178e\u1797\u17b6\u1796\",\r\n robotics_phase_5_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e5: \u1780\u1798\u17d2\u1798\u179c\u17b7\u1792\u17b8\u179f\u17b7\u1780\u17d2\u179f\u17b6\u1798\u17b6\u1793\u1797\u17b6\u1796\u179a\u179f\u17cb\u179a\u179c\u17be\u1780\",\r\n status_completed: \"\u1794\u17b6\u1793\u1794\u1789\u17d2\u1785\u1794\u17cb\",\r\n status_in_progress: \"\u1780\u17c6\u1796\u17bb\u1784\u178a\u17c6\u178e\u17be\u179a\u1780\u17b6\u179a\",\r\n status_up_next: \"\u1794\u1793\u17d2\u1791\u17b6\u1794\u17cb\",\r\n robotics_p1_t1: \"\u1796\u17b7\u1793\u17b7\u178f\u17d2\u1799\u1791\u17b7\u1793\u17d2\u1793\u1793\u17d0\u1799\u1782\u1798\u17d2\u179a\u17c4\u1784\u179f\u17b7\u179f\u17d2\u179f\u179a\u1799\u17c8\u1796\u17c1\u179b \u17e2\u1786\u17d2\u1793\u17b6\u17c6\u17d4\",\r\n robotics_p1_t2: \"\u1794\u17d2\u179a\u1787\u17bb\u17c6\u1787\u17b6\u1798\u17bd\u1799\u1782\u17d2\u179a\u17bc\u178a\u17be\u1798\u17d2\u1794\u17b8\u1791\u1791\u17bd\u179b\u1798\u178f\u17b7\u1780\u17c2\u179b\u1798\u17d2\u17a2\u17d4\",\r\n robotics_p1_t3: \"\u179f\u17d2\u1791\u1784\u17cb\u1798\u178f\u17b7\u179f\u17b7\u179f\u17d2\u179f \u1793\u17b7\u1784\u1798\u17b6\u178f\u17b6\u1794\u17b7\u178f\u17b6\u17d4\",\r\n robotics_p1_t4: \"\u179c\u17b7\u1797\u17b6\u1782\u179f\u17c0\u179c\u1797\u17c5\u179a\u17c9\u17bc\u1794\u17bc\u1791\u17b7\u1785\u179b\u17d2\u17a2\u17d7\u1796\u17b8\u17a2\u1793\u17d2\u178f\u179a\u1787\u17b6\u178f\u17b7\u17d4\",\r\n robotics_p2_t1: \"\u1794\u1784\u17d2\u1780\u17be\u178f\u179f\u17c0\u179c\u1797\u17c5\u178e\u17c2\u1793\u17b6\u17c6\u178a\u17c2\u179b\u0e40\u0e19\u0e49\u0e19\u179a\u17bc\u1794\u1797\u17b6\u1796\u17d4\",\r\n robotics_p2_t2: \"\u179f\u179a\u179f\u17c1\u179a\u1781\u17d2\u179b\u17b9\u1798\u179f\u17b6\u179a\u1784\u17b6\u1799\u1799\u179b\u17cb\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1780\u17bb\u1798\u17b6\u179a\u17d4\",\r\n robotics_p2_t3: \"\u1794\u1784\u17d2\u1780\u17be\u178f\u179a\u1785\u1793\u17b6\u1794\u17d0\u1791\u17d2\u1798\u1798\u17c9\u17b6\u1780\u1799\u17b8\u17a0\u17c4\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1780\u1798\u17d2\u179a\u17b7\u178f\u1793\u17b8\u1798\u17bd\u1799\u17d7\u17d4\",\r\n robotics_p3_t1: \"\u179f\u17b6\u1780\u179b\u17d2\u1794\u1784\u1798\u17c1\u179a\u17c0\u1793\u1790\u17d2\u1798\u17b8\u17d7\u1780\u17d2\u1793\u17bb\u1784\u179f\u17b7\u1780\u17d2\u1781\u17b6\u179f\u17b6\u179b\u17b6\u1785\u17bb\u1784\u179f\u1794\u17d2\u178f\u17b6\u17a0\u17cd\u17d4\",\r\n robotics_p3_t2: \"\u179f\u1784\u17d2\u1780\u17c1\u178f\u1798\u17be\u179b\u17a2\u1793\u17d2\u178f\u179a\u1780\u1798\u17d2\u1798\u179a\u1794\u179f\u17cb\u179f\u17b7\u179f\u17d2\u179f\u178a\u17c4\u1799\u1795\u17d2\u1791\u17b6\u179b\u17cb\u17d4\",\r\n robotics_p3_t3: \"\u1794\u17d2\u179a\u1798\u17bc\u179b\u1798\u178f\u17b7\u1780\u17c2\u179b\u1798\u17d2\u17a2\u1796\u17b8\u1782\u17d2\u179a\u17bc\u17d4\",\r\n robotics_p4_t1: \"\u178f\u17b6\u1798\u178a\u17b6\u1793\u17a2\u178f\u17d2\u179a\u17b6\u1794\u1789\u17d2\u1785\u1794\u17cb\u1782\u1798\u17d2\u179a\u17c4\u1784\u17d4\",\r\n robotics_p4_t2: \"\u1794\u17d2\u179a\u17be\u1794\u1789\u17d2\u1787\u17b8\u178f\u17d2\u179a\u17bd\u178f\u1796\u17b7\u1793\u17b7\u178f\u17d2\u1799\u179a\u1794\u179f\u17cb\u1782\u17d2\u179a\u17bc\u178a\u17be\u1798\u17d2\u1794\u17b8\u179c\u17b6\u1799\u178f\u1798\u17d2\u179b\u17c3\u1798\u17c1\u179a\u17c0\u1793\u17d4\",\r\n robotics_p4_t3: \"\u1780\u17c2\u179b\u1798\u17d2\u17a2\u17af\u1780\u179f\u17b6\u179a\u1795\u17d2\u17a2\u17c2\u1780\u179b\u17be\u1791\u17b7\u1793\u17d2\u1793\u1793\u17d0\u1799\u178f\u17c1\u179f\u17d2\u178f\u17d4\",\r\n robotics_p5_t1: \"\u1794\u1784\u17d2\u1780\u17be\u178f\u179c\u178a\u17d2\u178f\u1796\u17b7\u1793\u17b7\u178f\u17d2\u1799\u17a1\u17be\u1784\u179c\u17b7\u1789\u1794\u17d2\u179a\u1785\u17b6\u17c6\u1786\u17d2\u1793\u17b6\u17c6\u17d4\",\r\n robotics_p5_t2: \"\u179a\u1780\u17d2\u179f\u17b6\u1791\u17bb\u1780\u1780\u17c6\u178e\u17c2\u178c\u17b8\u1787\u17b8\u1790\u179b\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1784\u17b6\u1799\u179f\u17d2\u179a\u17bd\u179b\u1792\u17d2\u179c\u17be\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u1797\u17b6\u1796\u17d4\",\r\n robotics_p5_t3: \"\u1794\u1784\u17d2\u1780\u17be\u178f\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e23\u0e31\u0e1a\u1798\u178f\u17b7\u1780\u17c2\u179b\u1798\u17d2\u17a2\u1796\u17b8\u1782\u17d2\u179a\u17bc\u17d4\",\r\n filter_all: \"\u1798\u17be\u179b\u1791\u17b6\u17c6\u1784\u17a2\u179f\u17cb\",\r\n filter_backend: \"Backend\",\r\n filter_frontend: \"Frontend\/PWA\",\r\n phase_1_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e1: \u1780\u17b6\u179a\u1784\u17b6\u179a\u1785\u1798\u17d2\u1794\u1784\",\r\n phase_2_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e2: \u1794\u1793\u17d2\u1791\u17b6\u1794\u17cb\",\r\n phase_3_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e3: \u1782\u17c4\u179b\u178a\u17c5\u17a2\u1793\u17b6\u1782\u178f\",\r\n backend_stream: \"\u1795\u17d2\u1793\u17c2\u1780 Backend\",\r\n frontend_stream: \"\u1795\u17d2\u1793\u17c2\u1780 Frontend\",\r\n it_p1_t1_title: \"\u179a\u1785\u1793\u17b6 DB Schema\",\r\n it_p1_t1_desc: \"\u1794\u1789\u17d2\u1785\u1794\u17cb Supabase schema\u17d4\",\r\n it_p1_t2_title: \"\u1794\u17d2\u178a\u17bc\u179a\u1791\u17b7\u1793\u17d2\u1793\u1793\u17d0\u1799\",\r\n it_p1_t2_desc: \"\u1794\u1784\u17d2\u1780\u17be\u178f Script \u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1794\u17d2\u178a\u17bc\u179a\u1791\u17b7\u1793\u17d2\u1793\u1793\u17d0\u1799\u17d4\",\r\n it_p1_t3_title: \"\u1780\u17c2\u179f\u1798\u17d2\u179a\u17bd\u179b API\",\r\n it_p1_t3_desc: \"\u1792\u17d2\u179c\u17be\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u1797\u17b6\u1796\u179f\u17c1\u179c\u17b6\u1780\u1798\u17d2\u1798\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb Supabase\u17d4\",\r\n it_p1_t4_title: \"User Stories\",\r\n it_p1_t4_desc: \"\u1780\u17c6\u178e\u178f\u17cb\u178a\u17c6\u178e\u17be\u179a\u179a\u17bf\u1784\u17a2\u17d2\u1793\u1780\u1794\u17d2\u179a\u17be\u1794\u17d2\u179a\u17b6\u179f\u17cb\u17d4\",\r\n it_p1_t5_title: \"Wireframing\",\r\n it_p1_t5_desc: \"\u1794\u1784\u17d2\u1780\u17be\u178f User Flow \u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb PWA\u17d4\",\r\n it_p1_t6_title: \"UI Mockups\",\r\n it_p1_t6_desc: \"\u1794\u1784\u17d2\u1780\u17be\u178f Prototype \u178a\u17c2\u179b\u17a2\u17b6\u1785\u1785\u17bb\u1785\u1794\u17b6\u1793\u17d4\",\r\n it_p2_t1_title: \"\u1794\u1784\u17d2\u1780\u17be\u178f PWA Frontend\",\r\n it_p2_t1_desc: \"\u179f\u179a\u179f\u17c1\u179a\u1780\u17bc\u178a PWA \u178f\u17b6\u1798\u1780\u17b6\u179a\u179a\u1785\u1793\u17b6\u17d4\",\r\n it_p2_t2_title: \"\u179a\u17bd\u1798\u1794\u1789\u17d2\u1785\u17bc\u179b API\",\r\n it_p2_t2_desc: \"\u1797\u17d2\u1787\u17b6\u1794\u17cb PWA \u1791\u17c5 Supabase\u17d4\",\r\n it_p2_t3_title: \"Beta Test & \u1794\u17be\u1780\u178a\u17c6\u178e\u17be\u179a\u1780\u17b6\u179a\",\r\n it_p2_t3_desc: \"\u178a\u17b6\u1780\u17cb\u17b1\u17d2\u1799\u1794\u17d2\u179a\u17be\u1794\u17d2\u179a\u17b6\u179f\u17cb PWA \u17d4\",\r\n it_p3_t1_title: \"\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d POS Module\",\r\n it_p3_t1_desc: \"\u1794\u1784\u17d2\u1780\u17be\u178f\u1794\u17d2\u179a\u1796\u17d0\u1793\u17d2\u1792\u1782\u17d2\u179a\u1794\u17cb\u1782\u17d2\u179a\u1784\u1780\u17b6\u179a\u179b\u1780\u17cb\u17d4\",\r\n it_p3_t2_title: \"\u1798\u17bb\u1781\u1784\u17b6\u179a Wallet \u1780\u17d2\u1793\u17bb\u1784 PWA\",\r\n it_p3_t2_desc: \"\u1794\u1793\u17d2\u1790\u17c2\u1798\u1795\u17d2\u1793\u17c2\u1780\u17a0\u17b7\u179a\u1789\u17d2\u1789\u179c\u178f\u17d2\u1790\u17bb\u1780\u17d2\u1793\u17bb\u1784 PWA\u17d4\",\r\n it_p3_t3_title: \"\u1797\u17d2\u1787\u17b6\u1794\u17cb Profile \u179f\u17b7\u179f\u17d2\u179f\u1791\u17c5 POS\",\r\n it_p3_t3_desc: \"\u1797\u17d2\u1787\u17b6\u1794\u17cb Profile \u179f\u17b7\u179f\u17d2\u179f\u1791\u17c5\u1794\u17d2\u179a\u1796\u17d0\u1793\u17d2\u1792 POS\u17d4\",\r\n mkt_phase_1_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e1: \u1787\u17c6\u1793\u17b6\u1789\u1798\u17bc\u179b\u178a\u17d2\u178b\u17b6\u1793\",\r\n mkt_p1_t1_title: \"\u1795\u17c2\u1793\u1780\u17b6\u179a & \u1780\u17b6\u179a\u179f\u179a\u179f\u17c1\u179a\",\r\n mkt_p1_t1_desc: \"\u1794\u1784\u17d2\u1780\u17be\u178f\u1795\u17c2\u1793\u1780\u17b6\u179a\u1791\u17b8\u1795\u17d2\u179f\u17b6\u179a, \u179f\u17d2\u1782\u17d2\u179a\u17b8\u1794\u179c\u17b8\u178a\u17c1\u17a2\u17bc, \u1793\u17b7\u1784\u1785\u17c6\u178e\u1784\u1787\u17be\u1784\u17d4\",\r\n mkt_p1_t2_title: \"\u1795\u179b\u17b7\u178f\u1780\u1798\u17d2\u1798\u1794\u1785\u17d2\u1785\u17c1\u1780\u1791\u17c1\u179f\",\r\n mkt_p1_t2_desc: \"\u179a\u17c0\u1793\u1798\u17bc\u179b\u178a\u17d2\u178b\u17b6\u1793\u1780\u17b6\u1798\u17c1\u179a\u17c9\u17b6, \u1780\u17b6\u178f\u17cb\u178f\u179c\u17b8\u178a\u17c1\u17a2\u17bc, \u1793\u17b7\u1784\u179a\u1785\u1793\u17b6 Poster\u17d4\",\r\n mkt_phase_2_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e2: \u1794\u17d2\u179a\u178f\u17b7\u1794\u178f\u17d2\u178f\u17b7\u1799\u17bb\u1791\u17d2\u1792\u1793\u17b6\u1780\u17b6\u179a\",\r\n mkt_p2_t1_title: \"\u1780\u17b6\u179a\u1795\u17d2\u179f\u17b6\u1799\u1796\u17b6\u178e\u17b7\u1787\u17d2\u1787\u1780\u1798\u17d2\u1798\",\r\n mkt_p2_t1_desc: \"\u179a\u17c0\u1793 \u1793\u17b7\u1784\u1794\u17d2\u179a\u178f\u17b7\u1794\u178f\u17d2\u178f\u17b7\u1780\u17b6\u179a Boosting \u179b\u17be Facebook\u17d4\",\r\n mkt_p2_t2_title: \"\u1780\u17b6\u179a\u1796\u1784\u17d2\u179a\u17b8\u1780 Platform\",\r\n mkt_p2_t2_desc: \"\u1794\u1784\u17d2\u1780\u17be\u178f\u1781\u17d2\u179b\u17b9\u1798\u179f\u17b6\u179a\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb TikTok \u1793\u17b7\u1784 Instagram\u17d4\",\r\n mkt_phase_3_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e3: \u1780\u17b6\u179a\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u0e40\u0e0a\u0e34\u0e07\u1799\u17bb\u1791\u17d2\u1792\u179f\u17b6\u179f\u17d2\u178f\u17d2\u179a\",\r\n mkt_p3_t1_title: \"\u1780\u17b6\u179a\u179c\u17b7\u1797\u17b6\u1782 & \u1799\u17bb\u1791\u17d2\u1792\u179f\u17b6\u179f\u17d2\u178f\u17d2\u179a\",\r\n mkt_p3_t1_desc: \"\u179a\u17c0\u1793\u179c\u17b7\u1797\u17b6\u1782\u179b\u1791\u17d2\u1792\u1795\u179b\u1799\u17bb\u1791\u17d2\u1792\u1793\u17b6\u1780\u17b6\u179a \u1793\u17b7\u1784\u1785\u17bc\u179b\u179a\u17bd\u1798\u1780\u17d2\u1793\u17bb\u1784\u1799\u17bb\u1791\u17d2\u1792\u179f\u17b6\u179f\u17d2\u178f\u17d2\u179a\u17d4\",\r\n mkt_p3_t2_title: \"\u1795\u179b\u17b7\u178f\u1780\u1798\u17d2\u1798\u1780\u1798\u17d2\u179a\u17b7\u178f\u1781\u17d2\u1796\u179f\u17cb\",\r\n mkt_p3_t2_desc: \"\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d\u1794\u1785\u17d2\u1785\u17c1\u1780\u1791\u17c1\u179f\u1780\u17b6\u178f\u17cb\u178f\u179c\u17b8\u178a\u17c1\u17a2\u17bc\u1780\u1798\u17d2\u179a\u17b7\u178f\u1781\u17d2\u1796\u179f\u17cb\u17d4\",\r\n design_phase_1_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e1: \u1798\u17bc\u179b\u178a\u17d2\u178b\u17b6\u1793\u1782\u17d2\u179a\u17b9\u17c7\u1793\u17c3\u1780\u17b6\u179a\u179a\u1785\u1793\u17b6\",\r\n design_p1_t1_title: \"\u1780\u17b6\u179a\u1785\u17d2\u1793\u17c3\u1794\u17d2\u179a\u178c\u17b7\u178f & \u1782\u17c6\u1793\u17b7\u178f\",\r\n design_p1_t1_desc: \"\u179f\u17b7\u1780\u17d2\u179f\u17b6\u1782\u17c4\u179b\u1780\u17b6\u179a\u178e\u17cd\u179a\u1785\u1793\u17b6, \u1791\u17d2\u179a\u17b9\u179f\u17d2\u178f\u17b8\u1796\u178e\u17cc, \u1793\u17b7\u1784\u1780\u17b6\u179a\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d\u1782\u17c6\u1793\u17b7\u178f\u17d4\",\r\n design_p1_t2_title: \"\u1787\u17c6\u1793\u17b6\u1789\u17a7\u1794\u1780\u179a\u178e\u17cd\",\r\n design_p1_t2_desc: \"\u179a\u17c0\u1793 Photoshop & Illustrator \u17b1\u17d2\u1799\u179f\u17d2\u1791\u17b6\u178f\u17cb\u1787\u17c6\u1793\u17b6\u1789\u17d4\",\r\n design_phase_2_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e2: \u1785\u179b\u1793\u17b6 & 3D\",\r\n design_p2_t1_title: \"\u1785\u179b\u1793\u17b6 2D\",\r\n design_p2_t1_desc: \"\u179a\u17c0\u1793\u1798\u17bc\u179b\u178a\u17d2\u178b\u17b6\u1793\u1782\u17d2\u179a\u17b9\u17c7\u1793\u17c3 motion graphics \u1793\u17b7\u1784 2D animation\u17d4\",\r\n design_p2_t2_title: \"\u1780\u17b6\u179a\u178e\u17c2\u1793\u17b6\u17c6\u17a2\u17c6\u1796\u17b8 3D\",\r\n design_p2_t2_desc: \"\u1785\u17b6\u1794\u17cb\u1795\u17d2\u178f\u17be\u1798\u179a\u17c0\u1793 3D modeling \u1787\u17b6\u1798\u17bd\u1799 Blender\u17d4\",\r\n design_phase_3_title: \"\u178a\u17c6\u178e\u17b6\u1780\u17cb\u1780\u17b6\u179b\u1791\u17b8\u17e3: \u179a\u17bc\u1794\u1797\u17b6\u1796\u1780\u1798\u17d2\u179a\u17b7\u178f\u1781\u17d2\u1796\u179f\u17cb\",\r\n design_p3_t1_title: \"3D & \u1785\u179b\u1793\u17b6\u1780\u1798\u17d2\u179a\u17b7\u178f\u1781\u17d2\u1796\u179f\u17cb\",\r\n design_p3_t1_desc: \"\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d\u1798\u17c9\u17bc\u178a\u17c2\u179b 3D \u1793\u17b7\u1784\u1785\u179b\u1793\u17b6\u179f\u17d2\u1798\u17bb\u1782\u179f\u17d2\u1798\u17b6\u1789\u17d4\",\r\n design_p3_t2_title: \"\u17af\u1780\u1791\u17c1\u179f Portfolio\",\r\n design_p3_t2_desc: \"\u1794\u1784\u17d2\u1780\u17be\u178f Portfolio \u17af\u1780\u1791\u17c1\u179f\u179b\u17be\u1780\u17b6\u179a\u179a\u1785\u1793\u17b6\u178f\u17bd\u17a2\u1784\u17d2\u1782 \u17ac\u1794\u179a\u17b7\u179f\u17d2\u1790\u17b6\u1793\u17d4\",\r\n robotics_chart_labels: ['\u1794\u17b6\u1793\u1794\u1789\u17d2\u1785\u1794\u17cb', '\u1780\u17c6\u1796\u17bb\u1784\u178a\u17c6\u178e\u17be\u179a\u1780\u17b6\u179a', '\u1794\u1793\u17d2\u1791\u17b6\u1794\u17cb'],\r\n it_chart_labels: ['\u1794\u17d2\u178a\u17bc\u179a DB', '\u179a\u1785\u1793\u17b6 UI\/UX', '\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d PWA', '\u179a\u17bd\u1798\u1794\u1789\u17d2\u1785\u17bc\u179b POS'],\r\n marketing_chart_labels: ['\u1795\u17c2\u1793\u1780\u17b6\u179a', '\u1794\u1784\u17d2\u1780\u17be\u178f\u1781\u17d2\u179b\u17b9\u1798\u179f\u17b6\u179a', '\u1799\u17bb\u1791\u17d2\u1792\u1793\u17b6\u1780\u17b6\u179a', '\u1787\u17c6\u1793\u17b6\u1789\u1794\u1785\u17d2\u1785\u17c1\u1780\u1791\u17c1\u179f'],\r\n design_chart_labels: ['\u1780\u17b6\u179a\u1785\u17d2\u1793\u17c3\u1794\u17d2\u179a\u178c\u17b7\u178f', 'Photoshop', '\u1785\u179b\u1793\u17b6', '3D'],\r\n }\r\n };\r\n \r\n let charts = {};\r\n let currentLang = localStorage.getItem('aaa-dashboard-lang') || 'en';\r\n\r\n const switchLanguage = (lang) => {\r\n currentLang = lang;\r\n localStorage.setItem('aaa-dashboard-lang', lang);\r\n \r\n document.documentElement.lang = lang;\r\n document.body.className = `text-slate-800 lang-${lang}`;\r\n\r\n document.querySelectorAll('[data-lang-key]').forEach(el => {\r\n const key = el.dataset.langKey;\r\n if (translations[lang][key]) {\r\n el.textContent = translations[lang][key];\r\n }\r\n });\r\n \r\n document.getElementById('lang-en').classList.toggle('active', lang === 'en');\r\n document.getElementById('lang-km').classList.toggle('active', lang === 'km');\r\n\r\n \/\/ Update header subtitle based on active tab\r\n const activeTab = document.querySelector('#main-nav .main-nav-btn.active').dataset.target;\r\n const subtitleKey = `header_subtitle_${activeTab}`;\r\n document.getElementById('header-subtitle').textContent = translations[lang][subtitleKey];\r\n\r\n \/\/ Re-render charts with new labels\r\n initCharts();\r\n };\r\n\r\n const mainNav = document.getElementById('main-nav');\r\n const contentSections = document.querySelectorAll('.content-section');\r\n const headerSubtitle = document.getElementById('header-subtitle');\r\n\r\n mainNav.addEventListener('click', (e) => {\r\n if (e.target.tagName !== 'BUTTON') return;\r\n const targetId = e.target.dataset.target;\r\n mainNav.querySelector('.active').classList.remove('active');\r\n e.target.classList.add('active');\r\n const subtitleKey = `header_subtitle_${targetId}`;\r\n headerSubtitle.textContent = translations[currentLang][subtitleKey];\r\n contentSections.forEach(section => {\r\n section.classList.toggle('active', section.id === `${targetId}-content`);\r\n });\r\n });\r\n\r\n document.getElementById('lang-en').addEventListener('click', () => switchLanguage('en'));\r\n document.getElementById('lang-km').addEventListener('click', () => switchLanguage('km'));\r\n\r\n const initCharts = () => {\r\n if (charts.robotics) charts.robotics.destroy();\r\n const roboticsChartCtx = document.getElementById('roboticsProgressChart').getContext('2d');\r\n charts.robotics = new Chart(roboticsChartCtx, {\r\n type: 'doughnut',\r\n data: {\r\n labels: translations[currentLang].robotics_chart_labels,\r\n datasets: [{ data: [1, 1, 3], backgroundColor: ['#16a34a', '#f59e0b', '#0ea5e9'], borderColor: '#fff', borderWidth: 4 }]\r\n },\r\n options: { responsive: true, maintainAspectRatio: false, cutout: '70%', plugins: { legend: { display: false } } }\r\n });\r\n\r\n if (charts.it) charts.it.destroy();\r\n const itChartCtx = document.getElementById('itFocusChart').getContext('2d');\r\n charts.it = new Chart(itChartCtx, {\r\n type: 'radar',\r\n data: {\r\n labels: translations[currentLang].it_chart_labels,\r\n datasets: [{ label: translations[currentLang].current_focus, data: [90, 85, 20, 5], backgroundColor: 'rgba(13, 148, 136, 0.2)', borderColor: 'rgba(13, 148, 136, 1)', borderWidth: 2 }]\r\n },\r\n options: { responsive: true, maintainAspectRatio: false, scales: { r: { beginAtZero: true, max: 100, ticks: { display: false }, pointLabels: { font: { family: currentLang === 'km' ? \"'Kantumruy Pro', sans-serif\" : \"'Inter', sans-serif\" } } } }, plugins: { legend: { display: false } } }\r\n });\r\n \r\n if (charts.marketing) charts.marketing.destroy();\r\n const marketingChartCtx = document.getElementById('marketingSkillChart').getContext('2d');\r\n charts.marketing = new Chart(marketingChartCtx, {\r\n type: 'bar',\r\n data: {\r\n labels: translations[currentLang].marketing_chart_labels,\r\n datasets: [{\r\n label: 'Current Skill Level',\r\n data: [80, 70, 15, 60],\r\n backgroundColor: ['rgba(219, 39, 119, 0.5)','rgba(225, 29, 72, 0.5)','rgba(59, 130, 246, 0.5)','rgba(139, 92, 246, 0.5)'],\r\n borderColor: ['rgb(219, 39, 119)','rgb(225, 29, 72)','rgb(59, 130, 246)','rgb(139, 92, 246)'],\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n indexAxis: 'y',\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n scales: { x: { beginAtZero: true, max: 100 }, y: { ticks: { font: { family: currentLang === 'km' ? \"'Kantumruy Pro', sans-serif\" : \"'Inter', sans-serif\" } } } },\r\n plugins: { legend: { display: false } }\r\n }\r\n });\r\n\r\n if (charts.design) charts.design.destroy();\r\n const designSkillChartCtx = document.getElementById('designSkillChart').getContext('2d');\r\n charts.design = new Chart(designSkillChartCtx, {\r\n type: 'bar',\r\n data: {\r\n labels: translations[currentLang].design_chart_labels,\r\n datasets: [{\r\n label: 'Current Skill Level',\r\n data: [40, 30, 10, 5],\r\n backgroundColor: ['rgba(168, 85, 247, 0.5)', 'rgba(99, 102, 241, 0.5)', 'rgba(34, 211, 238, 0.5)', 'rgba(20, 184, 166, 0.5)'],\r\n borderColor: ['rgb(168, 85, 247)', 'rgb(99, 102, 241)', 'rgb(34, 211, 238)', 'rgb(20, 184, 166)'],\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n indexAxis: 'y',\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n scales: { x: { beginAtZero: true, max: 100 }, y: { ticks: { font: { family: currentLang === 'km' ? \"'Kantumruy Pro', sans-serif\" : \"'Inter', sans-serif\" } } } },\r\n plugins: { legend: { display: false } }\r\n }\r\n });\r\n };\r\n\r\n const timelineNavItems = document.querySelectorAll('#timeline-nav .timeline-item');\r\n timelineNavItems.forEach(item => {\r\n item.addEventListener('click', () => {\r\n document.getElementById(item.dataset.target)?.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n });\r\n });\r\n \r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const id = entry.target.getAttribute('id');\r\n timelineNavItems.forEach(navItem => navItem.classList.toggle('active', navItem.dataset.target === id));\r\n }\r\n });\r\n }, { rootMargin: '-50% 0px -50% 0px', threshold: 0 });\r\n document.querySelectorAll('#robotics-content .phase-section').forEach(section => observer.observe(section));\r\n\r\n const itFilterContainer = document.getElementById('it-filter-container');\r\n const taskCards = document.querySelectorAll('#it-roadmap-board .task-card');\r\n itFilterContainer.addEventListener('click', (e) => {\r\n if (e.target.tagName !== 'BUTTON') return;\r\n const filter = e.target.dataset.filter;\r\n itFilterContainer.querySelector('.active').classList.remove('active');\r\n e.target.classList.add('active');\r\n taskCards.forEach(card => {\r\n card.classList.toggle('dimmed', !(filter === 'all' || card.dataset.stream === filter));\r\n });\r\n });\r\n\r\n function updateTime() {\r\n const timeEl = document.getElementById('current-time');\r\n const dateEl = document.getElementById('current-date');\r\n if (!timeEl || !dateEl) return;\r\n const now = new Date();\r\n const timeOptions = { timeZone: 'Asia\/Phnom_Penh', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: true };\r\n const dateOptions = { timeZone: 'Asia\/Phnom_Penh', weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };\r\n const locale = currentLang === 'km' ? 'km-KH' : 'en-US';\r\n timeEl.textContent = new Intl.DateTimeFormat(locale, timeOptions).format(now);\r\n dateEl.textContent = new Intl.DateTimeFormat(locale, dateOptions).format(now);\r\n }\r\n \r\n switchLanguage(currentLang);\r\n setInterval(updateTime, 1000);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>AAA School: Strategic Initiatives Dashboard AAA School Strategic Initiatives High-Level Strategic Overview Overview Robotics IT Platform Marketing Graphic Design EN KH Robotics Program Progress 40% Current Phase \ud83d\udca1 Creation Lab IT Platform Current Focus DB Migration & UI Design Next Major Goal PWA Development Marketing Intern Development Current Focus Planning & Content Basics Next Major […]<\/p>","protected":false},"author":2,"featured_media":4053,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4118","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/posts\/4118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/comments?post=4118"}],"version-history":[{"count":23,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/posts\/4118\/revisions"}],"predecessor-version":[{"id":4141,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/posts\/4118\/revisions\/4141"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/media\/4053"}],"wp:attachment":[{"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/media?parent=4118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/categories?post=4118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/tags?post=4118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}