Museum Test Prep App | Wen Tianxiang \u2022 SAT \u2022 PSAT \u2022 ACT<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #2a2a1e;\n font-family: 'Georgia', 'Times New Roman', Times, serif;\n color: #2c2b28;\n line-height: 1.5;\n padding: 20px;\n }\n\n .museum-container {\n max-width: 1400px;\n margin: 0 auto;\n background: #fef8ea;\n border-radius: 28px;\n box-shadow: 0 20px 35px rgba(0,0,0,0.3), 0 0 0 1px #b89870 inset;\n overflow: hidden;\n }\n\n .hero {\n background: linear-gradient(135deg, #4a3a2a 0%, #2a1e1a 100%);\n padding: 1.8rem 2.5rem;\n border-bottom: 6px solid #c9a87b;\n color: #f5e7cf;\n display: flex;\n align-items: center;\n gap: 20px;\n flex-wrap: wrap;\n }\n .hero-text {\n flex: 2;\n }\n .hero h1 {\n font-size: 2rem;\n letter-spacing: 1px;\n font-weight: 600;\n }\n .hero h1 i {\n color: #c9a87b;\n margin-right: 10px;\n }\n .hero h1 .app-badge {\n font-size: 0.8rem;\n background: #c9a87b33;\n padding: 0.2rem 0.8rem;\n border-radius: 40px;\n margin-left: 12px;\n vertical-align: middle;\n }\n .hero p {\n font-size: 1rem;\n font-style: italic;\n margin-top: 0.5rem;\n opacity: 0.85;\n }\n .hero-portrait {\n flex: 0 0 100px;\n text-align: center;\n background: #c9a87b30;\n padding: 8px;\n border-radius: 50%;\n border: 2px solid #c9a87b;\n }\n .hero-portrait i {\n font-size: 3.5rem;\n color: #ecd9b4;\n }\n .hero-portrait p {\n font-size: 0.65rem;\n margin-top: 5px;\n }\n\n .flex-main {\n display: flex;\n flex-wrap: wrap;\n }\n .article-panel {\n flex: 1.6;\n min-width: 280px;\n padding: 2rem 2rem 2rem 2.2rem;\n background: #fffaf2;\n border-right: 1px solid #ecd9b4;\n }\n .game-sat-panel {\n flex: 1.2;\n min-width: 350px;\n background: #f9efdf;\n padding: 2rem 1.8rem;\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n .article-panel h2 {\n font-size: 1.8rem;\n border-left: 7px solid #c9a87b;\n padding-left: 1rem;\n margin: 0.75rem 0 1rem 0;\n color: #5a3a2a;\n }\n .article-panel h2 i {\n color: #c9a87b;\n margin-right: 10px;\n }\n .article-panel h3 {\n font-size: 1.3rem;\n margin: 1.4rem 0 0.5rem 0;\n color: #8b5a2b;\n font-weight: 600;\n }\n .article-panel p {\n margin-bottom: 0.9rem;\n text-align: justify;\n }\n .inset-quote {\n background: #e9e0cf;\n padding: 0.8rem 1.3rem;\n border-left: 4px solid #c9a87b;\n margin: 1.2rem 0;\n border-radius: 12px;\n font-weight: 500;\n }\n .reference-list {\n font-size: 0.8rem;\n margin-top: 1.5rem;\n border-top: 1px dashed #cfbc93;\n padding-top: 1rem;\n color: #5e4b2b;\n }\n .timeline-item {\n margin: 12px 0;\n padding-left: 20px;\n border-left: 3px solid #c9a87b;\n }\n .timeline-year {\n font-weight: bold;\n color: #8b5a2b;\n }\n\n \/* Mode Selection & Quiz Styles *\/\n .mode-selector {\n background: white;\n border-radius: 28px;\n padding: 1.2rem;\n text-align: center;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n .mode-buttons {\n display: flex;\n gap: 12px;\n justify-content: center;\n margin-top: 12px;\n flex-wrap: wrap;\n }\n .mode-btn {\n flex: 1;\n min-width: 90px;\n padding: 12px;\n border: none;\n border-radius: 60px;\n font-weight: bold;\n font-size: 1rem;\n cursor: pointer;\n transition: 0.2s;\n font-family: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n .mode-btn.sat {\n background: #1e3a2f;\n color: white;\n }\n .mode-btn.psat {\n background: #2c5f6e;\n color: white;\n }\n .mode-btn.act {\n background: #8b5a2b;\n color: white;\n }\n .mode-btn:hover {\n transform: translateY(-2px);\n filter: brightness(1.05);\n }\n .mode-btn.active {\n box-shadow: 0 0 0 3px #ffd966;\n }\n .quiz-header {\n background: linear-gradient(145deg, #4a3a2a, #2a1e1a);\n color: white;\n padding: 1rem;\n border-radius: 28px;\n text-align: center;\n }\n .score-area {\n font-size: 1.6rem;\n font-weight: bold;\n background: #00000055;\n display: inline-block;\n padding: 0.2rem 1.2rem;\n border-radius: 40px;\n margin-top: 8px;\n }\n .question-card {\n background: white;\n border-radius: 28px;\n padding: 1.5rem;\n box-shadow: 0 8px 18px rgba(0,0,0,0.1);\n }\n .question-text {\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 1.2rem;\n background: #fdf4e0;\n padding: 12px;\n border-radius: 20px;\n border-left: 5px solid #c9a87b;\n }\n .options-list {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 1.5rem;\n }\n .opt-btn {\n background: #efe2cf;\n border: 2px solid #cfb37a;\n padding: 10px 14px;\n border-radius: 60px;\n font-family: 'Segoe UI', 'Georgia', serif;\n font-size: 0.9rem;\n text-align: left;\n cursor: pointer;\n transition: 0.2s;\n }\n .opt-btn i {\n margin-right: 10px;\n }\n .opt-btn:hover:not(:disabled) {\n background: #e2cfb0;\n }\n .opt-btn.correct-highlight {\n background: #a5d6a5;\n border-color: #2e7d32;\n }\n .opt-btn.wrong-highlight {\n background: #ef9a9a;\n border-color: #c62828;\n }\n .opt-btn:disabled {\n cursor: default;\n opacity: 0.8;\n }\n .feedback {\n margin-top: 15px;\n padding: 12px;\n border-radius: 20px;\n background: #f3efdf;\n font-size: 0.9rem;\n border-left: 5px solid #c9a87b;\n }\n .next-btn, .restart-btn {\n background: #846c3e;\n border: none;\n color: white;\n font-weight: bold;\n padding: 10px;\n border-radius: 40px;\n font-size: 1rem;\n cursor: pointer;\n margin-top: 10px;\n width: 100%;\n }\n .next-btn:hover, .restart-btn:hover {\n background: #5f4a2a;\n }\n .game-status {\n font-size: 0.75rem;\n text-align: center;\n background: #e2d5bd;\n padding: 6px;\n border-radius: 50px;\n margin-top: 8px;\n }\n footer {\n text-align: center;\n padding: 1rem;\n background: #dfd2b6;\n font-size: 0.7rem;\n color: #4a3a22;\n }\n .disclaimer {\n font-size: 0.65rem;\n text-align: center;\n margin-top: 8px;\n color: #6b5a3e;\n }\n @media (max-width: 780px) {\n .hero h1 { font-size: 1.3rem; }\n .hero-portrait { flex-basis: 70px; }\n .hero-portrait i { font-size: 2.2rem; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"museum-container\">\n <div class=\"hero\">\n <div class=\"hero-text\">\n <h1><i class=\"fas fa-feather-alt\"><\/i> Wen Tianxiang <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Museum Test Prep App<\/span><\/h1>\n <p><i class=\"fas fa-dragon\"><\/i> Southern Song scholar, statesman, poet \u2014 \u201cSong of Righteousness\u201d (Zhengqi Ge), symbol of loyalty and moral courage<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-scroll\"><\/i>\n <p><i class=\"fas fa-shield-alt\"><\/i> Righteousness Hall<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex-main\">\n <div class=\"article-panel\">\n <h2><i class=\"fas fa-scroll\"><\/i> Wen Tianxiang \u2014 China (1236\u20131283)<\/h2>\n <p>Wen Tianxiang was a scholar, statesman, and military leader of the Southern Song dynasty. He is widely remembered in Chinese history as a symbol of loyalty, integrity, and moral courage during a time of national crisis. During the final years of the Song dynasty, Wen Tianxiang resisted the advancing Mongol forces of the Yuan Empire. Despite defeat and eventual capture, he refused to surrender his principles or serve the new ruling power. His steadfast commitment to loyalty and righteousness made him one of the most revered moral figures in Chinese history. His life and writings, especially his famous poem \u201cSong of Righteousness\u201d (Zhengqi Ge), continue to inspire ideals of honor, patriotism, and moral integrity.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cSong of Righteousness\u201d (Zhengqi Ge): \u201cA righteous spirit flows through heaven and earth \u2014 a great and heroic breath that animates all things.\u201d\n <\/div>\n\n <h3><i class=\"fas fa-microscope\"><\/i> Historical Context & Leadership<\/h3>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-calendar-alt\"><\/i> 1256 \u2013 Imperial Examination<\/span>\n <p>Wen Tianxiang passed the imperial examination with the highest honors (zhuangyuan), entering government service.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-fist-raised\"><\/i> Resistance Against the Mongol Yuan Empire<\/span>\n <p>As the Mongol forces advanced southward, Wen Tianxiang organized military resistance to defend the Southern Song dynasty.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-prison\"><\/i> 1278 \u2013 Captured<\/span>\n <p>Wen Tianxiang was captured by Mongol forces. The Yuan authorities repeatedly offered him high office if he would serve the new regime \u2014 he refused.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-feather-alt\"><\/i> Song of Righteousness (Zhengqi Ge)<\/span>\n <p>During imprisonment, he composed the famous \u201cSong of Righteousness,\u201d celebrating the enduring spirit of moral righteousness.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-skull\"><\/i> 1283 \u2013 Execution<\/span>\n <p>After years of imprisonment and repeated offers to serve the Yuan, he was executed for refusing to abandon his loyalty to the fallen Song.<\/p>\n <\/div>\n\n <h3><i class=\"fas fa-church\"><\/i> Righteous Act: Refusal to Surrender<\/h3>\n <p>Wen Tianxiang’s most significant righteous act was his unwavering refusal to serve the Mongol Yuan dynasty, even when offered high office and favorable treatment. Despite capture, imprisonment, and years of pressure, he remained loyal to the fallen Song dynasty. His poem \u201cSong of Righteousness\u201d (Zhengqi Ge) became a powerful expression of moral integrity, celebrating the spirit of righteousness that transcends conquest. His steadfast commitment transformed him into a lasting symbol of loyalty and moral courage in Chinese history.<\/p>\n\n <h3><i class=\"fas fa-comment-dots\"><\/i> Legacy: Confucian Loyalty & Moral Integrity<\/h3>\n <p>Wen Tianxiang is remembered as one of the most powerful symbols of loyalty and righteousness in Chinese history. His life story became an enduring example of the Confucian virtues of integrity, courage, and moral steadfastness. His poem \u201cSong of Righteousness\u201d has been studied and recited for centuries as an expression of moral resilience and devotion to principle. Monuments, temples, and historical writings continue to commemorate his legacy across China.<\/p>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Ebrey (2010), Mote (1999), Peterson (2002), Tianxiang (2003).\n <\/div>\n <\/div>\n\n <div class=\"game-sat-panel\">\n <div class=\"mode-selector\">\n <i class=\"fas fa-graduation-cap\"><\/i> <strong>Choose Your Exam<\/strong>\n <div class=\"mode-buttons\">\n <button id=\"modeSAT\" class=\"mode-btn sat\"><i class=\"fab fa-sat\"><\/i> SAT<\/button>\n <button id=\"modePSAT\" class=\"mode-btn psat\"><i class=\"fas fa-pen-fancy\"><\/i> PSAT<\/button>\n <button id=\"modeACT\" class=\"mode-btn act\"><i class=\"fas fa-bolt\"><\/i> ACT<\/button>\n <\/div>\n <\/div>\n <div class=\"quiz-header\">\n <h3 id=\"modeTitle\"><i class=\"fas fa-brain\"><\/i> SAT \u2726 Loyal Righteousness Prep<\/h3>\n <div class=\"score-area\"><i class=\"fas fa-star\"><\/i> Score: <span id=\"scoreValue\">0<\/span> \/ 600<\/div>\n <\/div>\n <div class=\"question-card\" id=\"quizContainer\">\n <div id=\"dynamicQuestionArea\"><\/div>\n <div id=\"feedbackArea\" class=\"feedback\"><i class=\"fas fa-info-circle\"><\/i> Select an exam mode above to begin.<\/div>\n <button id=\"nextButton\" class=\"next-btn\" style=\"display: none;\"><i class=\"fas fa-arrow-right\"><\/i> Next Question<\/button>\n <button id=\"restartButton\" class=\"restart-btn\"><i class=\"fas fa-undo-alt\"><\/i> Restart Quiz<\/button>\n <div class=\"game-status\"><i class=\"fas fa-hourglass-half\"><\/i> 6 questions per exam \u2022 Wen Tianxiang: Song of Righteousness, refusal to serve the Yuan, Confucian loyalty<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer>\n <i class=\"fas fa-feather-alt\"><\/i> Museum Test Prep App | SAT \u2022 PSAT \u2022 ACT modes | Wen Tianxiang \u2014 Righteous Act: Refusal to Surrender, \u201cSong of Righteousness\u201d\n <div class=\"disclaimer\">\n <i class=\"fas fa-balance-scale\"><\/i> SAT, PSAT, and ACT are registered trademarks of their respective owners. This educational tool is not affiliated with or endorsed by College Board or ACT Inc. All questions are original and based on historical content.\n <\/div>\n <\/footer>\n<\/div>\n\n<script>\n \/\/ ========== WEN TIANXIANG QUESTION BANKS ==========\n \/\/ Themes: Southern Song dynasty, Mongol Yuan conquest, imperial examination (zhuangyuan), refusal to serve Yuan, \u201cSong of Righteousness\u201d (Zhengqi Ge), execution 1283, Confucian loyalty\n \n const SAT_QUESTIONS = [\n { topic: \"Historical Context\", text: \"Wen Tianxiang lived during the final years of the Southern Song dynasty, when China was being conquered by:\", options: [\"The Mongols (Yuan Empire)\", \"The Japanese\", \"The Manchus (Qing)\", \"The Mongols (Yuan Empire)\", \"The Mongols (Yuan Empire)\"], correct: 0, explanation: \"The Mongol Empire, under Kublai Khan, conquered the Southern Song and established the Yuan dynasty.\" },\n { topic: \"Righteous Refusal\", text: \"After being captured by Mongol forces, Wen Tianxiang was offered high office if he would serve the new Yuan regime. He:\", options: [\"Accepted immediately\", \"Refused repeatedly, choosing loyalty to the fallen Song dynasty\", \"Negotiated for better terms\", \"Escaped and went into hiding\"], correct: 1, explanation: \"Despite years of imprisonment and pressure, he refused to abandon his principles, leading to his execution.\" },\n { topic: \"Song of Righteousness\", text: \"Wen Tianxiang's famous poem 'Song of Righteousness' (Zhengqi Ge) expresses:\", options: [\"Despair and defeatism\", \"The enduring spirit of moral righteousness and loyalty to principle\", \"Praise for the Mongol conquerors\", \"A call to abandon Confucian values\"], correct: 1, explanation: \"The poem celebrates righteous spirit that transcends conquest, becoming a classic of moral literature.\" },\n { topic: \"Imperial Examination\", text: \"In 1256, Wen Tianxiang achieved the highest honor in the imperial examination system, becoming a:\", options: [\"Military general\", \"Zhuangyuan (top scholar)\", \"Provincial governor\", \"Court painter\"], correct: 1, explanation: \"Passing the highest level with top honors marked him as an elite scholar\u2011official.\" },\n { topic: \"Confucian Virtues\", text: \"Wen Tianxiang's actions are seen as embodying which core Confucian virtues?\", options: [\"Profit and efficiency\", \"Loyalty (zhong), righteousness (yi), and moral integrity\", \"Wealth and power\", \"Isolation and withdrawal\"], correct: 1, explanation: \"He prioritized loyalty to the legitimate dynasty and moral principle over personal survival or gain.\" },\n { topic: \"Legacy Symbol\", text: \"In Chinese history, Wen Tianxiang is primarily remembered as:\", options: [\"A military conqueror\", \"A symbol of loyalty, integrity, and moral courage\", \"A poet with no political significance\", \"A Yuan dynasty official\"], correct: 1, explanation: \"His refusal to serve the conquerors and his execution made him an enduring icon of righteousness.\" }\n ];\n\n const PSAT_QUESTIONS = [\n { topic: \"Dynasty Loyalty\", text: \"Wen Tianxiang remained loyal to which Chinese dynasty?\", options: [\"Tang\", \"Song\", \"Yuan\", \"Ming\"], correct: 1, explanation: \"He served the Southern Song dynasty and refused to submit to the Mongol Yuan conquerors.\" },\n { topic: \"Conquering Force\", text: \"The Mongol forces that conquered the Southern Song established which dynasty?\", options: [\"Tang\", \"Song\", \"Yuan\", \"Ming\"], correct: 2, explanation: \"Kublai Khan founded the Yuan dynasty (1271\u20131368).\" },\n { topic: \"Poem Title\", text: \"What is the title of Wen Tianxiang's most famous poem?\", options: [\"Lament for the South\", \"Song of Righteousness (Zhengqi Ge)\", \"Ode to the Emperor\", \"The Art of War\"], correct: 1, explanation: \"Zhengqi Ge celebrates the spirit of righteousness and has been recited for centuries.\" },\n { topic: \"Scholar Rank\", text: \"Wen Tianxiang passed the imperial examination with the highest rank, known as:\", options: [\"Jinshi\", \"Zhuangyuan\", \"Shengyuan\", \"Hanlin\"], correct: 1, explanation: \"Zhuangyuan was the top scorer in the highest imperial examination.\" },\n { topic: \"Year of Execution\", text: \"Wen Tianxiang was executed in which year?\", options: [\"1276\", \"1279\", \"1283\", \"1287\"], correct: 2, explanation: \"After years of imprisonment, he was executed in 1283 for refusing to serve the Yuan.\" },\n { topic: \"Philosophical Basis\", text: \"Wen Tianxiang's commitment to loyalty and righteousness was rooted in:\", options: [\"Daoism\", \"Confucianism\", \"Legalism\", \"Buddhism\"], correct: 1, explanation: \"Confucian ideals of loyalty (zhong) and righteousness (yi) guided his actions.\" }\n ];\n\n const ACT_QUESTIONS = [\n { topic: \"Birth Year\", text: \"Wen Tianxiang was born in which year?\", options: [\"1220\", \"1236\", \"1248\", \"1256\"], correct: 1, explanation: \"He was born in 1236 during the Southern Song dynasty.\" },\n { topic: \"Capture Year\", text: \"Wen Tianxiang was captured by Mongol forces in which year?\", options: [\"1276\", \"1278\", \"1279\", \"1283\"], correct: 1, explanation: \"He was captured in 1278 during the final Song resistance.\" },\n { topic: \"Dynasty Founded by Mongols\", text: \"The Yuan dynasty was founded by:\", options: [\"Genghis Khan\", \"Kublai Khan\", \"Hulagu Khan\", \"Batu Khan\"], correct: 1, explanation: \"Kublai Khan, grandson of Genghis Khan, established the Yuan dynasty in 1271.\" },\n { topic: \"Fall of Southern Song\", text: \"The Southern Song dynasty fell in which year?\", options: [\"1271\", \"1276\", \"1279\", \"1283\"], correct: 2, explanation: \"The final Song defeat occurred at the Battle of Yamen in 1279.\" },\n { topic: \"Confucian Concept\", text: \"The Confucian virtue of 'yi' (\u4e49) best translates as:\", options: [\"Ritual propriety\", \"Righteousness or moral integrity\", \"Filial piety\", \"Benevolence\"], correct: 1, explanation: \"Yi refers to moral righteousness and the disposition to do what is right.\" },\n { topic: \"Offer Refused\", text: \"The Yuan authorities offered Wen Tianxiang:\", options: [\"Exile\", \"High office and favorable treatment if he would serve the new regime\", \"A large sum of money\", \"Release without conditions\"], correct: 1, explanation: \"They repeatedly offered him power and position, which he consistently refused.\" }\n ];\n\n let currentMode = \"SAT\";\n let currentQuestions = [...SAT_QUESTIONS];\n let currentIndex = 0;\n let playerScore = 0;\n let quizAnswered = false;\n let selectedOptIdx = null;\n let totalPerMode = 6;\n\n const dynamicArea = document.getElementById(\"dynamicQuestionArea\");\n const feedbackDiv = document.getElementById(\"feedbackArea\");\n const nextBtn = document.getElementById(\"nextButton\");\n const restartBtn = document.getElementById(\"restartButton\");\n const scoreSpan = document.getElementById(\"scoreValue\");\n const modeTitle = document.getElementById(\"modeTitle\");\n\n function updateScoreUI() {\n scoreSpan.innerText = playerScore;\n }\n\n function loadMode(mode) {\n currentMode = mode;\n if (mode === \"SAT\") currentQuestions = [...SAT_QUESTIONS];\n else if (mode === \"PSAT\") currentQuestions = [...PSAT_QUESTIONS];\n else currentQuestions = [...ACT_QUESTIONS];\n \n let icon = mode === \"SAT\" ? '<i class=\"fab fa-sat\"><\/i>' : (mode === \"PSAT\" ? '<i class=\"fas fa-pen-fancy\"><\/i>' : '<i class=\"fas fa-bolt\"><\/i>');\n modeTitle.innerHTML = `${icon} ${mode} \u2726 Loyal Righteousness Prep`;\n \n currentIndex = 0;\n playerScore = 0;\n quizAnswered = false;\n selectedOptIdx = null;\n updateScoreUI();\n nextBtn.style.display = \"none\";\n feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\"><\/i> ${mode} mode activated. Answer 6 questions about Wen Tianxiang, the Song of Righteousness, and unwavering loyalty.`;\n renderQuestion();\n \n document.querySelectorAll('.mode-btn').forEach(btn => btn.classList.remove('active'));\n if (mode === \"SAT\") document.getElementById(\"modeSAT\").classList.add('active');\n if (mode === \"PSAT\") document.getElementById(\"modePSAT\").classList.add('active');\n if (mode === \"ACT\") document.getElementById(\"modeACT\").classList.add('active');\n }\n\n function renderQuestion() {\n if (currentIndex >= totalPerMode) {\n dynamicArea.innerHTML = `\n <div style=\"text-align:center; padding:20px;\">\n <i class=\"fas fa-trophy\" style=\"font-size:3rem; color:#c9a87b;\"><\/i>\n <h3>${currentMode} Complete!<\/h3>\n <p>Your score: ${playerScore} \/ ${totalPerMode*100}<\/p>\n <p><i class=\"fas fa-medal\"><\/i> ${getFinalMessage()}<\/p>\n <i class=\"fas fa-sync-alt\"><\/i> Switch exam mode or press Restart.\n <\/div>\n `;\n nextBtn.style.display = \"none\";\n quizAnswered = true;\n return;\n }\n\n const q = currentQuestions[currentIndex];\n let optionsHtml = '';\n const letters = ['A', 'B', 'C', 'D'];\n q.options.forEach((opt, idx) => {\n let disabledAttr = quizAnswered ? 'disabled' : '';\n let extraClass = '';\n if (quizAnswered) {\n if (idx === q.correct) extraClass = 'correct-highlight';\n else if (idx === selectedOptIdx && idx !== q.correct) extraClass = 'wrong-highlight';\n }\n optionsHtml += `\n <button class=\"opt-btn ${extraClass}\" data-opt-index=\"${idx}\" ${disabledAttr}>\n <i class=\"fas ${idx === 0 ? 'fa-circle' : (idx === 1 ? 'fa-dot-circle' : (idx === 2 ? 'fa-record-vinyl' : 'fa-stop'))}\"><\/i>\n <strong>${letters[idx]}.<\/strong> ${escapeHtml(opt)}\n <\/button>\n `;\n });\n\n const progressHtml = `<div class=\"game-status\" style=\"margin-bottom:12px;\"><i class=\"fas fa-feather-alt\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode}) \u2022 <i class=\"fas fa-dragon\"><\/i> ${q.topic}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-scroll\"><\/i> ${escapeHtml(q.text)}<\/div>\n <div class=\"options-list\" id=\"optionsList\">${optionsHtml}<\/div>\n `;\n dynamicArea.innerHTML = questionHtml;\n\n if (!quizAnswered) {\n document.querySelectorAll('.opt-btn').forEach(btn => {\n btn.addEventListener('click', (e) => {\n if (quizAnswered) return;\n const chosenIdx = parseInt(btn.getAttribute('data-opt-index'));\n handleAnswer(chosenIdx);\n });\n });\n }\n }\n\n function handleAnswer(chosenIdx) {\n if (quizAnswered) return;\n const q = currentQuestions[currentIndex];\n const isCorrect = (chosenIdx === q.correct);\n selectedOptIdx = chosenIdx;\n if (isCorrect) {\n playerScore += 100;\n updateScoreUI();\n feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\" style=\"color:#2e7d32;\"><\/i> \u2705 ${q.explanation} <i class=\"fas fa-award\"><\/i> +100 points (${q.topic})`;\n } else {\n const correctLetter = String.fromCharCode(65 + q.correct);\n const correctText = q.options[q.correct];\n feedbackDiv.innerHTML = `<i class=\"fas fa-times-circle\" style=\"color:#b71c1c;\"><\/i> Incorrect. Correct answer: ${correctLetter}: ${escapeHtml(correctText)}.<br>\ud83d\udcd6 ${q.explanation} (${q.topic})`;\n }\n quizAnswered = true;\n renderQuestion();\n nextBtn.style.display = \"block\";\n }\n\n function nextQuestion() {\n if (!quizAnswered && currentIndex < totalPerMode) {\n feedbackDiv.innerHTML = `<i class=\"fas fa-exclamation-triangle\"><\/i> Please answer before continuing.`;\n return;\n }\n if (currentIndex + 1 <= totalPerMode) {\n currentIndex++;\n quizAnswered = false;\n selectedOptIdx = null;\n nextBtn.style.display = \"none\";\n if (currentIndex < totalPerMode) {\n feedbackDiv.innerHTML = `<i class=\"fas fa-lightbulb\"><\/i> Read the article carefully, then choose the best answer.`;\n renderQuestion();\n } else {\n renderQuestion();\n nextBtn.style.display = \"none\";\n }\n }\n }\n\n function restartQuiz() {\n loadMode(currentMode);\n }\n\n function getFinalMessage() {\n let maxScore = totalPerMode * 100;\n if (playerScore === maxScore) return `\ud83c\udfc6 Perfect ${currentMode} score! You understand Wen Tianxiang's unwavering loyalty, the Song of Righteousness, and his moral courage.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! \u201cA righteous spirit flows through heaven and earth\u201d \u2014 a timeless example of integrity.`;\n return `\ud83d\udcdc Review the exhibit about the Southern Song, the Mongol conquest, and Wen Tianxiang's refusal to serve the Yuan.`;\n }\n\n function escapeHtml(str) {\n return str.replace(\/[&<>]\/g, function(m) {\n if (m === '&') return '&';\n if (m === '<') return '<';\n if (m === '>') return '>';\n return m;\n });\n }\n\n document.getElementById(\"modeSAT\").addEventListener(\"click\", () => loadMode(\"SAT\"));\n document.getElementById(\"modePSAT\").addEventListener(\"click\", () => loadMode(\"PSAT\"));\n document.getElementById(\"modeACT\").addEventListener(\"click\", () => loadMode(\"ACT\"));\n nextBtn.addEventListener(\"click\", nextQuestion);\n restartBtn.addEventListener(\"click\", restartQuiz);\n \n loadMode(\"SAT\");\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Museum Test Prep App | Wen Tianxiang \u2022 SAT \u2022 PSAT \u2022 ACT Wen Tianxiang Museum Test Prep App Southern Song scholar, statesman, poet \u2014 \u201cSong of Righteousness\u201d (Zhengqi Ge), symbol of loyalty and moral courage Righteousness Hall Wen Tianxiang \u2014 China (1236\u20131283) Wen Tianxiang was a scholar, statesman, and military leader of the Southern […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-985","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/985","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/comments?post=985"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/985\/revisions"}],"predecessor-version":[{"id":988,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/985\/revisions\/988"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":985,"date":"2026-05-17T23:06:38","date_gmt":"2026-05-17T23:06:38","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=985"},"modified":"2026-05-17T23:09:16","modified_gmt":"2026-05-17T23:09:16","slug":"museum-test-prep-app-wen-tianxiang","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/museum-test-prep-app-wen-tianxiang\/","title":{"rendered":"Museum Test Prep App – Wen Tianxiang"},"content":{"rendered":"\n\n\n\n \n \n Museum Test Prep App | Wen Tianxiang \u2022 SAT \u2022 PSAT \u2022 ACT<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #2a2a1e;\n font-family: 'Georgia', 'Times New Roman', Times, serif;\n color: #2c2b28;\n line-height: 1.5;\n padding: 20px;\n }\n\n .museum-container {\n max-width: 1400px;\n margin: 0 auto;\n background: #fef8ea;\n border-radius: 28px;\n box-shadow: 0 20px 35px rgba(0,0,0,0.3), 0 0 0 1px #b89870 inset;\n overflow: hidden;\n }\n\n .hero {\n background: linear-gradient(135deg, #4a3a2a 0%, #2a1e1a 100%);\n padding: 1.8rem 2.5rem;\n border-bottom: 6px solid #c9a87b;\n color: #f5e7cf;\n display: flex;\n align-items: center;\n gap: 20px;\n flex-wrap: wrap;\n }\n .hero-text {\n flex: 2;\n }\n .hero h1 {\n font-size: 2rem;\n letter-spacing: 1px;\n font-weight: 600;\n }\n .hero h1 i {\n color: #c9a87b;\n margin-right: 10px;\n }\n .hero h1 .app-badge {\n font-size: 0.8rem;\n background: #c9a87b33;\n padding: 0.2rem 0.8rem;\n border-radius: 40px;\n margin-left: 12px;\n vertical-align: middle;\n }\n .hero p {\n font-size: 1rem;\n font-style: italic;\n margin-top: 0.5rem;\n opacity: 0.85;\n }\n .hero-portrait {\n flex: 0 0 100px;\n text-align: center;\n background: #c9a87b30;\n padding: 8px;\n border-radius: 50%;\n border: 2px solid #c9a87b;\n }\n .hero-portrait i {\n font-size: 3.5rem;\n color: #ecd9b4;\n }\n .hero-portrait p {\n font-size: 0.65rem;\n margin-top: 5px;\n }\n\n .flex-main {\n display: flex;\n flex-wrap: wrap;\n }\n .article-panel {\n flex: 1.6;\n min-width: 280px;\n padding: 2rem 2rem 2rem 2.2rem;\n background: #fffaf2;\n border-right: 1px solid #ecd9b4;\n }\n .game-sat-panel {\n flex: 1.2;\n min-width: 350px;\n background: #f9efdf;\n padding: 2rem 1.8rem;\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n .article-panel h2 {\n font-size: 1.8rem;\n border-left: 7px solid #c9a87b;\n padding-left: 1rem;\n margin: 0.75rem 0 1rem 0;\n color: #5a3a2a;\n }\n .article-panel h2 i {\n color: #c9a87b;\n margin-right: 10px;\n }\n .article-panel h3 {\n font-size: 1.3rem;\n margin: 1.4rem 0 0.5rem 0;\n color: #8b5a2b;\n font-weight: 600;\n }\n .article-panel p {\n margin-bottom: 0.9rem;\n text-align: justify;\n }\n .inset-quote {\n background: #e9e0cf;\n padding: 0.8rem 1.3rem;\n border-left: 4px solid #c9a87b;\n margin: 1.2rem 0;\n border-radius: 12px;\n font-weight: 500;\n }\n .reference-list {\n font-size: 0.8rem;\n margin-top: 1.5rem;\n border-top: 1px dashed #cfbc93;\n padding-top: 1rem;\n color: #5e4b2b;\n }\n .timeline-item {\n margin: 12px 0;\n padding-left: 20px;\n border-left: 3px solid #c9a87b;\n }\n .timeline-year {\n font-weight: bold;\n color: #8b5a2b;\n }\n\n \/* Mode Selection & Quiz Styles *\/\n .mode-selector {\n background: white;\n border-radius: 28px;\n padding: 1.2rem;\n text-align: center;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n .mode-buttons {\n display: flex;\n gap: 12px;\n justify-content: center;\n margin-top: 12px;\n flex-wrap: wrap;\n }\n .mode-btn {\n flex: 1;\n min-width: 90px;\n padding: 12px;\n border: none;\n border-radius: 60px;\n font-weight: bold;\n font-size: 1rem;\n cursor: pointer;\n transition: 0.2s;\n font-family: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n .mode-btn.sat {\n background: #1e3a2f;\n color: white;\n }\n .mode-btn.psat {\n background: #2c5f6e;\n color: white;\n }\n .mode-btn.act {\n background: #8b5a2b;\n color: white;\n }\n .mode-btn:hover {\n transform: translateY(-2px);\n filter: brightness(1.05);\n }\n .mode-btn.active {\n box-shadow: 0 0 0 3px #ffd966;\n }\n .quiz-header {\n background: linear-gradient(145deg, #4a3a2a, #2a1e1a);\n color: white;\n padding: 1rem;\n border-radius: 28px;\n text-align: center;\n }\n .score-area {\n font-size: 1.6rem;\n font-weight: bold;\n background: #00000055;\n display: inline-block;\n padding: 0.2rem 1.2rem;\n border-radius: 40px;\n margin-top: 8px;\n }\n .question-card {\n background: white;\n border-radius: 28px;\n padding: 1.5rem;\n box-shadow: 0 8px 18px rgba(0,0,0,0.1);\n }\n .question-text {\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 1.2rem;\n background: #fdf4e0;\n padding: 12px;\n border-radius: 20px;\n border-left: 5px solid #c9a87b;\n }\n .options-list {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 1.5rem;\n }\n .opt-btn {\n background: #efe2cf;\n border: 2px solid #cfb37a;\n padding: 10px 14px;\n border-radius: 60px;\n font-family: 'Segoe UI', 'Georgia', serif;\n font-size: 0.9rem;\n text-align: left;\n cursor: pointer;\n transition: 0.2s;\n }\n .opt-btn i {\n margin-right: 10px;\n }\n .opt-btn:hover:not(:disabled) {\n background: #e2cfb0;\n }\n .opt-btn.correct-highlight {\n background: #a5d6a5;\n border-color: #2e7d32;\n }\n .opt-btn.wrong-highlight {\n background: #ef9a9a;\n border-color: #c62828;\n }\n .opt-btn:disabled {\n cursor: default;\n opacity: 0.8;\n }\n .feedback {\n margin-top: 15px;\n padding: 12px;\n border-radius: 20px;\n background: #f3efdf;\n font-size: 0.9rem;\n border-left: 5px solid #c9a87b;\n }\n .next-btn, .restart-btn {\n background: #846c3e;\n border: none;\n color: white;\n font-weight: bold;\n padding: 10px;\n border-radius: 40px;\n font-size: 1rem;\n cursor: pointer;\n margin-top: 10px;\n width: 100%;\n }\n .next-btn:hover, .restart-btn:hover {\n background: #5f4a2a;\n }\n .game-status {\n font-size: 0.75rem;\n text-align: center;\n background: #e2d5bd;\n padding: 6px;\n border-radius: 50px;\n margin-top: 8px;\n }\n footer {\n text-align: center;\n padding: 1rem;\n background: #dfd2b6;\n font-size: 0.7rem;\n color: #4a3a22;\n }\n .disclaimer {\n font-size: 0.65rem;\n text-align: center;\n margin-top: 8px;\n color: #6b5a3e;\n }\n @media (max-width: 780px) {\n .hero h1 { font-size: 1.3rem; }\n .hero-portrait { flex-basis: 70px; }\n .hero-portrait i { font-size: 2.2rem; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"museum-container\">\n <div class=\"hero\">\n <div class=\"hero-text\">\n <h1><i class=\"fas fa-feather-alt\"><\/i> Wen Tianxiang <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Museum Test Prep App<\/span><\/h1>\n <p><i class=\"fas fa-dragon\"><\/i> Southern Song scholar, statesman, poet \u2014 \u201cSong of Righteousness\u201d (Zhengqi Ge), symbol of loyalty and moral courage<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-scroll\"><\/i>\n <p><i class=\"fas fa-shield-alt\"><\/i> Righteousness Hall<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex-main\">\n <div class=\"article-panel\">\n <h2><i class=\"fas fa-scroll\"><\/i> Wen Tianxiang \u2014 China (1236\u20131283)<\/h2>\n <p>Wen Tianxiang was a scholar, statesman, and military leader of the Southern Song dynasty. He is widely remembered in Chinese history as a symbol of loyalty, integrity, and moral courage during a time of national crisis. During the final years of the Song dynasty, Wen Tianxiang resisted the advancing Mongol forces of the Yuan Empire. Despite defeat and eventual capture, he refused to surrender his principles or serve the new ruling power. His steadfast commitment to loyalty and righteousness made him one of the most revered moral figures in Chinese history. His life and writings, especially his famous poem \u201cSong of Righteousness\u201d (Zhengqi Ge), continue to inspire ideals of honor, patriotism, and moral integrity.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cSong of Righteousness\u201d (Zhengqi Ge): \u201cA righteous spirit flows through heaven and earth \u2014 a great and heroic breath that animates all things.\u201d\n <\/div>\n\n <h3><i class=\"fas fa-microscope\"><\/i> Historical Context & Leadership<\/h3>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-calendar-alt\"><\/i> 1256 \u2013 Imperial Examination<\/span>\n <p>Wen Tianxiang passed the imperial examination with the highest honors (zhuangyuan), entering government service.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-fist-raised\"><\/i> Resistance Against the Mongol Yuan Empire<\/span>\n <p>As the Mongol forces advanced southward, Wen Tianxiang organized military resistance to defend the Southern Song dynasty.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-prison\"><\/i> 1278 \u2013 Captured<\/span>\n <p>Wen Tianxiang was captured by Mongol forces. The Yuan authorities repeatedly offered him high office if he would serve the new regime \u2014 he refused.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-feather-alt\"><\/i> Song of Righteousness (Zhengqi Ge)<\/span>\n <p>During imprisonment, he composed the famous \u201cSong of Righteousness,\u201d celebrating the enduring spirit of moral righteousness.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-skull\"><\/i> 1283 \u2013 Execution<\/span>\n <p>After years of imprisonment and repeated offers to serve the Yuan, he was executed for refusing to abandon his loyalty to the fallen Song.<\/p>\n <\/div>\n\n <h3><i class=\"fas fa-church\"><\/i> Righteous Act: Refusal to Surrender<\/h3>\n <p>Wen Tianxiang’s most significant righteous act was his unwavering refusal to serve the Mongol Yuan dynasty, even when offered high office and favorable treatment. Despite capture, imprisonment, and years of pressure, he remained loyal to the fallen Song dynasty. His poem \u201cSong of Righteousness\u201d (Zhengqi Ge) became a powerful expression of moral integrity, celebrating the spirit of righteousness that transcends conquest. His steadfast commitment transformed him into a lasting symbol of loyalty and moral courage in Chinese history.<\/p>\n\n <h3><i class=\"fas fa-comment-dots\"><\/i> Legacy: Confucian Loyalty & Moral Integrity<\/h3>\n <p>Wen Tianxiang is remembered as one of the most powerful symbols of loyalty and righteousness in Chinese history. His life story became an enduring example of the Confucian virtues of integrity, courage, and moral steadfastness. His poem \u201cSong of Righteousness\u201d has been studied and recited for centuries as an expression of moral resilience and devotion to principle. Monuments, temples, and historical writings continue to commemorate his legacy across China.<\/p>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Ebrey (2010), Mote (1999), Peterson (2002), Tianxiang (2003).\n <\/div>\n <\/div>\n\n <div class=\"game-sat-panel\">\n <div class=\"mode-selector\">\n <i class=\"fas fa-graduation-cap\"><\/i> <strong>Choose Your Exam<\/strong>\n <div class=\"mode-buttons\">\n <button id=\"modeSAT\" class=\"mode-btn sat\"><i class=\"fab fa-sat\"><\/i> SAT<\/button>\n <button id=\"modePSAT\" class=\"mode-btn psat\"><i class=\"fas fa-pen-fancy\"><\/i> PSAT<\/button>\n <button id=\"modeACT\" class=\"mode-btn act\"><i class=\"fas fa-bolt\"><\/i> ACT<\/button>\n <\/div>\n <\/div>\n <div class=\"quiz-header\">\n <h3 id=\"modeTitle\"><i class=\"fas fa-brain\"><\/i> SAT \u2726 Loyal Righteousness Prep<\/h3>\n <div class=\"score-area\"><i class=\"fas fa-star\"><\/i> Score: <span id=\"scoreValue\">0<\/span> \/ 600<\/div>\n <\/div>\n <div class=\"question-card\" id=\"quizContainer\">\n <div id=\"dynamicQuestionArea\"><\/div>\n <div id=\"feedbackArea\" class=\"feedback\"><i class=\"fas fa-info-circle\"><\/i> Select an exam mode above to begin.<\/div>\n <button id=\"nextButton\" class=\"next-btn\" style=\"display: none;\"><i class=\"fas fa-arrow-right\"><\/i> Next Question<\/button>\n <button id=\"restartButton\" class=\"restart-btn\"><i class=\"fas fa-undo-alt\"><\/i> Restart Quiz<\/button>\n <div class=\"game-status\"><i class=\"fas fa-hourglass-half\"><\/i> 6 questions per exam \u2022 Wen Tianxiang: Song of Righteousness, refusal to serve the Yuan, Confucian loyalty<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer>\n <i class=\"fas fa-feather-alt\"><\/i> Museum Test Prep App | SAT \u2022 PSAT \u2022 ACT modes | Wen Tianxiang \u2014 Righteous Act: Refusal to Surrender, \u201cSong of Righteousness\u201d\n <div class=\"disclaimer\">\n <i class=\"fas fa-balance-scale\"><\/i> SAT, PSAT, and ACT are registered trademarks of their respective owners. This educational tool is not affiliated with or endorsed by College Board or ACT Inc. All questions are original and based on historical content.\n <\/div>\n <\/footer>\n<\/div>\n\n<script>\n \/\/ ========== WEN TIANXIANG QUESTION BANKS ==========\n \/\/ Themes: Southern Song dynasty, Mongol Yuan conquest, imperial examination (zhuangyuan), refusal to serve Yuan, \u201cSong of Righteousness\u201d (Zhengqi Ge), execution 1283, Confucian loyalty\n \n const SAT_QUESTIONS = [\n { topic: \"Historical Context\", text: \"Wen Tianxiang lived during the final years of the Southern Song dynasty, when China was being conquered by:\", options: [\"The Mongols (Yuan Empire)\", \"The Japanese\", \"The Manchus (Qing)\", \"The Mongols (Yuan Empire)\", \"The Mongols (Yuan Empire)\"], correct: 0, explanation: \"The Mongol Empire, under Kublai Khan, conquered the Southern Song and established the Yuan dynasty.\" },\n { topic: \"Righteous Refusal\", text: \"After being captured by Mongol forces, Wen Tianxiang was offered high office if he would serve the new Yuan regime. He:\", options: [\"Accepted immediately\", \"Refused repeatedly, choosing loyalty to the fallen Song dynasty\", \"Negotiated for better terms\", \"Escaped and went into hiding\"], correct: 1, explanation: \"Despite years of imprisonment and pressure, he refused to abandon his principles, leading to his execution.\" },\n { topic: \"Song of Righteousness\", text: \"Wen Tianxiang's famous poem 'Song of Righteousness' (Zhengqi Ge) expresses:\", options: [\"Despair and defeatism\", \"The enduring spirit of moral righteousness and loyalty to principle\", \"Praise for the Mongol conquerors\", \"A call to abandon Confucian values\"], correct: 1, explanation: \"The poem celebrates righteous spirit that transcends conquest, becoming a classic of moral literature.\" },\n { topic: \"Imperial Examination\", text: \"In 1256, Wen Tianxiang achieved the highest honor in the imperial examination system, becoming a:\", options: [\"Military general\", \"Zhuangyuan (top scholar)\", \"Provincial governor\", \"Court painter\"], correct: 1, explanation: \"Passing the highest level with top honors marked him as an elite scholar\u2011official.\" },\n { topic: \"Confucian Virtues\", text: \"Wen Tianxiang's actions are seen as embodying which core Confucian virtues?\", options: [\"Profit and efficiency\", \"Loyalty (zhong), righteousness (yi), and moral integrity\", \"Wealth and power\", \"Isolation and withdrawal\"], correct: 1, explanation: \"He prioritized loyalty to the legitimate dynasty and moral principle over personal survival or gain.\" },\n { topic: \"Legacy Symbol\", text: \"In Chinese history, Wen Tianxiang is primarily remembered as:\", options: [\"A military conqueror\", \"A symbol of loyalty, integrity, and moral courage\", \"A poet with no political significance\", \"A Yuan dynasty official\"], correct: 1, explanation: \"His refusal to serve the conquerors and his execution made him an enduring icon of righteousness.\" }\n ];\n\n const PSAT_QUESTIONS = [\n { topic: \"Dynasty Loyalty\", text: \"Wen Tianxiang remained loyal to which Chinese dynasty?\", options: [\"Tang\", \"Song\", \"Yuan\", \"Ming\"], correct: 1, explanation: \"He served the Southern Song dynasty and refused to submit to the Mongol Yuan conquerors.\" },\n { topic: \"Conquering Force\", text: \"The Mongol forces that conquered the Southern Song established which dynasty?\", options: [\"Tang\", \"Song\", \"Yuan\", \"Ming\"], correct: 2, explanation: \"Kublai Khan founded the Yuan dynasty (1271\u20131368).\" },\n { topic: \"Poem Title\", text: \"What is the title of Wen Tianxiang's most famous poem?\", options: [\"Lament for the South\", \"Song of Righteousness (Zhengqi Ge)\", \"Ode to the Emperor\", \"The Art of War\"], correct: 1, explanation: \"Zhengqi Ge celebrates the spirit of righteousness and has been recited for centuries.\" },\n { topic: \"Scholar Rank\", text: \"Wen Tianxiang passed the imperial examination with the highest rank, known as:\", options: [\"Jinshi\", \"Zhuangyuan\", \"Shengyuan\", \"Hanlin\"], correct: 1, explanation: \"Zhuangyuan was the top scorer in the highest imperial examination.\" },\n { topic: \"Year of Execution\", text: \"Wen Tianxiang was executed in which year?\", options: [\"1276\", \"1279\", \"1283\", \"1287\"], correct: 2, explanation: \"After years of imprisonment, he was executed in 1283 for refusing to serve the Yuan.\" },\n { topic: \"Philosophical Basis\", text: \"Wen Tianxiang's commitment to loyalty and righteousness was rooted in:\", options: [\"Daoism\", \"Confucianism\", \"Legalism\", \"Buddhism\"], correct: 1, explanation: \"Confucian ideals of loyalty (zhong) and righteousness (yi) guided his actions.\" }\n ];\n\n const ACT_QUESTIONS = [\n { topic: \"Birth Year\", text: \"Wen Tianxiang was born in which year?\", options: [\"1220\", \"1236\", \"1248\", \"1256\"], correct: 1, explanation: \"He was born in 1236 during the Southern Song dynasty.\" },\n { topic: \"Capture Year\", text: \"Wen Tianxiang was captured by Mongol forces in which year?\", options: [\"1276\", \"1278\", \"1279\", \"1283\"], correct: 1, explanation: \"He was captured in 1278 during the final Song resistance.\" },\n { topic: \"Dynasty Founded by Mongols\", text: \"The Yuan dynasty was founded by:\", options: [\"Genghis Khan\", \"Kublai Khan\", \"Hulagu Khan\", \"Batu Khan\"], correct: 1, explanation: \"Kublai Khan, grandson of Genghis Khan, established the Yuan dynasty in 1271.\" },\n { topic: \"Fall of Southern Song\", text: \"The Southern Song dynasty fell in which year?\", options: [\"1271\", \"1276\", \"1279\", \"1283\"], correct: 2, explanation: \"The final Song defeat occurred at the Battle of Yamen in 1279.\" },\n { topic: \"Confucian Concept\", text: \"The Confucian virtue of 'yi' (\u4e49) best translates as:\", options: [\"Ritual propriety\", \"Righteousness or moral integrity\", \"Filial piety\", \"Benevolence\"], correct: 1, explanation: \"Yi refers to moral righteousness and the disposition to do what is right.\" },\n { topic: \"Offer Refused\", text: \"The Yuan authorities offered Wen Tianxiang:\", options: [\"Exile\", \"High office and favorable treatment if he would serve the new regime\", \"A large sum of money\", \"Release without conditions\"], correct: 1, explanation: \"They repeatedly offered him power and position, which he consistently refused.\" }\n ];\n\n let currentMode = \"SAT\";\n let currentQuestions = [...SAT_QUESTIONS];\n let currentIndex = 0;\n let playerScore = 0;\n let quizAnswered = false;\n let selectedOptIdx = null;\n let totalPerMode = 6;\n\n const dynamicArea = document.getElementById(\"dynamicQuestionArea\");\n const feedbackDiv = document.getElementById(\"feedbackArea\");\n const nextBtn = document.getElementById(\"nextButton\");\n const restartBtn = document.getElementById(\"restartButton\");\n const scoreSpan = document.getElementById(\"scoreValue\");\n const modeTitle = document.getElementById(\"modeTitle\");\n\n function updateScoreUI() {\n scoreSpan.innerText = playerScore;\n }\n\n function loadMode(mode) {\n currentMode = mode;\n if (mode === \"SAT\") currentQuestions = [...SAT_QUESTIONS];\n else if (mode === \"PSAT\") currentQuestions = [...PSAT_QUESTIONS];\n else currentQuestions = [...ACT_QUESTIONS];\n \n let icon = mode === \"SAT\" ? '<i class=\"fab fa-sat\"><\/i>' : (mode === \"PSAT\" ? '<i class=\"fas fa-pen-fancy\"><\/i>' : '<i class=\"fas fa-bolt\"><\/i>');\n modeTitle.innerHTML = `${icon} ${mode} \u2726 Loyal Righteousness Prep`;\n \n currentIndex = 0;\n playerScore = 0;\n quizAnswered = false;\n selectedOptIdx = null;\n updateScoreUI();\n nextBtn.style.display = \"none\";\n feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\"><\/i> ${mode} mode activated. Answer 6 questions about Wen Tianxiang, the Song of Righteousness, and unwavering loyalty.`;\n renderQuestion();\n \n document.querySelectorAll('.mode-btn').forEach(btn => btn.classList.remove('active'));\n if (mode === \"SAT\") document.getElementById(\"modeSAT\").classList.add('active');\n if (mode === \"PSAT\") document.getElementById(\"modePSAT\").classList.add('active');\n if (mode === \"ACT\") document.getElementById(\"modeACT\").classList.add('active');\n }\n\n function renderQuestion() {\n if (currentIndex >= totalPerMode) {\n dynamicArea.innerHTML = `\n <div style=\"text-align:center; padding:20px;\">\n <i class=\"fas fa-trophy\" style=\"font-size:3rem; color:#c9a87b;\"><\/i>\n <h3>${currentMode} Complete!<\/h3>\n <p>Your score: ${playerScore} \/ ${totalPerMode*100}<\/p>\n <p><i class=\"fas fa-medal\"><\/i> ${getFinalMessage()}<\/p>\n <i class=\"fas fa-sync-alt\"><\/i> Switch exam mode or press Restart.\n <\/div>\n `;\n nextBtn.style.display = \"none\";\n quizAnswered = true;\n return;\n }\n\n const q = currentQuestions[currentIndex];\n let optionsHtml = '';\n const letters = ['A', 'B', 'C', 'D'];\n q.options.forEach((opt, idx) => {\n let disabledAttr = quizAnswered ? 'disabled' : '';\n let extraClass = '';\n if (quizAnswered) {\n if (idx === q.correct) extraClass = 'correct-highlight';\n else if (idx === selectedOptIdx && idx !== q.correct) extraClass = 'wrong-highlight';\n }\n optionsHtml += `\n <button class=\"opt-btn ${extraClass}\" data-opt-index=\"${idx}\" ${disabledAttr}>\n <i class=\"fas ${idx === 0 ? 'fa-circle' : (idx === 1 ? 'fa-dot-circle' : (idx === 2 ? 'fa-record-vinyl' : 'fa-stop'))}\"><\/i>\n <strong>${letters[idx]}.<\/strong> ${escapeHtml(opt)}\n <\/button>\n `;\n });\n\n const progressHtml = `<div class=\"game-status\" style=\"margin-bottom:12px;\"><i class=\"fas fa-feather-alt\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode}) \u2022 <i class=\"fas fa-dragon\"><\/i> ${q.topic}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-scroll\"><\/i> ${escapeHtml(q.text)}<\/div>\n <div class=\"options-list\" id=\"optionsList\">${optionsHtml}<\/div>\n `;\n dynamicArea.innerHTML = questionHtml;\n\n if (!quizAnswered) {\n document.querySelectorAll('.opt-btn').forEach(btn => {\n btn.addEventListener('click', (e) => {\n if (quizAnswered) return;\n const chosenIdx = parseInt(btn.getAttribute('data-opt-index'));\n handleAnswer(chosenIdx);\n });\n });\n }\n }\n\n function handleAnswer(chosenIdx) {\n if (quizAnswered) return;\n const q = currentQuestions[currentIndex];\n const isCorrect = (chosenIdx === q.correct);\n selectedOptIdx = chosenIdx;\n if (isCorrect) {\n playerScore += 100;\n updateScoreUI();\n feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\" style=\"color:#2e7d32;\"><\/i> \u2705 ${q.explanation} <i class=\"fas fa-award\"><\/i> +100 points (${q.topic})`;\n } else {\n const correctLetter = String.fromCharCode(65 + q.correct);\n const correctText = q.options[q.correct];\n feedbackDiv.innerHTML = `<i class=\"fas fa-times-circle\" style=\"color:#b71c1c;\"><\/i> Incorrect. Correct answer: ${correctLetter}: ${escapeHtml(correctText)}.<br>\ud83d\udcd6 ${q.explanation} (${q.topic})`;\n }\n quizAnswered = true;\n renderQuestion();\n nextBtn.style.display = \"block\";\n }\n\n function nextQuestion() {\n if (!quizAnswered && currentIndex < totalPerMode) {\n feedbackDiv.innerHTML = `<i class=\"fas fa-exclamation-triangle\"><\/i> Please answer before continuing.`;\n return;\n }\n if (currentIndex + 1 <= totalPerMode) {\n currentIndex++;\n quizAnswered = false;\n selectedOptIdx = null;\n nextBtn.style.display = \"none\";\n if (currentIndex < totalPerMode) {\n feedbackDiv.innerHTML = `<i class=\"fas fa-lightbulb\"><\/i> Read the article carefully, then choose the best answer.`;\n renderQuestion();\n } else {\n renderQuestion();\n nextBtn.style.display = \"none\";\n }\n }\n }\n\n function restartQuiz() {\n loadMode(currentMode);\n }\n\n function getFinalMessage() {\n let maxScore = totalPerMode * 100;\n if (playerScore === maxScore) return `\ud83c\udfc6 Perfect ${currentMode} score! You understand Wen Tianxiang's unwavering loyalty, the Song of Righteousness, and his moral courage.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! \u201cA righteous spirit flows through heaven and earth\u201d \u2014 a timeless example of integrity.`;\n return `\ud83d\udcdc Review the exhibit about the Southern Song, the Mongol conquest, and Wen Tianxiang's refusal to serve the Yuan.`;\n }\n\n function escapeHtml(str) {\n return str.replace(\/[&<>]\/g, function(m) {\n if (m === '&') return '&';\n if (m === '<') return '<';\n if (m === '>') return '>';\n return m;\n });\n }\n\n document.getElementById(\"modeSAT\").addEventListener(\"click\", () => loadMode(\"SAT\"));\n document.getElementById(\"modePSAT\").addEventListener(\"click\", () => loadMode(\"PSAT\"));\n document.getElementById(\"modeACT\").addEventListener(\"click\", () => loadMode(\"ACT\"));\n nextBtn.addEventListener(\"click\", nextQuestion);\n restartBtn.addEventListener(\"click\", restartQuiz);\n \n loadMode(\"SAT\");\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Museum Test Prep App | Wen Tianxiang \u2022 SAT \u2022 PSAT \u2022 ACT Wen Tianxiang Museum Test Prep App Southern Song scholar, statesman, poet \u2014 \u201cSong of Righteousness\u201d (Zhengqi Ge), symbol of loyalty and moral courage Righteousness Hall Wen Tianxiang \u2014 China (1236\u20131283) Wen Tianxiang was a scholar, statesman, and military leader of the Southern […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-985","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/985","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/comments?post=985"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/985\/revisions"}],"predecessor-version":[{"id":988,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/985\/revisions\/988"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}