Kerala PSC Idiom Family Tree<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n user-select: none;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: 5px;\n color: #333;\n overflow-x: hidden;\n }\n \n .container {\n width: 100%;\n max-width: 390px;\n margin: 0 auto;\n background: white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n }\n \n .header {\n background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);\n color: white;\n padding: 15px;\n text-align: center;\n }\n \n .header h1 {\n font-size: 1.2em;\n margin-bottom: 5px;\n }\n \n .header p {\n opacity: 0.9;\n font-size: 0.8em;\n }\n \n .progress-container {\n background: rgba(255,255,255,0.2);\n height: 6px;\n border-radius: 3px;\n margin-top: 10px;\n overflow: hidden;\n }\n \n .progress-bar {\n background: #f39c12;\n height: 100%;\n width: 0%;\n transition: width 0.5s ease;\n border-radius: 3px;\n }\n \n .mode-selector {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr 1fr;\n background: #ecf0f1;\n }\n \n .mode-btn {\n padding: 15px 5px;\n background: transparent;\n border: none;\n cursor: pointer;\n font-size: 0.7em;\n transition: all 0.3s ease;\n text-align: center;\n min-height: 50px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n \n .mode-btn.active {\n background: #3498db;\n color: white;\n }\n \n .mode-btn:active {\n transform: scale(0.95);\n }\n \n .game-area {\n padding: 10px;\n min-height: 450px;\n }\n \n .tree-container {\n display: none;\n }\n \n .tree-container.active {\n display: block;\n }\n \n .tree-crown {\n width: 100px;\n height: 100px;\n background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);\n border-radius: 50%;\n margin: 10px auto;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n }\n \n .tree-title {\n color: white;\n font-weight: bold;\n font-size: 0.7em;\n text-align: center;\n line-height: 1.2;\n }\n \n .tree-trunk {\n width: 30px;\n height: 40px;\n background: linear-gradient(180deg, #8b4513 0%, #654321 100%);\n margin: 0 auto;\n border-radius: 0 0 15px 15px;\n }\n \n .category-branches {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 8px;\n margin: 15px 0;\n }\n \n .branch {\n background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);\n padding: 12px 8px;\n border-radius: 10px;\n text-align: center;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 3px 8px rgba(0,0,0,0.1);\n min-height: 70px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n \n .branch:active {\n transform: scale(0.95);\n }\n \n .branch.completed {\n background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);\n }\n \n .branch-title {\n font-weight: bold;\n color: white;\n font-size: 0.75em;\n margin-bottom: 3px;\n }\n \n .branch-count {\n color: rgba(255,255,255,0.9);\n font-size: 0.65em;\n }\n \n \/* Build Mode Styles *\/\n .build-instructions {\n background: #e8f4f8;\n padding: 10px;\n border-radius: 8px;\n margin-bottom: 15px;\n text-align: center;\n font-size: 0.8em;\n color: #2c3e50;\n }\n \n .idiom-pool {\n background: #f8f9fa;\n border-radius: 10px;\n padding: 10px;\n margin: 10px 0;\n }\n \n .pool-title {\n font-weight: bold;\n margin-bottom: 10px;\n color: #2c3e50;\n font-size: 0.8em;\n text-align: center;\n }\n \n .idiom-cards {\n display: grid;\n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .idiom-card {\n background: white;\n padding: 12px;\n border-radius: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.1);\n cursor: pointer;\n transition: all 0.3s ease;\n border: 3px solid transparent;\n min-height: 60px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n \n .idiom-card:active {\n transform: scale(0.97);\n }\n \n .idiom-card.selected {\n border-color: #3498db;\n background: #e3f2fd;\n box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);\n }\n \n .idiom-card.correct {\n border-color: #27ae60;\n background: #d5f4e6;\n }\n \n .idiom-card.wrong {\n border-color: #e74c3c;\n background: #ffeaea;\n }\n \n .idiom-card.placed {\n opacity: 0.5;\n transform: scale(0.95);\n }\n \n .idiom-english {\n font-weight: bold;\n color: #2c3e50;\n font-size: 0.85em;\n margin-bottom: 2px;\n }\n \n .idiom-malayalam {\n color: #e74c3c;\n font-size: 0.75em;\n }\n \n .category-zones {\n margin: 15px 0;\n }\n \n .category-zone {\n background: #ecf0f1;\n border: 2px dashed #bdc3c7;\n border-radius: 8px;\n padding: 15px;\n margin: 8px 0;\n text-align: center;\n cursor: pointer;\n transition: all 0.3s ease;\n min-height: 80px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n \n .category-zone:active {\n transform: scale(0.98);\n }\n \n .category-zone.highlighted {\n border-color: #3498db;\n background: #e3f2fd;\n }\n \n .category-zone.filled {\n border-color: #27ae60;\n background: #d5f4e6;\n }\n \n .zone-title {\n font-weight: bold;\n color: #2c3e50;\n font-size: 0.8em;\n margin-bottom: 5px;\n }\n \n .zone-content {\n font-size: 0.7em;\n color: #7f8c8d;\n }\n \n .placed-idiom {\n background: white;\n padding: 8px;\n border-radius: 6px;\n margin-top: 5px;\n border: 1px solid #27ae60;\n }\n \n .action-buttons {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 10px;\n margin: 15px 0;\n }\n \n .btn {\n padding: 12px;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n font-weight: bold;\n transition: all 0.3s ease;\n font-size: 0.8em;\n min-height: 45px;\n }\n \n .btn:active {\n transform: scale(0.95);\n }\n \n .btn-primary {\n background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);\n color: white;\n }\n \n .btn-success {\n background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);\n color: white;\n }\n \n .btn-warning {\n background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);\n color: white;\n }\n \n .btn:disabled {\n background: #bdc3c7;\n cursor: not-allowed;\n transform: none;\n }\n \n .score-display {\n background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);\n color: white;\n padding: 15px;\n border-radius: 10px;\n text-align: center;\n margin: 10px 0;\n }\n \n .score-number {\n font-size: 1.3em;\n font-weight: bold;\n margin-bottom: 5px;\n }\n \n .feedback-message {\n background: #fff3cd;\n border: 1px solid #ffeaa7;\n padding: 10px;\n border-radius: 8px;\n margin: 10px 0;\n font-size: 0.8em;\n text-align: center;\n display: none;\n }\n \n .feedback-message.show {\n display: block;\n animation: slideIn 0.3s ease;\n }\n \n .feedback-message.success {\n background: #d5f4e6;\n border-color: #27ae60;\n color: #27ae60;\n }\n \n .feedback-message.error {\n background: #ffeaea;\n border-color: #e74c3c;\n color: #e74c3c;\n }\n \n @keyframes slideIn {\n from { opacity: 0; transform: translateY(-10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .category-detail {\n background: white;\n border-radius: 10px;\n padding: 15px;\n margin: 10px 0;\n box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n display: none;\n }\n \n .category-detail.active {\n display: block;\n animation: slideIn 0.3s ease;\n }\n \n .category-header {\n color: #2c3e50;\n font-weight: bold;\n margin-bottom: 10px;\n font-size: 0.9em;\n text-align: center;\n }\n \n .etymology-section {\n background: #e8f4f8;\n border-radius: 8px;\n padding: 10px;\n margin: 8px 0;\n border-left: 3px solid #3498db;\n }\n \n .etymology-title {\n font-weight: bold;\n color: #2c3e50;\n margin-bottom: 5px;\n font-size: 0.8em;\n }\n \n .etymology-text {\n font-size: 0.75em;\n line-height: 1.4;\n color: #555;\n }\n \n .completion-celebration {\n text-align: center;\n padding: 20px;\n display: none;\n }\n \n .completion-celebration.show {\n display: block;\n animation: bounceIn 0.5s ease;\n }\n \n .celebration-emoji {\n font-size: 2.5em;\n margin-bottom: 10px;\n }\n \n @keyframes bounceIn {\n 0% { transform: scale(0.3); opacity: 0; }\n 50% { transform: scale(1.05); }\n 70% { transform: scale(0.9); }\n 100% { transform: scale(1); opacity: 1; }\n }\n \n \/* Ensure single column on mobile *\/\n @media (max-width: 480px) {\n .container {\n margin: 0;\n border-radius: 0;\n min-height: 100vh;\n }\n \n .category-branches {\n grid-template-columns: 1fr;\n gap: 6px;\n }\n \n .mode-selector {\n grid-template-columns: 1fr 1fr;\n }\n \n .mode-btn {\n font-size: 0.65em;\n padding: 12px 3px;\n }\n }\n \n \/* Larger screens *\/\n @media (min-width: 768px) {\n .container {\n max-width: 500px;\n }\n \n .category-branches {\n grid-template-columns: 1fr 1fr 1fr;\n }\n \n .idiom-cards {\n grid-template-columns: 1fr 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>\ud83c\udf33 Idiom Family Tree<\/h1>\n <p>Master Kerala PSC Idioms<\/p>\n <div class=\"progress-container\">\n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n <\/div>\n <\/div>\n \n <div class=\"mode-selector\">\n <button class=\"mode-btn active\" onclick=\"switchMode('learn')\">\n \ud83c\udf31<br>Learn\n <\/button>\n <button class=\"mode-btn\" onclick=\"switchMode('build')\">\n \ud83c\udfd7\ufe0f<br>Build\n <\/button>\n <button class=\"mode-btn\" onclick=\"switchMode('practice')\">\n \u26a1<br>Practice\n <\/button>\n <button class=\"mode-btn\" onclick=\"switchMode('explore')\">\n \ud83d\udd0d<br>Explore\n <\/button>\n <\/div>\n \n <div class=\"game-area\">\n \n <div class=\"tree-container active\" id=\"learnMode\">\n <div class=\"tree-crown\">\n <div class=\"tree-title\">PSC Idioms<br>Master Tree<\/div>\n <\/div>\n <div class=\"tree-trunk\"><\/div>\n \n <div class=\"category-branches\">\n <div class=\"branch\" onclick=\"showCategory('dispute')\">\n <div class=\"branch-title\">\ud83e\udd4a Dispute<\/div>\n <div class=\"branch-count\">1 idiom<\/div>\n <\/div>\n <div class=\"branch\" onclick=\"showCategory('worthless')\">\n <div class=\"branch-title\">\ud83d\udcb8 Worthless<\/div>\n <div class=\"branch-count\">2 idioms<\/div>\n <\/div>\n <div class=\"branch\" onclick=\"showCategory('noble')\">\n <div class=\"branch-title\">\ud83d\udc51 Noble<\/div>\n <div class=\"branch-count\">2 idioms<\/div>\n <\/div>\n <div class=\"branch\" onclick=\"showCategory('rare')\">\n <div class=\"branch-title\">\ud83c\udf19 Rare<\/div>\n <div class=\"branch-count\">1 idiom<\/div>\n <\/div>\n <div class=\"branch\" onclick=\"showCategory('groups')\">\n <div class=\"branch-title\">\ud83d\udc3e Groups<\/div>\n <div class=\"branch-count\">4 terms<\/div>\n <\/div>\n <div class=\"branch\" onclick=\"showCategory('synonyms')\">\n <div class=\"branch-title\">\ud83d\udcdd Words<\/div>\n <div class=\"branch-count\">15+ terms<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"tree-container\" id=\"buildMode\">\n <div class=\"build-instructions\">\n \ud83c\udfaf <strong>Instructions:<\/strong> Tap an idiom, then tap the correct category to place it!\n <\/div>\n \n <div class=\"idiom-pool\">\n <div class=\"pool-title\">\ud83d\udcda Available Idioms<\/div>\n <div class=\"idiom-cards\" id=\"idiomPool\">\n <div class=\"idiom-card\" data-category=\"dispute\" onclick=\"selectIdiomForBuild(this)\">\n <div class=\"idiom-english\">Bone of contention<\/div>\n <div class=\"idiom-malayalam\">\u0d24\u0d7c\u0d15\u0d4d\u0d15\u0d35\u0d3f\u0d37\u0d2f\u0d02<\/div>\n <\/div>\n <div class=\"idiom-card\" data-category=\"worthless\" onclick=\"selectIdiomForBuild(this)\">\n <div class=\"idiom-english\">A dime a dozen<\/div>\n <div class=\"idiom-malayalam\">\u0d35\u0d3f\u0d32\u0d2f\u0d3f\u0d32\u0d4d\u0d32\u0d3e\u0d24\u0d4d\u0d24\u0d24\u0d4d<\/div>\n <\/div>\n <div class=\"idiom-card\" data-category=\"worthless\" onclick=\"selectIdiomForBuild(this)\">\n <div class=\"idiom-english\">Good for nothing<\/div>\n <div class=\"idiom-malayalam\">\u0d12\u0d28\u0d4d\u0d28\u0d3f\u0d28\u0d41\u0d02 \u0d15\u0d4a\u0d33\u0d4d\u0d33\u0d3e\u0d24\u0d4d\u0d24<\/div>\n <\/div>\n <div class=\"idiom-card\" data-category=\"noble\" onclick=\"selectIdiomForBuild(this)\">\n <div class=\"idiom-english\">Salt of the earth<\/div>\n <div class=\"idiom-malayalam\">\u0d2e\u0d3e\u0d28\u0d4d\u0d2f\u0d28\u0d3e\u0d2f \u0d35\u0d4d\u0d2f\u0d15\u0d4d\u0d24\u0d3f<\/div>\n <\/div>\n <div class=\"idiom-card\" data-category=\"noble\" onclick=\"selectIdiomForBuild(this)\">\n <div class=\"idiom-english\">Blue blood<\/div>\n <div class=\"idiom-malayalam\">\u0d15\u0d41\u0d32\u0d40\u0d28\u0d1c\u0d3e\u0d24\u0d3f<\/div>\n <\/div>\n <div class=\"idiom-card\" data-category=\"rare\" onclick=\"selectIdiomForBuild(this)\">\n <div class=\"idiom-english\">Once in a blue moon<\/div>\n <div class=\"idiom-malayalam\">\u0d35\u0d33\u0d30\u0d46 \u0d05\u0d2a\u0d42\u0d7c\u0d35\u0d4d\u0d35\u0d2e\u0d3e\u0d2f\u0d3f<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"category-zones\">\n <div class=\"pool-title\">\ud83c\udfaf Category Zones<\/div>\n \n <div class=\"category-zone\" data-category=\"dispute\" onclick=\"placeIdiomInCategory('dispute')\">\n <div class=\"zone-title\">\ud83e\udd4a Subject of Dispute<\/div>\n <div class=\"zone-content\">Issues that cause arguments<\/div>\n <\/div>\n \n <div class=\"category-zone\" data-category=\"worthless\" onclick=\"placeIdiomInCategory('worthless')\">\n <div class=\"zone-title\">\ud83d\udcb8 Quite Worthless<\/div>\n <div class=\"zone-content\">Things with little value<\/div>\n <\/div>\n \n <div class=\"category-zone\" data-category=\"noble\" onclick=\"placeIdiomInCategory('noble')\">\n <div class=\"zone-title\">\ud83d\udc51 Noble Character<\/div>\n <div class=\"zone-content\">People with good qualities<\/div>\n <\/div>\n \n <div class=\"category-zone\" data-category=\"rare\" onclick=\"placeIdiomInCategory('rare')\">\n <div class=\"zone-title\">\ud83c\udf19 Very Rarely<\/div>\n <div class=\"zone-content\">Things that happen seldom<\/div>\n <\/div>\n <\/div>\n \n <div class=\"action-buttons\">\n <button class=\"btn btn-warning\" onclick=\"resetBuildMode()\">\ud83d\udd04 Reset<\/button>\n <button class=\"btn btn-success\" onclick=\"checkBuildAnswers()\" id=\"checkBtn\" disabled>\u2705 Check<\/button>\n <\/div>\n \n <div class=\"feedback-message\" id=\"buildFeedback\"><\/div>\n <\/div>\n \n \n <div class=\"tree-container\" id=\"practiceMode\">\n <div class=\"score-display\">\n <div class=\"score-number\" id=\"practiceScore\">0\/0<\/div>\n <div>Quick Practice Score<\/div>\n <\/div>\n \n <div class=\"category-detail active\">\n <div class=\"category-header\" id=\"practiceQuestion\">\n What does “bone of contention” mean?\n <\/div>\n \n <div class=\"idiom-cards\" id=\"practiceOptions\">\n \n <\/div>\n \n <div class=\"action-buttons\">\n <button class=\"btn btn-primary\" onclick=\"nextPracticeQuestion()\">\u27a1\ufe0f Next<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"tree-container\" id=\"exploreMode\">\n <div class=\"pool-title\">\ud83d\udd0d Etymology & Origins<\/div>\n \n <div class=\"etymology-section\">\n <div class=\"etymology-title\">\ud83e\uddb4 “Bone of Contention” Origin<\/div>\n <div class=\"etymology-text\">\n Comes from two dogs fighting over a single bone. The bone becomes the subject of their dispute. Remove the bone, fight stops. In human conflicts, the “bone of contention” is the issue causing disagreement.\n <\/div>\n <\/div>\n \n <div class=\"etymology-section\">\n <div class=\"etymology-title\">\ud83d\udcb0 “A Dime a Dozen” Origin<\/div>\n <div class=\"etymology-text\">\n American expression: a dime (10 cents) could buy a dozen (12) of something cheap. If 12 items cost only 10 cents, each item is practically worthless.\n <\/div>\n <\/div>\n \n <div class=\"etymology-section\">\n <div class=\"etymology-title\">\ud83e\ude78 “Blue Blood” Origin<\/div>\n <div class=\"etymology-text\">\n Spanish aristocrats had pale skin where blue veins were visible. Common people had darker, sun-tanned skin where veins weren’t visible. “Blue blood” = noble birth.\n <\/div>\n <\/div>\n \n <div class=\"etymology-section\">\n <div class=\"etymology-title\">\ud83e\uddc2 “Salt of the Earth” Origin<\/div>\n <div class=\"etymology-text\">\n Biblical origin. Jesus called his disciples “salt of the earth” – essential, pure, valuable for preserving goodness in the world.\n <\/div>\n <\/div>\n \n <div class=\"etymology-section\">\n <div class=\"etymology-title\">\ud83c\udf19 “Once in a Blue Moon” Origin<\/div>\n <div class=\"etymology-text\">\n A “blue moon” is the second full moon in one calendar month. This happens only every 2-3 years, hence “very rarely.”\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"category-detail\" id=\"disputeDetail\">\n <div class=\"category-header\">\ud83e\udd4a Subject of Dispute<\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Bone of contention<\/div>\n <div class=\"idiom-malayalam\">\u0d24\u0d7c\u0d15\u0d4d\u0d15\u0d35\u0d3f\u0d37\u0d2f\u0d02 – A subject causing disagreement<\/div>\n <\/div>\n <div class=\"etymology-section\">\n <div class=\"etymology-title\">Usage in Arjun’s Story:<\/div>\n <div class=\"etymology-text\">“The financial shortage was the bone of contention that transformed peaceful nights into battlegrounds of anxiety.”<\/div>\n <\/div>\n <\/div>\n \n <div class=\"category-detail\" id=\"worthlessDetail\">\n <div class=\"category-header\">\ud83d\udcb8 Quite Worthless<\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">A dime a dozen<\/div>\n <div class=\"idiom-malayalam\">\u0d35\u0d3f\u0d32\u0d2f\u0d3f\u0d32\u0d4d\u0d32\u09be\u0d24\u0d4d\u0d24\u0d24\u0d4d – Very common, therefore cheap<\/div>\n <\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Good for nothing<\/div>\n <div class=\"idiom-malayalam\">\u0d12\u0d28\u0d4d\u0d28\u0d3f\u0d28\u0d41\u0d02 \u0d15\u0d4a\u0d33\u0d4d\u0d33\u0d3e\u0d24\u0d4d\u0d24 – Completely useless<\/div>\n <\/div>\n <\/div>\n \n <div class=\"category-detail\" id=\"nobleDetail\">\n <div class=\"category-header\">\ud83d\udc51 Noble Character<\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Salt of the earth<\/div>\n <div class=\"idiom-malayalam\">\u0d2e\u0d3e\u0d28\u0d4d\u0d2f\u0d28\u0d3e\u0d2f \u0d35\u0d4d\u0d2f\u0d15\u0d4d\u0d24\u0d3f – Honest, reliable person<\/div>\n <\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Blue blood<\/div>\n <div class=\"idiom-malayalam\">\u0d15\u0d41\u0d32\u0d40\u0d28\u0d1c\u0d3e\u0d24\u0d3f – Of aristocratic birth<\/div>\n <\/div>\n <\/div>\n \n <div class=\"category-detail\" id=\"rareDetail\">\n <div class=\"category-header\">\ud83c\udf19 Very Rarely<\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Once in a blue moon<\/div>\n <div class=\"idiom-malayalam\">\u0d35\u0d33\u0d30\u0d46 \u0d05\u0d2a\u0d42\u0d7c\u0d35\u0d4d\u0d35\u0d2e\u0d3e\u0d2f\u0d3f – Very seldom<\/div>\n <\/div>\n <\/div>\n \n <div class=\"category-detail\" id=\"groupsDetail\">\n <div class=\"category-header\">\ud83d\udc3e Animal Groups<\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Pack<\/div>\n <div class=\"idiom-malayalam\">\u0d1a\u0d46\u0d28\u0d4d\u0d28\u0d3e\u0d2f\u0d4d\u0d15\u0d4d\u0d15\u0d33\u0d41\u0d1f\u0d46 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d02 – wolves, hunting dogs<\/div>\n <\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Pride<\/div>\n <div class=\"idiom-malayalam\">\u0d38\u0d3f\u0d02\u0d39\u0d19\u0d4d\u0d19\u0d33\u0d41\u0d1f\u0d46 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d02 – lions<\/div>\n <\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Flock<\/div>\n <div class=\"idiom-malayalam\">\u0d12\u0d30\u0d41 \u0d2a\u0d31\u0d4d\u0d31\u0d02 \u0d2a\u0d15\u0d4d\u0d37\u0d3f\u0d15\u0d7e – birds, sheep<\/div>\n <\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Herd<\/div>\n <div class=\"idiom-malayalam\">\u0d06\u0d28\u0d15\u0d33\u0d41\u0d1f\u0d46 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d02 – elephants, cattle<\/div>\n <\/div>\n <\/div>\n \n <div class=\"category-detail\" id=\"synonymsDetail\">\n <div class=\"category-header\">\ud83d\udcdd Important Words<\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Deficit \u2194 Surplus<\/div>\n <div class=\"idiom-malayalam\">\u0d15\u0d2e\u0d4d\u0d2e\u0d3f \u2194 \u0d2e\u0d3f\u0d1a\u0d4d\u0d1a\u0d02<\/div>\n <\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Shortage \u2194 Abundance<\/div>\n <div class=\"idiom-malayalam\">\u0d15\u0d4d\u0d37\u0d3e\u0d2e\u0d02 \u2194 \u0d38\u0d2e\u0d43\u0d26\u0d4d\u0d27\u0d3f<\/div>\n <\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Proper \u2192 Propriety<\/div>\n <div class=\"idiom-malayalam\">\u0d36\u0d30\u0d3f\u0d2f\u0d3e\u0d2f \u2192 \u0d14\u0d1a\u0d3f\u0d24\u0d4d\u0d2f\u0d02<\/div>\n <\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Amendment = Modification<\/div>\n <div class=\"idiom-malayalam\">\u0d2d\u0d47\u0d26\u0d17\u0d24\u0d3f = \u0d2e\u0d3e\u0d31\u0d4d\u0d31\u0d02 \u0d35\u0d30\u0d41\u0d24\u0d4d\u0d24\u0d7d<\/div>\n <\/div>\n <\/div>\n \n <div class=\"completion-celebration\" id=\"completionCelebration\">\n <div class=\"celebration-emoji\">\ud83c\udf89<\/div>\n <div class=\"category-header\">Congratulations!<\/div>\n <div class=\"etymology-text\">You’ve mastered the Kerala PSC Idiom Family Tree! Ready for the actual exam.<\/div>\n <div class=\"action-buttons\">\n <button class=\"btn btn-success\" onclick=\"restartAllModes()\">\ud83d\udd04 Start Again<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n let currentMode = 'learn';\n let selectedIdiomForBuild = null;\n let buildProgress = {};\n let practiceScore = 0;\n let practiceTotal = 0;\n let currentPracticeIndex = 0;\n \n const practiceQuestions = [\n {\n question: 'What does \"bone of contention\" mean?',\n options: [\n {text: 'Quite worthless', malayalam: '\u0d35\u0d33\u0d30\u0d46 \u0d35\u0d3f\u0d32\u0d2f\u0d3f\u0d32\u0d4d\u0d32\u0d3e\u0d24\u0d4d\u0d24\u0d24\u0d4d', correct: false},\n {text: 'Subject of dispute', malayalam: '\u0d24\u0d7c\u0d15\u0d4d\u0d15\u0d35\u0d3f\u0d37\u0d2f\u0d02', correct: true},\n {text: 'Man of nobility', malayalam: '\u0d2e\u0d3e\u0d28\u0d4d\u0d2f\u0d28\u0d3e\u0d2f \u0d35\u0d4d\u0d2f\u0d15\u0d4d\u0d24\u0d3f', correct: false},\n {text: 'Very rarely', malayalam: '\u0d35\u0d33\u0d30\u0d46 \u0d05\u0d2a\u0d42\u0d7c\u0d35\u0d4d\u0d35\u0d2e\u0d3e\u0d2f\u0d3f', correct: false}\n ]\n },\n {\n question: 'Which idiom means \"very rarely\"?',\n options: [\n {text: 'Once in a blue moon', malayalam: '\u0d35\u0d33\u0d30\u0d46 \u0d05\u0d2a\u0d42\u0d7c\u0d35\u0d4d\u0d35\u0d2e\u0d3e\u0d2f\u0d3f', correct: true},\n {text: 'Salt of the earth', malayalam: '\u0d2e\u0d3e\u0d28\u0d4d\u0d2f\u0d28\u0d3e\u0d2f \u0d35\u0d4d\u0d2f\u0d15\u0d4d\u0d24\u0d3f', correct: false},\n {text: 'A dime a dozen', malayalam: '\u0d35\u0d3f\u0d32\u0d2f\u0d3f\u0d32\u0d4d\u0d32\u0d3e\u0d24\u0d4d\u0d24\u0d24\u0d4d', correct: false},\n {text: 'Good for nothing', malayalam: '\u0d12\u0d28\u0d4d\u0d28\u0d3f\u0d28\u0d41\u0d02 \u0d15\u0d4a\u0d33\u0d4d\u0d33\u0d3e\u0d24\u0d4d\u0d24', correct: false}\n ]\n },\n {\n question: 'What is a group of wolves called?',\n options: [\n {text: 'Herd', malayalam: '\u0d06\u0d28\u0d15\u0d33\u0d41\u0d1f\u0d46 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d02', correct: false},\n {text: 'Flock', malayalam: '\u0d12\u0d30\u0d41 \u0d2a\u0d31\u0d4d\u0d31\u0d02 \u0d2a\u0d15\u0d4d\u0d37\u0d3f\u0d15\u0d7e', correct: false},\n {text: 'Pack', malayalam: '\u0d1a\u0d46\u0d28\u0d4d\u0d28\u0d3e\u0d2f\u0d4d\u0d15\u0d4d\u0d15\u0d33\u0d41\u0d1f\u0d46 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d02', correct: true},\n {text: 'Pride', malayalam: '\u0d38\u0d3f\u0d02\u0d39\u0d19\u0d4d\u0d19\u0d33\u0d41\u0d1f\u0d46 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d02', correct: false}\n ]\n },\n {\n question: '\"Salt of the earth\" refers to:',\n options: [\n {text: 'Very rarely', malayalam: '\u0d35\u0d33\u0d30\u0d46 \u0d05\u0d2a\u0d42\u0d7c\u0d35\u0d4d\u0d35\u0d2e\u0d3e\u0d2f\u0d3f', correct: false},\n {text: 'Noble character', malayalam: '\u0d2e\u0d3e\u0d28\u0d4d\u0d2f\u0d28\u0d3e\u0d2f \u0d35\u0d4d\u0d2f\u0d15\u0d4d\u0d24\u0d3f', correct: true},\n {text: 'Subject of dispute', malayalam: '\u0d24\u0d7c\u0d15\u0d4d\u0d15\u0d35\u0d3f\u0d37\u0d2f\u0d02', correct: false},\n {text: 'Quite worthless', malayalam: '\u0d35\u0d3f\u0d32\u0d2f\u0d3f\u0d32\u0d4d\u0d32\u0d3e\u0d24\u0d4d\u0d24\u0d24\u0d4d', correct: false}\n ]\n }\n ];\n \n function switchMode(mode) {\n \/\/ Update mode buttons\n document.querySelectorAll('.mode-btn').forEach(btn => btn.classList.remove('active'));\n event.target.classList.add('active');\n \n \/\/ Hide all containers and details\n document.querySelectorAll('.tree-container').forEach(container => {\n container.classList.remove('active');\n });\n document.querySelectorAll('.category-detail').forEach(detail => {\n detail.classList.remove('active');\n });\n \n \/\/ Show selected mode\n currentMode = mode;\n document.getElementById(mode + 'Mode').classList.add('active');\n \n if (mode === 'practice') {\n loadPracticeQuestion();\n } else if (mode === 'build') {\n resetBuildMode();\n }\n \n updateProgress();\n }\n \n function showCategory(category) {\n \/\/ Hide learn mode, show category detail\n document.getElementById('learnMode').classList.remove('active');\n document.querySelectorAll('.category-detail').forEach(detail => {\n detail.classList.remove('active');\n });\n \n document.getElementById(category + 'Detail').classList.add('active');\n \n \/\/ Mark branch as completed\n event.target.classList.add('completed');\n updateProgress();\n }\n \n \/\/ Build Mode Functions\n function selectIdiomForBuild(card) {\n if (card.classList.contains('placed')) return;\n \n \/\/ Clear previous selections\n document.querySelectorAll('.idiom-card').forEach(c => c.classList.remove('selected'));\n document.querySelectorAll('.category-zone').forEach(z => z.classList.remove('highlighted'));\n \n \/\/ Select current card\n card.classList.add('selected');\n selectedIdiomForBuild = card;\n \n \/\/ Highlight appropriate zones\n document.querySelectorAll('.category-zone').forEach(zone => {\n zone.classList.add('highlighted');\n });\n \n showBuildFeedback('Now tap the correct category zone!', 'info');\n }\n \n function placeIdiomInCategory(category) {\n if (!selectedIdiomForBuild) {\n showBuildFeedback('Please select an idiom first!', 'error');\n return;\n }\n \n const idiomCategory = selectedIdiomForBuild.dataset.category;\n const zone = document.querySelector(`[data-category=\"${category}\"]`);\n \n if (category === idiomCategory) {\n \/\/ Correct placement\n selectedIdiomForBuild.classList.add('correct', 'placed');\n zone.classList.add('filled');\n \n \/\/ Add idiom to zone\n const placedIdiom = document.createElement('div');\n placedIdiom.className = 'placed-idiom';\n placedIdiom.innerHTML = `\n <div class=\"idiom-english\">${selectedIdiomForBuild.querySelector('.idiom-english').textContent}<\/div>\n <div class=\"idiom-malayalam\">${selectedIdiomForBuild.querySelector('.idiom-malayalam').textContent}<\/div>\n `;\n zone.appendChild(placedIdiom);\n \n buildProgress[category] = (buildProgress[category] || 0) + 1;\n showBuildFeedback('\u2705 Correct! Well done!', 'success');\n \n \/\/ Check if all idioms are placed\n const totalIdioms = document.querySelectorAll('#idiomPool .idiom-card').length;\n const placedIdioms = document.querySelectorAll('.idiom-card.placed').length;\n \n if (placedIdioms === totalIdioms) {\n document.getElementById('checkBtn').disabled = false;\n }\n \n } else {\n \/\/ Wrong placement\n selectedIdiomForBuild.classList.add('wrong');\n showBuildFeedback(`\u274c Wrong! \"${selectedIdiomForBuild.querySelector('.idiom-english').textContent}\" belongs to a different category.`, 'error');\n \n \/\/ Reset after 2 seconds\n setTimeout(() => {\n selectedIdiomForBuild.classList.remove('wrong');\n }, 2000);\n }\n \n \/\/ Clear selection\n selectedIdiomForBuild.classList.remove('selected');\n selectedIdiomForBuild = null;\n document.querySelectorAll('.category-zone').forEach(z => z.classList.remove('highlighted'));\n \n updateProgress();\n }\n \n function resetBuildMode() {\n \/\/ Reset all idiom cards\n document.querySelectorAll('#idiomPool .idiom-card').forEach(card => {\n card.classList.remove('selected', 'correct', 'wrong', 'placed');\n });\n \n \/\/ Reset all zones\n document.querySelectorAll('.category-zone').forEach(zone => {\n zone.classList.remove('highlighted', 'filled');\n \/\/ Remove placed idioms\n const placedIdioms = zone.querySelectorAll('.placed-idiom');\n placedIdioms.forEach(idiom => idiom.remove());\n });\n \n selectedIdiomForBuild = null;\n buildProgress = {};\n document.getElementById('checkBtn').disabled = true;\n hideBuildFeedback();\n updateProgress();\n }\n \n function checkBuildAnswers() {\n const totalIdioms = document.querySelectorAll('#idiomPool .idiom-card').length;\n const correctPlacements = document.querySelectorAll('.idiom-card.correct').length;\n \n if (correctPlacements === totalIdioms) {\n showCompletion();\n } else {\n showBuildFeedback(`You got ${correctPlacements}\/${totalIdioms} correct. Keep trying!`, 'info');\n }\n }\n \n function showBuildFeedback(message, type) {\n const feedback = document.getElementById('buildFeedback');\n feedback.textContent = message;\n feedback.className = `feedback-message show ${type}`;\n }\n \n function hideBuildFeedback() {\n document.getElementById('buildFeedback').classList.remove('show');\n }\n \n \/\/ Practice Mode Functions\n function loadPracticeQuestion() {\n const question = practiceQuestions[currentPracticeIndex];\n document.getElementById('practiceQuestion').textContent = question.question;\n \n const optionsContainer = document.getElementById('practiceOptions');\n optionsContainer.innerHTML = '';\n \n question.options.forEach(option => {\n const card = document.createElement('div');\n card.className = 'idiom-card';\n card.onclick = () => answerPractice(card, option.correct);\n card.innerHTML = `\n <div class=\"idiom-english\">${option.text}<\/div>\n <div class=\"idiom-malayalam\">${option.malayalam}<\/div>\n `;\n optionsContainer.appendChild(card);\n });\n }\n \n function answerPractice(card, isCorrect) {\n \/\/ Disable all options\n document.querySelectorAll('#practiceOptions .idiom-card').forEach(c => {\n c.onclick = null;\n if (c === card) {\n c.classList.add(isCorrect ? 'correct' : 'wrong');\n }\n });\n \n \/\/ Show correct answer if wrong selection\n if (!isCorrect) {\n const correctCard = Array.from(document.querySelectorAll('#practiceOptions .idiom-card')).find(option => {\n const currentQ = practiceQuestions[currentPracticeIndex];\n return currentQ.options.some(opt => opt.correct && option.textContent.includes(opt.text));\n });\n if (correctCard) correctCard.classList.add('correct');\n }\n \n if (isCorrect) practiceScore++;\n practiceTotal++;\n \n document.getElementById('practiceScore').textContent = `${practiceScore}\/${practiceTotal}`;\n updateProgress();\n }\n \n function nextPracticeQuestion() {\n currentPracticeIndex = (currentPracticeIndex + 1) % practiceQuestions.length;\n loadPracticeQuestion();\n }\n \n function showCompletion() {\n document.getElementById('completionCelebration').classList.add('show');\n updateProgress(100);\n }\n \n function restartAllModes() {\n \/\/ Reset build mode\n resetBuildMode();\n \n \/\/ Reset practice mode\n practiceScore = 0;\n practiceTotal = 0;\n currentPracticeIndex = 0;\n document.getElementById('practiceScore').textContent = '0\/0';\n \n \/\/ Reset learn mode\n document.querySelectorAll('.branch').forEach(branch => {\n branch.classList.remove('completed');\n });\n \n \/\/ Hide completion\n document.getElementById('completionCelebration').classList.remove('show');\n \n \/\/ Switch to learn mode\n switchMode('learn');\n }\n \n function updateProgress(customValue) {\n let progress = 0;\n \n if (customValue !== undefined) {\n progress = customValue;\n } else {\n const completedBranches = document.querySelectorAll('.branch.completed').length;\n const totalBranches = document.querySelectorAll('.branch').length;\n const placedIdioms = document.querySelectorAll('.idiom-card.placed').length;\n const totalIdioms = document.querySelectorAll('#idiomPool .idiom-card').length;\n \n const learnProgress = (completedBranches \/ totalBranches) * 40;\n const buildProgress = (placedIdioms \/ totalIdioms) * 40;\n const practiceProgress = practiceTotal > 0 ? (practiceScore \/ practiceTotal) * 20 : 0;\n \n progress = learnProgress + buildProgress + practiceProgress;\n }\n \n document.getElementById('progressBar').style.width = Math.min(progress, 100) + '%';\n }\n \n \/\/ Initialize the app\n document.addEventListener('DOMContentLoaded', function() {\n loadPracticeQuestion();\n updateProgress();\n \n \/\/ Prevent scroll on touch for game elements\n document.querySelectorAll('.idiom-card, .branch, .btn, .category-zone').forEach(element => {\n element.addEventListener('touchstart', function(e) {\n this.style.transform = 'scale(0.95)';\n }, {passive: true});\n \n element.addEventListener('touchend', function(e) {\n setTimeout(() => {\n this.style.transform = '';\n }, 150);\n }, {passive: true});\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Kerala PSC Idiom Family Tree \ud83c\udf33 Idiom Family Tree Master Kerala PSC Idioms \ud83c\udf31Learn \ud83c\udfd7\ufe0fBuild \u26a1Practice \ud83d\udd0dExplore PSC IdiomsMaster Tree \ud83e\udd4a Dispute 1 idiom \ud83d\udcb8 Worthless 2 idioms \ud83d\udc51 Noble 2 idioms \ud83c\udf19 Rare 1 idiom \ud83d\udc3e Groups 4 terms \ud83d\udcdd Words 15+ terms \ud83c\udfaf Instructions: Tap an idiom, then tap the correct category to […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","om_disable_all_campaigns":false,"_uag_custom_page_level_css":"","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2447","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"ocean-thumb-m":false,"ocean-thumb-ml":false,"ocean-thumb-l":false},"uagb_author_info":{"display_name":"raghumadambath","author_link":"https:\/\/windowedu.in\/blog\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Kerala PSC Idiom Family Tree \ud83c\udf33 Idiom Family Tree Master Kerala PSC Idioms \ud83c\udf31Learn \ud83c\udfd7\ufe0fBuild \u26a1Practice \ud83d\udd0dExplore PSC IdiomsMaster Tree \ud83e\udd4a Dispute 1 idiom \ud83d\udcb8 Worthless 2 idioms \ud83d\udc51 Noble 2 idioms \ud83c\udf19 Rare 1 idiom \ud83d\udc3e Groups 4 terms \ud83d\udcdd Words 15+ terms \ud83c\udfaf Instructions: Tap an idiom, then tap the correct category to…","_links":{"self":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2447"}],"version-history":[{"count":2,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2447\/revisions"}],"predecessor-version":[{"id":2449,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2447\/revisions\/2449"}],"wp:attachment":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2447"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2447"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2447,"date":"2025-07-16T00:55:23","date_gmt":"2025-07-15T20:55:23","guid":{"rendered":"https:\/\/windowedu.in\/blog\/?p=2447"},"modified":"2025-07-16T01:02:30","modified_gmt":"2025-07-15T21:02:30","slug":"vocabulary-1-2","status":"publish","type":"post","link":"https:\/\/windowedu.in\/blog\/?p=2447","title":{"rendered":"Vocabulary 1"},"content":{"rendered":"\n\n\n\n \n \n Kerala PSC Idiom Family Tree<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n user-select: none;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: 5px;\n color: #333;\n overflow-x: hidden;\n }\n \n .container {\n width: 100%;\n max-width: 390px;\n margin: 0 auto;\n background: white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n }\n \n .header {\n background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);\n color: white;\n padding: 15px;\n text-align: center;\n }\n \n .header h1 {\n font-size: 1.2em;\n margin-bottom: 5px;\n }\n \n .header p {\n opacity: 0.9;\n font-size: 0.8em;\n }\n \n .progress-container {\n background: rgba(255,255,255,0.2);\n height: 6px;\n border-radius: 3px;\n margin-top: 10px;\n overflow: hidden;\n }\n \n .progress-bar {\n background: #f39c12;\n height: 100%;\n width: 0%;\n transition: width 0.5s ease;\n border-radius: 3px;\n }\n \n .mode-selector {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr 1fr;\n background: #ecf0f1;\n }\n \n .mode-btn {\n padding: 15px 5px;\n background: transparent;\n border: none;\n cursor: pointer;\n font-size: 0.7em;\n transition: all 0.3s ease;\n text-align: center;\n min-height: 50px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n \n .mode-btn.active {\n background: #3498db;\n color: white;\n }\n \n .mode-btn:active {\n transform: scale(0.95);\n }\n \n .game-area {\n padding: 10px;\n min-height: 450px;\n }\n \n .tree-container {\n display: none;\n }\n \n .tree-container.active {\n display: block;\n }\n \n .tree-crown {\n width: 100px;\n height: 100px;\n background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);\n border-radius: 50%;\n margin: 10px auto;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n }\n \n .tree-title {\n color: white;\n font-weight: bold;\n font-size: 0.7em;\n text-align: center;\n line-height: 1.2;\n }\n \n .tree-trunk {\n width: 30px;\n height: 40px;\n background: linear-gradient(180deg, #8b4513 0%, #654321 100%);\n margin: 0 auto;\n border-radius: 0 0 15px 15px;\n }\n \n .category-branches {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 8px;\n margin: 15px 0;\n }\n \n .branch {\n background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);\n padding: 12px 8px;\n border-radius: 10px;\n text-align: center;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 3px 8px rgba(0,0,0,0.1);\n min-height: 70px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n \n .branch:active {\n transform: scale(0.95);\n }\n \n .branch.completed {\n background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);\n }\n \n .branch-title {\n font-weight: bold;\n color: white;\n font-size: 0.75em;\n margin-bottom: 3px;\n }\n \n .branch-count {\n color: rgba(255,255,255,0.9);\n font-size: 0.65em;\n }\n \n \/* Build Mode Styles *\/\n .build-instructions {\n background: #e8f4f8;\n padding: 10px;\n border-radius: 8px;\n margin-bottom: 15px;\n text-align: center;\n font-size: 0.8em;\n color: #2c3e50;\n }\n \n .idiom-pool {\n background: #f8f9fa;\n border-radius: 10px;\n padding: 10px;\n margin: 10px 0;\n }\n \n .pool-title {\n font-weight: bold;\n margin-bottom: 10px;\n color: #2c3e50;\n font-size: 0.8em;\n text-align: center;\n }\n \n .idiom-cards {\n display: grid;\n grid-template-columns: 1fr;\n gap: 8px;\n }\n \n .idiom-card {\n background: white;\n padding: 12px;\n border-radius: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.1);\n cursor: pointer;\n transition: all 0.3s ease;\n border: 3px solid transparent;\n min-height: 60px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n \n .idiom-card:active {\n transform: scale(0.97);\n }\n \n .idiom-card.selected {\n border-color: #3498db;\n background: #e3f2fd;\n box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);\n }\n \n .idiom-card.correct {\n border-color: #27ae60;\n background: #d5f4e6;\n }\n \n .idiom-card.wrong {\n border-color: #e74c3c;\n background: #ffeaea;\n }\n \n .idiom-card.placed {\n opacity: 0.5;\n transform: scale(0.95);\n }\n \n .idiom-english {\n font-weight: bold;\n color: #2c3e50;\n font-size: 0.85em;\n margin-bottom: 2px;\n }\n \n .idiom-malayalam {\n color: #e74c3c;\n font-size: 0.75em;\n }\n \n .category-zones {\n margin: 15px 0;\n }\n \n .category-zone {\n background: #ecf0f1;\n border: 2px dashed #bdc3c7;\n border-radius: 8px;\n padding: 15px;\n margin: 8px 0;\n text-align: center;\n cursor: pointer;\n transition: all 0.3s ease;\n min-height: 80px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n \n .category-zone:active {\n transform: scale(0.98);\n }\n \n .category-zone.highlighted {\n border-color: #3498db;\n background: #e3f2fd;\n }\n \n .category-zone.filled {\n border-color: #27ae60;\n background: #d5f4e6;\n }\n \n .zone-title {\n font-weight: bold;\n color: #2c3e50;\n font-size: 0.8em;\n margin-bottom: 5px;\n }\n \n .zone-content {\n font-size: 0.7em;\n color: #7f8c8d;\n }\n \n .placed-idiom {\n background: white;\n padding: 8px;\n border-radius: 6px;\n margin-top: 5px;\n border: 1px solid #27ae60;\n }\n \n .action-buttons {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 10px;\n margin: 15px 0;\n }\n \n .btn {\n padding: 12px;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n font-weight: bold;\n transition: all 0.3s ease;\n font-size: 0.8em;\n min-height: 45px;\n }\n \n .btn:active {\n transform: scale(0.95);\n }\n \n .btn-primary {\n background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);\n color: white;\n }\n \n .btn-success {\n background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);\n color: white;\n }\n \n .btn-warning {\n background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);\n color: white;\n }\n \n .btn:disabled {\n background: #bdc3c7;\n cursor: not-allowed;\n transform: none;\n }\n \n .score-display {\n background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);\n color: white;\n padding: 15px;\n border-radius: 10px;\n text-align: center;\n margin: 10px 0;\n }\n \n .score-number {\n font-size: 1.3em;\n font-weight: bold;\n margin-bottom: 5px;\n }\n \n .feedback-message {\n background: #fff3cd;\n border: 1px solid #ffeaa7;\n padding: 10px;\n border-radius: 8px;\n margin: 10px 0;\n font-size: 0.8em;\n text-align: center;\n display: none;\n }\n \n .feedback-message.show {\n display: block;\n animation: slideIn 0.3s ease;\n }\n \n .feedback-message.success {\n background: #d5f4e6;\n border-color: #27ae60;\n color: #27ae60;\n }\n \n .feedback-message.error {\n background: #ffeaea;\n border-color: #e74c3c;\n color: #e74c3c;\n }\n \n @keyframes slideIn {\n from { opacity: 0; transform: translateY(-10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .category-detail {\n background: white;\n border-radius: 10px;\n padding: 15px;\n margin: 10px 0;\n box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n display: none;\n }\n \n .category-detail.active {\n display: block;\n animation: slideIn 0.3s ease;\n }\n \n .category-header {\n color: #2c3e50;\n font-weight: bold;\n margin-bottom: 10px;\n font-size: 0.9em;\n text-align: center;\n }\n \n .etymology-section {\n background: #e8f4f8;\n border-radius: 8px;\n padding: 10px;\n margin: 8px 0;\n border-left: 3px solid #3498db;\n }\n \n .etymology-title {\n font-weight: bold;\n color: #2c3e50;\n margin-bottom: 5px;\n font-size: 0.8em;\n }\n \n .etymology-text {\n font-size: 0.75em;\n line-height: 1.4;\n color: #555;\n }\n \n .completion-celebration {\n text-align: center;\n padding: 20px;\n display: none;\n }\n \n .completion-celebration.show {\n display: block;\n animation: bounceIn 0.5s ease;\n }\n \n .celebration-emoji {\n font-size: 2.5em;\n margin-bottom: 10px;\n }\n \n @keyframes bounceIn {\n 0% { transform: scale(0.3); opacity: 0; }\n 50% { transform: scale(1.05); }\n 70% { transform: scale(0.9); }\n 100% { transform: scale(1); opacity: 1; }\n }\n \n \/* Ensure single column on mobile *\/\n @media (max-width: 480px) {\n .container {\n margin: 0;\n border-radius: 0;\n min-height: 100vh;\n }\n \n .category-branches {\n grid-template-columns: 1fr;\n gap: 6px;\n }\n \n .mode-selector {\n grid-template-columns: 1fr 1fr;\n }\n \n .mode-btn {\n font-size: 0.65em;\n padding: 12px 3px;\n }\n }\n \n \/* Larger screens *\/\n @media (min-width: 768px) {\n .container {\n max-width: 500px;\n }\n \n .category-branches {\n grid-template-columns: 1fr 1fr 1fr;\n }\n \n .idiom-cards {\n grid-template-columns: 1fr 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>\ud83c\udf33 Idiom Family Tree<\/h1>\n <p>Master Kerala PSC Idioms<\/p>\n <div class=\"progress-container\">\n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n <\/div>\n <\/div>\n \n <div class=\"mode-selector\">\n <button class=\"mode-btn active\" onclick=\"switchMode('learn')\">\n \ud83c\udf31<br>Learn\n <\/button>\n <button class=\"mode-btn\" onclick=\"switchMode('build')\">\n \ud83c\udfd7\ufe0f<br>Build\n <\/button>\n <button class=\"mode-btn\" onclick=\"switchMode('practice')\">\n \u26a1<br>Practice\n <\/button>\n <button class=\"mode-btn\" onclick=\"switchMode('explore')\">\n \ud83d\udd0d<br>Explore\n <\/button>\n <\/div>\n \n <div class=\"game-area\">\n \n <div class=\"tree-container active\" id=\"learnMode\">\n <div class=\"tree-crown\">\n <div class=\"tree-title\">PSC Idioms<br>Master Tree<\/div>\n <\/div>\n <div class=\"tree-trunk\"><\/div>\n \n <div class=\"category-branches\">\n <div class=\"branch\" onclick=\"showCategory('dispute')\">\n <div class=\"branch-title\">\ud83e\udd4a Dispute<\/div>\n <div class=\"branch-count\">1 idiom<\/div>\n <\/div>\n <div class=\"branch\" onclick=\"showCategory('worthless')\">\n <div class=\"branch-title\">\ud83d\udcb8 Worthless<\/div>\n <div class=\"branch-count\">2 idioms<\/div>\n <\/div>\n <div class=\"branch\" onclick=\"showCategory('noble')\">\n <div class=\"branch-title\">\ud83d\udc51 Noble<\/div>\n <div class=\"branch-count\">2 idioms<\/div>\n <\/div>\n <div class=\"branch\" onclick=\"showCategory('rare')\">\n <div class=\"branch-title\">\ud83c\udf19 Rare<\/div>\n <div class=\"branch-count\">1 idiom<\/div>\n <\/div>\n <div class=\"branch\" onclick=\"showCategory('groups')\">\n <div class=\"branch-title\">\ud83d\udc3e Groups<\/div>\n <div class=\"branch-count\">4 terms<\/div>\n <\/div>\n <div class=\"branch\" onclick=\"showCategory('synonyms')\">\n <div class=\"branch-title\">\ud83d\udcdd Words<\/div>\n <div class=\"branch-count\">15+ terms<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"tree-container\" id=\"buildMode\">\n <div class=\"build-instructions\">\n \ud83c\udfaf <strong>Instructions:<\/strong> Tap an idiom, then tap the correct category to place it!\n <\/div>\n \n <div class=\"idiom-pool\">\n <div class=\"pool-title\">\ud83d\udcda Available Idioms<\/div>\n <div class=\"idiom-cards\" id=\"idiomPool\">\n <div class=\"idiom-card\" data-category=\"dispute\" onclick=\"selectIdiomForBuild(this)\">\n <div class=\"idiom-english\">Bone of contention<\/div>\n <div class=\"idiom-malayalam\">\u0d24\u0d7c\u0d15\u0d4d\u0d15\u0d35\u0d3f\u0d37\u0d2f\u0d02<\/div>\n <\/div>\n <div class=\"idiom-card\" data-category=\"worthless\" onclick=\"selectIdiomForBuild(this)\">\n <div class=\"idiom-english\">A dime a dozen<\/div>\n <div class=\"idiom-malayalam\">\u0d35\u0d3f\u0d32\u0d2f\u0d3f\u0d32\u0d4d\u0d32\u0d3e\u0d24\u0d4d\u0d24\u0d24\u0d4d<\/div>\n <\/div>\n <div class=\"idiom-card\" data-category=\"worthless\" onclick=\"selectIdiomForBuild(this)\">\n <div class=\"idiom-english\">Good for nothing<\/div>\n <div class=\"idiom-malayalam\">\u0d12\u0d28\u0d4d\u0d28\u0d3f\u0d28\u0d41\u0d02 \u0d15\u0d4a\u0d33\u0d4d\u0d33\u0d3e\u0d24\u0d4d\u0d24<\/div>\n <\/div>\n <div class=\"idiom-card\" data-category=\"noble\" onclick=\"selectIdiomForBuild(this)\">\n <div class=\"idiom-english\">Salt of the earth<\/div>\n <div class=\"idiom-malayalam\">\u0d2e\u0d3e\u0d28\u0d4d\u0d2f\u0d28\u0d3e\u0d2f \u0d35\u0d4d\u0d2f\u0d15\u0d4d\u0d24\u0d3f<\/div>\n <\/div>\n <div class=\"idiom-card\" data-category=\"noble\" onclick=\"selectIdiomForBuild(this)\">\n <div class=\"idiom-english\">Blue blood<\/div>\n <div class=\"idiom-malayalam\">\u0d15\u0d41\u0d32\u0d40\u0d28\u0d1c\u0d3e\u0d24\u0d3f<\/div>\n <\/div>\n <div class=\"idiom-card\" data-category=\"rare\" onclick=\"selectIdiomForBuild(this)\">\n <div class=\"idiom-english\">Once in a blue moon<\/div>\n <div class=\"idiom-malayalam\">\u0d35\u0d33\u0d30\u0d46 \u0d05\u0d2a\u0d42\u0d7c\u0d35\u0d4d\u0d35\u0d2e\u0d3e\u0d2f\u0d3f<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"category-zones\">\n <div class=\"pool-title\">\ud83c\udfaf Category Zones<\/div>\n \n <div class=\"category-zone\" data-category=\"dispute\" onclick=\"placeIdiomInCategory('dispute')\">\n <div class=\"zone-title\">\ud83e\udd4a Subject of Dispute<\/div>\n <div class=\"zone-content\">Issues that cause arguments<\/div>\n <\/div>\n \n <div class=\"category-zone\" data-category=\"worthless\" onclick=\"placeIdiomInCategory('worthless')\">\n <div class=\"zone-title\">\ud83d\udcb8 Quite Worthless<\/div>\n <div class=\"zone-content\">Things with little value<\/div>\n <\/div>\n \n <div class=\"category-zone\" data-category=\"noble\" onclick=\"placeIdiomInCategory('noble')\">\n <div class=\"zone-title\">\ud83d\udc51 Noble Character<\/div>\n <div class=\"zone-content\">People with good qualities<\/div>\n <\/div>\n \n <div class=\"category-zone\" data-category=\"rare\" onclick=\"placeIdiomInCategory('rare')\">\n <div class=\"zone-title\">\ud83c\udf19 Very Rarely<\/div>\n <div class=\"zone-content\">Things that happen seldom<\/div>\n <\/div>\n <\/div>\n \n <div class=\"action-buttons\">\n <button class=\"btn btn-warning\" onclick=\"resetBuildMode()\">\ud83d\udd04 Reset<\/button>\n <button class=\"btn btn-success\" onclick=\"checkBuildAnswers()\" id=\"checkBtn\" disabled>\u2705 Check<\/button>\n <\/div>\n \n <div class=\"feedback-message\" id=\"buildFeedback\"><\/div>\n <\/div>\n \n \n <div class=\"tree-container\" id=\"practiceMode\">\n <div class=\"score-display\">\n <div class=\"score-number\" id=\"practiceScore\">0\/0<\/div>\n <div>Quick Practice Score<\/div>\n <\/div>\n \n <div class=\"category-detail active\">\n <div class=\"category-header\" id=\"practiceQuestion\">\n What does “bone of contention” mean?\n <\/div>\n \n <div class=\"idiom-cards\" id=\"practiceOptions\">\n \n <\/div>\n \n <div class=\"action-buttons\">\n <button class=\"btn btn-primary\" onclick=\"nextPracticeQuestion()\">\u27a1\ufe0f Next<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"tree-container\" id=\"exploreMode\">\n <div class=\"pool-title\">\ud83d\udd0d Etymology & Origins<\/div>\n \n <div class=\"etymology-section\">\n <div class=\"etymology-title\">\ud83e\uddb4 “Bone of Contention” Origin<\/div>\n <div class=\"etymology-text\">\n Comes from two dogs fighting over a single bone. The bone becomes the subject of their dispute. Remove the bone, fight stops. In human conflicts, the “bone of contention” is the issue causing disagreement.\n <\/div>\n <\/div>\n \n <div class=\"etymology-section\">\n <div class=\"etymology-title\">\ud83d\udcb0 “A Dime a Dozen” Origin<\/div>\n <div class=\"etymology-text\">\n American expression: a dime (10 cents) could buy a dozen (12) of something cheap. If 12 items cost only 10 cents, each item is practically worthless.\n <\/div>\n <\/div>\n \n <div class=\"etymology-section\">\n <div class=\"etymology-title\">\ud83e\ude78 “Blue Blood” Origin<\/div>\n <div class=\"etymology-text\">\n Spanish aristocrats had pale skin where blue veins were visible. Common people had darker, sun-tanned skin where veins weren’t visible. “Blue blood” = noble birth.\n <\/div>\n <\/div>\n \n <div class=\"etymology-section\">\n <div class=\"etymology-title\">\ud83e\uddc2 “Salt of the Earth” Origin<\/div>\n <div class=\"etymology-text\">\n Biblical origin. Jesus called his disciples “salt of the earth” – essential, pure, valuable for preserving goodness in the world.\n <\/div>\n <\/div>\n \n <div class=\"etymology-section\">\n <div class=\"etymology-title\">\ud83c\udf19 “Once in a Blue Moon” Origin<\/div>\n <div class=\"etymology-text\">\n A “blue moon” is the second full moon in one calendar month. This happens only every 2-3 years, hence “very rarely.”\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"category-detail\" id=\"disputeDetail\">\n <div class=\"category-header\">\ud83e\udd4a Subject of Dispute<\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Bone of contention<\/div>\n <div class=\"idiom-malayalam\">\u0d24\u0d7c\u0d15\u0d4d\u0d15\u0d35\u0d3f\u0d37\u0d2f\u0d02 – A subject causing disagreement<\/div>\n <\/div>\n <div class=\"etymology-section\">\n <div class=\"etymology-title\">Usage in Arjun’s Story:<\/div>\n <div class=\"etymology-text\">“The financial shortage was the bone of contention that transformed peaceful nights into battlegrounds of anxiety.”<\/div>\n <\/div>\n <\/div>\n \n <div class=\"category-detail\" id=\"worthlessDetail\">\n <div class=\"category-header\">\ud83d\udcb8 Quite Worthless<\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">A dime a dozen<\/div>\n <div class=\"idiom-malayalam\">\u0d35\u0d3f\u0d32\u0d2f\u0d3f\u0d32\u0d4d\u0d32\u09be\u0d24\u0d4d\u0d24\u0d24\u0d4d – Very common, therefore cheap<\/div>\n <\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Good for nothing<\/div>\n <div class=\"idiom-malayalam\">\u0d12\u0d28\u0d4d\u0d28\u0d3f\u0d28\u0d41\u0d02 \u0d15\u0d4a\u0d33\u0d4d\u0d33\u0d3e\u0d24\u0d4d\u0d24 – Completely useless<\/div>\n <\/div>\n <\/div>\n \n <div class=\"category-detail\" id=\"nobleDetail\">\n <div class=\"category-header\">\ud83d\udc51 Noble Character<\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Salt of the earth<\/div>\n <div class=\"idiom-malayalam\">\u0d2e\u0d3e\u0d28\u0d4d\u0d2f\u0d28\u0d3e\u0d2f \u0d35\u0d4d\u0d2f\u0d15\u0d4d\u0d24\u0d3f – Honest, reliable person<\/div>\n <\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Blue blood<\/div>\n <div class=\"idiom-malayalam\">\u0d15\u0d41\u0d32\u0d40\u0d28\u0d1c\u0d3e\u0d24\u0d3f – Of aristocratic birth<\/div>\n <\/div>\n <\/div>\n \n <div class=\"category-detail\" id=\"rareDetail\">\n <div class=\"category-header\">\ud83c\udf19 Very Rarely<\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Once in a blue moon<\/div>\n <div class=\"idiom-malayalam\">\u0d35\u0d33\u0d30\u0d46 \u0d05\u0d2a\u0d42\u0d7c\u0d35\u0d4d\u0d35\u0d2e\u0d3e\u0d2f\u0d3f – Very seldom<\/div>\n <\/div>\n <\/div>\n \n <div class=\"category-detail\" id=\"groupsDetail\">\n <div class=\"category-header\">\ud83d\udc3e Animal Groups<\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Pack<\/div>\n <div class=\"idiom-malayalam\">\u0d1a\u0d46\u0d28\u0d4d\u0d28\u0d3e\u0d2f\u0d4d\u0d15\u0d4d\u0d15\u0d33\u0d41\u0d1f\u0d46 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d02 – wolves, hunting dogs<\/div>\n <\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Pride<\/div>\n <div class=\"idiom-malayalam\">\u0d38\u0d3f\u0d02\u0d39\u0d19\u0d4d\u0d19\u0d33\u0d41\u0d1f\u0d46 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d02 – lions<\/div>\n <\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Flock<\/div>\n <div class=\"idiom-malayalam\">\u0d12\u0d30\u0d41 \u0d2a\u0d31\u0d4d\u0d31\u0d02 \u0d2a\u0d15\u0d4d\u0d37\u0d3f\u0d15\u0d7e – birds, sheep<\/div>\n <\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Herd<\/div>\n <div class=\"idiom-malayalam\">\u0d06\u0d28\u0d15\u0d33\u0d41\u0d1f\u0d46 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d02 – elephants, cattle<\/div>\n <\/div>\n <\/div>\n \n <div class=\"category-detail\" id=\"synonymsDetail\">\n <div class=\"category-header\">\ud83d\udcdd Important Words<\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Deficit \u2194 Surplus<\/div>\n <div class=\"idiom-malayalam\">\u0d15\u0d2e\u0d4d\u0d2e\u0d3f \u2194 \u0d2e\u0d3f\u0d1a\u0d4d\u0d1a\u0d02<\/div>\n <\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Shortage \u2194 Abundance<\/div>\n <div class=\"idiom-malayalam\">\u0d15\u0d4d\u0d37\u0d3e\u0d2e\u0d02 \u2194 \u0d38\u0d2e\u0d43\u0d26\u0d4d\u0d27\u0d3f<\/div>\n <\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Proper \u2192 Propriety<\/div>\n <div class=\"idiom-malayalam\">\u0d36\u0d30\u0d3f\u0d2f\u0d3e\u0d2f \u2192 \u0d14\u0d1a\u0d3f\u0d24\u0d4d\u0d2f\u0d02<\/div>\n <\/div>\n <div class=\"idiom-card\">\n <div class=\"idiom-english\">Amendment = Modification<\/div>\n <div class=\"idiom-malayalam\">\u0d2d\u0d47\u0d26\u0d17\u0d24\u0d3f = \u0d2e\u0d3e\u0d31\u0d4d\u0d31\u0d02 \u0d35\u0d30\u0d41\u0d24\u0d4d\u0d24\u0d7d<\/div>\n <\/div>\n <\/div>\n \n <div class=\"completion-celebration\" id=\"completionCelebration\">\n <div class=\"celebration-emoji\">\ud83c\udf89<\/div>\n <div class=\"category-header\">Congratulations!<\/div>\n <div class=\"etymology-text\">You’ve mastered the Kerala PSC Idiom Family Tree! Ready for the actual exam.<\/div>\n <div class=\"action-buttons\">\n <button class=\"btn btn-success\" onclick=\"restartAllModes()\">\ud83d\udd04 Start Again<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n let currentMode = 'learn';\n let selectedIdiomForBuild = null;\n let buildProgress = {};\n let practiceScore = 0;\n let practiceTotal = 0;\n let currentPracticeIndex = 0;\n \n const practiceQuestions = [\n {\n question: 'What does \"bone of contention\" mean?',\n options: [\n {text: 'Quite worthless', malayalam: '\u0d35\u0d33\u0d30\u0d46 \u0d35\u0d3f\u0d32\u0d2f\u0d3f\u0d32\u0d4d\u0d32\u0d3e\u0d24\u0d4d\u0d24\u0d24\u0d4d', correct: false},\n {text: 'Subject of dispute', malayalam: '\u0d24\u0d7c\u0d15\u0d4d\u0d15\u0d35\u0d3f\u0d37\u0d2f\u0d02', correct: true},\n {text: 'Man of nobility', malayalam: '\u0d2e\u0d3e\u0d28\u0d4d\u0d2f\u0d28\u0d3e\u0d2f \u0d35\u0d4d\u0d2f\u0d15\u0d4d\u0d24\u0d3f', correct: false},\n {text: 'Very rarely', malayalam: '\u0d35\u0d33\u0d30\u0d46 \u0d05\u0d2a\u0d42\u0d7c\u0d35\u0d4d\u0d35\u0d2e\u0d3e\u0d2f\u0d3f', correct: false}\n ]\n },\n {\n question: 'Which idiom means \"very rarely\"?',\n options: [\n {text: 'Once in a blue moon', malayalam: '\u0d35\u0d33\u0d30\u0d46 \u0d05\u0d2a\u0d42\u0d7c\u0d35\u0d4d\u0d35\u0d2e\u0d3e\u0d2f\u0d3f', correct: true},\n {text: 'Salt of the earth', malayalam: '\u0d2e\u0d3e\u0d28\u0d4d\u0d2f\u0d28\u0d3e\u0d2f \u0d35\u0d4d\u0d2f\u0d15\u0d4d\u0d24\u0d3f', correct: false},\n {text: 'A dime a dozen', malayalam: '\u0d35\u0d3f\u0d32\u0d2f\u0d3f\u0d32\u0d4d\u0d32\u0d3e\u0d24\u0d4d\u0d24\u0d24\u0d4d', correct: false},\n {text: 'Good for nothing', malayalam: '\u0d12\u0d28\u0d4d\u0d28\u0d3f\u0d28\u0d41\u0d02 \u0d15\u0d4a\u0d33\u0d4d\u0d33\u0d3e\u0d24\u0d4d\u0d24', correct: false}\n ]\n },\n {\n question: 'What is a group of wolves called?',\n options: [\n {text: 'Herd', malayalam: '\u0d06\u0d28\u0d15\u0d33\u0d41\u0d1f\u0d46 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d02', correct: false},\n {text: 'Flock', malayalam: '\u0d12\u0d30\u0d41 \u0d2a\u0d31\u0d4d\u0d31\u0d02 \u0d2a\u0d15\u0d4d\u0d37\u0d3f\u0d15\u0d7e', correct: false},\n {text: 'Pack', malayalam: '\u0d1a\u0d46\u0d28\u0d4d\u0d28\u0d3e\u0d2f\u0d4d\u0d15\u0d4d\u0d15\u0d33\u0d41\u0d1f\u0d46 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d02', correct: true},\n {text: 'Pride', malayalam: '\u0d38\u0d3f\u0d02\u0d39\u0d19\u0d4d\u0d19\u0d33\u0d41\u0d1f\u0d46 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d02', correct: false}\n ]\n },\n {\n question: '\"Salt of the earth\" refers to:',\n options: [\n {text: 'Very rarely', malayalam: '\u0d35\u0d33\u0d30\u0d46 \u0d05\u0d2a\u0d42\u0d7c\u0d35\u0d4d\u0d35\u0d2e\u0d3e\u0d2f\u0d3f', correct: false},\n {text: 'Noble character', malayalam: '\u0d2e\u0d3e\u0d28\u0d4d\u0d2f\u0d28\u0d3e\u0d2f \u0d35\u0d4d\u0d2f\u0d15\u0d4d\u0d24\u0d3f', correct: true},\n {text: 'Subject of dispute', malayalam: '\u0d24\u0d7c\u0d15\u0d4d\u0d15\u0d35\u0d3f\u0d37\u0d2f\u0d02', correct: false},\n {text: 'Quite worthless', malayalam: '\u0d35\u0d3f\u0d32\u0d2f\u0d3f\u0d32\u0d4d\u0d32\u0d3e\u0d24\u0d4d\u0d24\u0d24\u0d4d', correct: false}\n ]\n }\n ];\n \n function switchMode(mode) {\n \/\/ Update mode buttons\n document.querySelectorAll('.mode-btn').forEach(btn => btn.classList.remove('active'));\n event.target.classList.add('active');\n \n \/\/ Hide all containers and details\n document.querySelectorAll('.tree-container').forEach(container => {\n container.classList.remove('active');\n });\n document.querySelectorAll('.category-detail').forEach(detail => {\n detail.classList.remove('active');\n });\n \n \/\/ Show selected mode\n currentMode = mode;\n document.getElementById(mode + 'Mode').classList.add('active');\n \n if (mode === 'practice') {\n loadPracticeQuestion();\n } else if (mode === 'build') {\n resetBuildMode();\n }\n \n updateProgress();\n }\n \n function showCategory(category) {\n \/\/ Hide learn mode, show category detail\n document.getElementById('learnMode').classList.remove('active');\n document.querySelectorAll('.category-detail').forEach(detail => {\n detail.classList.remove('active');\n });\n \n document.getElementById(category + 'Detail').classList.add('active');\n \n \/\/ Mark branch as completed\n event.target.classList.add('completed');\n updateProgress();\n }\n \n \/\/ Build Mode Functions\n function selectIdiomForBuild(card) {\n if (card.classList.contains('placed')) return;\n \n \/\/ Clear previous selections\n document.querySelectorAll('.idiom-card').forEach(c => c.classList.remove('selected'));\n document.querySelectorAll('.category-zone').forEach(z => z.classList.remove('highlighted'));\n \n \/\/ Select current card\n card.classList.add('selected');\n selectedIdiomForBuild = card;\n \n \/\/ Highlight appropriate zones\n document.querySelectorAll('.category-zone').forEach(zone => {\n zone.classList.add('highlighted');\n });\n \n showBuildFeedback('Now tap the correct category zone!', 'info');\n }\n \n function placeIdiomInCategory(category) {\n if (!selectedIdiomForBuild) {\n showBuildFeedback('Please select an idiom first!', 'error');\n return;\n }\n \n const idiomCategory = selectedIdiomForBuild.dataset.category;\n const zone = document.querySelector(`[data-category=\"${category}\"]`);\n \n if (category === idiomCategory) {\n \/\/ Correct placement\n selectedIdiomForBuild.classList.add('correct', 'placed');\n zone.classList.add('filled');\n \n \/\/ Add idiom to zone\n const placedIdiom = document.createElement('div');\n placedIdiom.className = 'placed-idiom';\n placedIdiom.innerHTML = `\n <div class=\"idiom-english\">${selectedIdiomForBuild.querySelector('.idiom-english').textContent}<\/div>\n <div class=\"idiom-malayalam\">${selectedIdiomForBuild.querySelector('.idiom-malayalam').textContent}<\/div>\n `;\n zone.appendChild(placedIdiom);\n \n buildProgress[category] = (buildProgress[category] || 0) + 1;\n showBuildFeedback('\u2705 Correct! Well done!', 'success');\n \n \/\/ Check if all idioms are placed\n const totalIdioms = document.querySelectorAll('#idiomPool .idiom-card').length;\n const placedIdioms = document.querySelectorAll('.idiom-card.placed').length;\n \n if (placedIdioms === totalIdioms) {\n document.getElementById('checkBtn').disabled = false;\n }\n \n } else {\n \/\/ Wrong placement\n selectedIdiomForBuild.classList.add('wrong');\n showBuildFeedback(`\u274c Wrong! \"${selectedIdiomForBuild.querySelector('.idiom-english').textContent}\" belongs to a different category.`, 'error');\n \n \/\/ Reset after 2 seconds\n setTimeout(() => {\n selectedIdiomForBuild.classList.remove('wrong');\n }, 2000);\n }\n \n \/\/ Clear selection\n selectedIdiomForBuild.classList.remove('selected');\n selectedIdiomForBuild = null;\n document.querySelectorAll('.category-zone').forEach(z => z.classList.remove('highlighted'));\n \n updateProgress();\n }\n \n function resetBuildMode() {\n \/\/ Reset all idiom cards\n document.querySelectorAll('#idiomPool .idiom-card').forEach(card => {\n card.classList.remove('selected', 'correct', 'wrong', 'placed');\n });\n \n \/\/ Reset all zones\n document.querySelectorAll('.category-zone').forEach(zone => {\n zone.classList.remove('highlighted', 'filled');\n \/\/ Remove placed idioms\n const placedIdioms = zone.querySelectorAll('.placed-idiom');\n placedIdioms.forEach(idiom => idiom.remove());\n });\n \n selectedIdiomForBuild = null;\n buildProgress = {};\n document.getElementById('checkBtn').disabled = true;\n hideBuildFeedback();\n updateProgress();\n }\n \n function checkBuildAnswers() {\n const totalIdioms = document.querySelectorAll('#idiomPool .idiom-card').length;\n const correctPlacements = document.querySelectorAll('.idiom-card.correct').length;\n \n if (correctPlacements === totalIdioms) {\n showCompletion();\n } else {\n showBuildFeedback(`You got ${correctPlacements}\/${totalIdioms} correct. Keep trying!`, 'info');\n }\n }\n \n function showBuildFeedback(message, type) {\n const feedback = document.getElementById('buildFeedback');\n feedback.textContent = message;\n feedback.className = `feedback-message show ${type}`;\n }\n \n function hideBuildFeedback() {\n document.getElementById('buildFeedback').classList.remove('show');\n }\n \n \/\/ Practice Mode Functions\n function loadPracticeQuestion() {\n const question = practiceQuestions[currentPracticeIndex];\n document.getElementById('practiceQuestion').textContent = question.question;\n \n const optionsContainer = document.getElementById('practiceOptions');\n optionsContainer.innerHTML = '';\n \n question.options.forEach(option => {\n const card = document.createElement('div');\n card.className = 'idiom-card';\n card.onclick = () => answerPractice(card, option.correct);\n card.innerHTML = `\n <div class=\"idiom-english\">${option.text}<\/div>\n <div class=\"idiom-malayalam\">${option.malayalam}<\/div>\n `;\n optionsContainer.appendChild(card);\n });\n }\n \n function answerPractice(card, isCorrect) {\n \/\/ Disable all options\n document.querySelectorAll('#practiceOptions .idiom-card').forEach(c => {\n c.onclick = null;\n if (c === card) {\n c.classList.add(isCorrect ? 'correct' : 'wrong');\n }\n });\n \n \/\/ Show correct answer if wrong selection\n if (!isCorrect) {\n const correctCard = Array.from(document.querySelectorAll('#practiceOptions .idiom-card')).find(option => {\n const currentQ = practiceQuestions[currentPracticeIndex];\n return currentQ.options.some(opt => opt.correct && option.textContent.includes(opt.text));\n });\n if (correctCard) correctCard.classList.add('correct');\n }\n \n if (isCorrect) practiceScore++;\n practiceTotal++;\n \n document.getElementById('practiceScore').textContent = `${practiceScore}\/${practiceTotal}`;\n updateProgress();\n }\n \n function nextPracticeQuestion() {\n currentPracticeIndex = (currentPracticeIndex + 1) % practiceQuestions.length;\n loadPracticeQuestion();\n }\n \n function showCompletion() {\n document.getElementById('completionCelebration').classList.add('show');\n updateProgress(100);\n }\n \n function restartAllModes() {\n \/\/ Reset build mode\n resetBuildMode();\n \n \/\/ Reset practice mode\n practiceScore = 0;\n practiceTotal = 0;\n currentPracticeIndex = 0;\n document.getElementById('practiceScore').textContent = '0\/0';\n \n \/\/ Reset learn mode\n document.querySelectorAll('.branch').forEach(branch => {\n branch.classList.remove('completed');\n });\n \n \/\/ Hide completion\n document.getElementById('completionCelebration').classList.remove('show');\n \n \/\/ Switch to learn mode\n switchMode('learn');\n }\n \n function updateProgress(customValue) {\n let progress = 0;\n \n if (customValue !== undefined) {\n progress = customValue;\n } else {\n const completedBranches = document.querySelectorAll('.branch.completed').length;\n const totalBranches = document.querySelectorAll('.branch').length;\n const placedIdioms = document.querySelectorAll('.idiom-card.placed').length;\n const totalIdioms = document.querySelectorAll('#idiomPool .idiom-card').length;\n \n const learnProgress = (completedBranches \/ totalBranches) * 40;\n const buildProgress = (placedIdioms \/ totalIdioms) * 40;\n const practiceProgress = practiceTotal > 0 ? (practiceScore \/ practiceTotal) * 20 : 0;\n \n progress = learnProgress + buildProgress + practiceProgress;\n }\n \n document.getElementById('progressBar').style.width = Math.min(progress, 100) + '%';\n }\n \n \/\/ Initialize the app\n document.addEventListener('DOMContentLoaded', function() {\n loadPracticeQuestion();\n updateProgress();\n \n \/\/ Prevent scroll on touch for game elements\n document.querySelectorAll('.idiom-card, .branch, .btn, .category-zone').forEach(element => {\n element.addEventListener('touchstart', function(e) {\n this.style.transform = 'scale(0.95)';\n }, {passive: true});\n \n element.addEventListener('touchend', function(e) {\n setTimeout(() => {\n this.style.transform = '';\n }, 150);\n }, {passive: true});\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Kerala PSC Idiom Family Tree \ud83c\udf33 Idiom Family Tree Master Kerala PSC Idioms \ud83c\udf31Learn \ud83c\udfd7\ufe0fBuild \u26a1Practice \ud83d\udd0dExplore PSC IdiomsMaster Tree \ud83e\udd4a Dispute 1 idiom \ud83d\udcb8 Worthless 2 idioms \ud83d\udc51 Noble 2 idioms \ud83c\udf19 Rare 1 idiom \ud83d\udc3e Groups 4 terms \ud83d\udcdd Words 15+ terms \ud83c\udfaf Instructions: Tap an idiom, then tap the correct category to […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","om_disable_all_campaigns":false,"_uag_custom_page_level_css":"","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2447","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"ocean-thumb-m":false,"ocean-thumb-ml":false,"ocean-thumb-l":false},"uagb_author_info":{"display_name":"raghumadambath","author_link":"https:\/\/windowedu.in\/blog\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Kerala PSC Idiom Family Tree \ud83c\udf33 Idiom Family Tree Master Kerala PSC Idioms \ud83c\udf31Learn \ud83c\udfd7\ufe0fBuild \u26a1Practice \ud83d\udd0dExplore PSC IdiomsMaster Tree \ud83e\udd4a Dispute 1 idiom \ud83d\udcb8 Worthless 2 idioms \ud83d\udc51 Noble 2 idioms \ud83c\udf19 Rare 1 idiom \ud83d\udc3e Groups 4 terms \ud83d\udcdd Words 15+ terms \ud83c\udfaf Instructions: Tap an idiom, then tap the correct category to…","_links":{"self":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2447"}],"version-history":[{"count":2,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2447\/revisions"}],"predecessor-version":[{"id":2449,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2447\/revisions\/2449"}],"wp:attachment":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2447"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2447"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}