Museum Test Prep App | Global Figures of Righteousness Hall \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: #1a1a2e;\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: #fef7e0;\n border-radius: 28px;\n box-shadow: 0 20px 35px rgba(0,0,0,0.3), 0 0 0 1px #c9a87b inset;\n overflow: hidden;\n }\n\n .hero {\n background: linear-gradient(135deg, #2c2c3a 0%, #1a1a2a 100%);\n padding: 1.8rem 2.5rem;\n border-bottom: 6px solid #d4af37;\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: #d4af37;\n margin-right: 10px;\n }\n .hero h1 .app-badge {\n font-size: 0.8rem;\n background: #d4af3733;\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: #d4af3730;\n padding: 8px;\n border-radius: 50%;\n border: 2px solid #d4af37;\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 #d4af37;\n padding-left: 1rem;\n margin: 0.75rem 0 1rem 0;\n color: #2d482b;\n }\n .article-panel h2 i {\n color: #d4af37;\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 .figures-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 15px 0;\n }\n .figure-badge {\n background: #e9e0cf;\n padding: 5px 12px;\n border-radius: 40px;\n font-size: 0.8rem;\n border: 1px solid #cfb37a;\n }\n .figure-badge i {\n margin-right: 6px;\n font-size: 0.7rem;\n }\n .inset-quote {\n background: #e9e0cf;\n padding: 0.8rem 1.3rem;\n border-left: 4px solid #d4af37;\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\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, #2c4b3e, #1e3a2f);\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 #d4af37;\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 #d4af37;\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-globe-asia\"><\/i> Global Figures of Righteousness Hall <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Museum Test Prep App<\/span><\/h1>\n <p><i class=\"fas fa-dove\"><\/i> Throughout history, individuals from many cultures have demonstrated extraordinary commitment to truth, justice, and moral responsibility.<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-hands-helping\"><\/i>\n <p><i class=\"fas fa-globe\"><\/i> World Heroes<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex-main\">\n <div class=\"article-panel\">\n <h2><i class=\"fas fa-landmark\"><\/i> Global Gallery of Courage<\/h2>\n <p>Across continents and centuries, remarkable individuals have stood for righteousness, justice, and human dignity. This hall honors those who risked everything for truth.<\/p>\n \n <div class=\"figures-grid\">\n <span class=\"figure-badge\"><i class=\"fas fa-flag-usa\"><\/i> Washington<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-usa\"><\/i> Lincoln<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-china\"><\/i> Wen Tianxiang<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-china\"><\/i> Bao Zheng<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-gb\"><\/i> Wilberforce<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-gb\"><\/i> Pankhurst<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-fr\"><\/i> Zola<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-fr\"><\/i> Moulin<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-de\"><\/i> Bonhoeffer<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-de\"><\/i> Schindler<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-jp\"><\/i> Sugihara<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-in\"><\/i> Gandhi<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-in\"><\/i> Mother Teresa<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-za\"><\/i> Mandela<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-pl\"><\/i> Karski<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-sv\"><\/i> Romero<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-mx\"><\/i> Hidalgo<\/span>\n <\/div>\n\n <h3><i class=\"fas fa-star-of-life\"><\/i> What is Righteousness?<\/h3>\n <p>Righteousness means acting with moral integrity, often at great personal cost. These figures resisted oppression, defended the innocent, and stood for truth when it was dangerous to do so.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cThe arc of the moral universe is long, but it bends toward justice.\u201d \u2014 Martin Luther King Jr.\n <\/div>\n\n <h3><i class=\"fas fa-hand-peace\"><\/i> Shared Values Across Cultures<\/h3>\n <p>From Wen Tianxiang’s loyalty in China to Wilberforce’s abolitionism in Britain, from Gandhi’s nonviolence to Mandela’s reconciliation \u2014 these heroes remind us that courage and compassion are universal.<\/p>\n \n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> United States Holocaust Memorial Museum, Yad Vashem, Nobel Foundation, various historical archives.\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 Global 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 Diverse global figures<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer>\n <i class=\"fas fa-chess-queen\"><\/i> Museum Test Prep App | SAT \u2022 PSAT \u2022 ACT modes | Global Figures of Righteousness Hall\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 public domain historical content.\n <\/div>\n <\/footer>\n<\/div>\n\n<script>\n \/\/ ==================== GLOBAL FIGURES QUESTION BANKS ====================\n \/\/ SAT Style \u2014 Inference, evidence-based, analytical\n const SAT_QUESTIONS = [\n { figure: \"Nelson Mandela\", text: \"Nelson Mandela's willingness to serve only one term as president of South Africa most directly reflects which principle also demonstrated by George Washington?\", options: [\"Nonviolent resistance\", \"Peaceful transfer of power and constitutional limits\", \"Economic sanctions\", \"International diplomacy\"], correct: 1, explanation: \"Both leaders voluntarily relinquished power to strengthen democratic institutions.\" },\n { figure: \"Chiune Sugihara\", text: \"As a Japanese diplomat in Lithuania during WWII, Sugihara defied his government to issue transit visas to thousands of Jewish refugees. His actions best exemplify:\", options: [\"Isolationism\", \"Moral courage over bureaucratic orders\", \"Economic opportunism\", \"Military strategy\"], correct: 1, explanation: \"Sugihara prioritized human life over strict obedience, a hallmark of righteous action.\" },\n { figure: \"Wen Tianxiang\", text: \"The 13th-century Chinese scholar Wen Tianxiang refused to defect to the Yuan dynasty even under threat of death. His legacy primarily emphasizes:\", options: [\"Military conquest\", \"Loyalty and moral integrity\", \"Trade expansion\", \"Artistic achievement\"], correct: 1, explanation: \"Wen became a symbol of unwavering loyalty and righteousness.\" },\n { figure: \"Emmeline Pankhurst\", text: \"Pankhurst's militant suffrage movement in Britain challenged the notion that:\", options: [\"Women lacked intelligence\", \"Only peaceful protest is valid\", \"Women should not vote\", \"Change requires legislation only\"], correct: 2, explanation: \"She fought for women's voting rights, directly confronting gender discrimination.\" },\n { figure: \"Oskar Schindler\", text: \"Schindler, a German industrialist, saved over 1,000 Jewish workers by employing them in his factory. His transformation from Nazi party member to rescuer illustrates:\", options: [\"The inevitability of evil\", \"That ordinary people can choose righteousness\", \"That wealth always corrupts\", \"That war brings out the best in everyone\"], correct: 1, explanation: \"Schindler's story shows that individuals can change and do good despite past wrongs.\" },\n { figure: \"Bao Zheng\", text: \"Bao Zheng, a judge in 11th-century China, became legendary for:\", options: [\"Military victories\", \"Impartial justice against the powerful\", \"Poetic masterpieces\", \"Agricultural reforms\"], correct: 1, explanation: \"Bao represented incorruptible justice, willing to punish nobles who broke the law.\" }\n ];\n\n \/\/ PSAT Style \u2014 Main idea, vocabulary, simpler inference\n const PSAT_QUESTIONS = [\n { figure: \"Mahatma Gandhi\", text: \"What was Gandhi's primary method of resisting British rule in India?\", options: [\"Violent rebellion\", \"Nonviolent civil disobedience\", \"Political negotiations only\", \"Economic isolation\"], correct: 1, explanation: \"Gandhi championed satyagraha \u2014 nonviolent resistance.\" },\n { figure: \"Dietrich Bonhoeffer\", text: \"Bonhoeffer, a German pastor, opposed the Nazis and was executed. His actions show that:\", options: [\"Religion should avoid politics\", \"Faith can inspire resistance to tyranny\", \"Germany was entirely evil\", \"Pastors should obey all laws\"], correct: 1, explanation: \"Bonhoeffer's theology led him to resist an unjust regime.\" },\n { figure: \"Mother Teresa\", text: \"Mother Teresa is best known for her work:\", options: [\"In Indian politics\", \"With the poor and dying in Calcutta\", \"As a military leader\", \"As a scientist\"], correct: 1, explanation: \"She dedicated her life to serving the poorest of the poor.\" },\n { figure: \"Abraham Lincoln\", text: \"Lincoln's Emancipation Proclamation primarily aimed to:\", options: [\"End slavery in rebel states\", \"Make peace immediately\", \"Expand US territory\", \"Create new taxes\"], correct: 0, explanation: \"It declared enslaved people free in Confederate territory.\" },\n { figure: \"Jan Karski\", text: \"Jan Karski, a Polish resistance fighter, risked his life to:\", options: [\"Fight in battles\", \"Report Nazi atrocities to the West\", \"Escape to America\", \"Write poetry\"], correct: 1, explanation: \"Karski carried eyewitness reports of the Holocaust to Allied leaders.\" },\n { figure: \"Oscar Romero\", text: \"Archbishop Romero of El Salvador was assassinated because he:\", options: [\"Supported the military\", \"Spoke out against poverty and injustice\", \"Promoted atheism\", \"Was a foreigner\"], correct: 1, explanation: \"He defended the poor and condemned state violence.\" }\n ];\n\n \/\/ ACT Style \u2014 Detail recall, author's purpose, time management focused\n const ACT_QUESTIONS = [\n { figure: \"William Wilberforce\", text: \"William Wilberforce led the parliamentary campaign to:\", options: [\"Abolish the slave trade in Britain\", \"Expand the British Empire\", \"Start the Industrial Revolution\", \"Cancel elections\"], correct: 0, explanation: \"Wilberforce succeeded in ending the British slave trade in 1807.\" },\n { figure: \"Emile Zola\", text: \"French writer \u00c9mile Zola published 'J'Accuse...!' to defend:\", options: [\"Napoleon III\", \"Captain Alfred Dreyfus\", \"The Paris Commune\", \"Monarchy\"], correct: 1, explanation: \"Zola exposed anti-Semitism and injustice in the Dreyfus Affair.\" },\n { figure: \"Jean Moulin\", text: \"Jean Moulin unified the French Resistance against Nazi occupation. His contribution was:\", options: [\"Economic\", \"Military only\", \"Political and organizational\", \"Artistic\"], correct: 2, explanation: \"He created the National Council of the Resistance, uniting disparate groups.\" },\n { figure: \"Miguel Hidalgo\", text: \"Father Miguel Hidalgo is known as the father of:\", options: [\"Mexican independence\", \"Spanish literature\", \"Catholic reform\", \"Argentine unity\"], correct: 0, explanation: \"His 'Grito de Dolores' launched Mexico's war for independence.\" },\n { figure: \"Titus Brandsma\", text: \"Dutch priest Titus Brandsma, who died at Dachau, resisted:\", options: [\"Communism\", \"Nazi ideology and anti-Semitism\", \"Capitalism\", \"Dutch monarchy\"], correct: 1, explanation: \"Brandsma refused to cooperate with Nazi propaganda and was martyred.\" },\n { figure: \"Yamato Takeru\", text: \"According to legend, the Japanese prince Yamato Takeru symbolizes:\", options: [\"Business success\", \"Bravvery and filial piety\", \"Scientific discovery\", \"Diplomacy\"], correct: 1, explanation: \"He is a legendary hero of courage and loyalty in Japanese mythology.\" }\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 \/\/ DOM elements\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 Global 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 global heroes.`;\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:#d4af37;\"><\/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-question-circle\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode}) \u2022 <i class=\"fas fa-user\"><\/i> ${q.figure}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-gavel\"><\/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.figure})`;\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. Answer: ${correctLetter}: ${escapeHtml(correctText)}.<br>\ud83d\udcd6 ${q.explanation} (${q.figure})`;\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 first.`;\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 about each global figure, 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 embody global righteousness.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! Keep learning about these heroes.`;\n return `\ud83d\udcdc Review the hall of figures and try again. Righteousness is a journey.`;\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 \/\/ Event bindings\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 \/\/ Initialize with SAT\n loadMode(\"SAT\");\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Museum Test Prep App | Global Figures of Righteousness Hall \u2022 SAT \u2022 PSAT \u2022 ACT Global Figures of Righteousness Hall Museum Test Prep App Throughout history, individuals from many cultures have demonstrated extraordinary commitment to truth, justice, and moral responsibility. World Heroes Global Gallery of Courage Across continents and centuries, remarkable individuals have stood […]<\/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-834","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/834","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=834"}],"version-history":[{"count":1,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/834\/revisions"}],"predecessor-version":[{"id":835,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/834\/revisions\/835"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":834,"date":"2026-04-24T16:10:43","date_gmt":"2026-04-24T16:10:43","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=834"},"modified":"2026-04-24T16:10:43","modified_gmt":"2026-04-24T16:10:43","slug":"museum-test-prep-app-righteous-figures-hall","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/museum-test-prep-app-righteous-figures-hall\/","title":{"rendered":"Museum Test Prep App- Righteous Figures Hall"},"content":{"rendered":"\n\n\n\n \n \n Museum Test Prep App | Global Figures of Righteousness Hall \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: #1a1a2e;\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: #fef7e0;\n border-radius: 28px;\n box-shadow: 0 20px 35px rgba(0,0,0,0.3), 0 0 0 1px #c9a87b inset;\n overflow: hidden;\n }\n\n .hero {\n background: linear-gradient(135deg, #2c2c3a 0%, #1a1a2a 100%);\n padding: 1.8rem 2.5rem;\n border-bottom: 6px solid #d4af37;\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: #d4af37;\n margin-right: 10px;\n }\n .hero h1 .app-badge {\n font-size: 0.8rem;\n background: #d4af3733;\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: #d4af3730;\n padding: 8px;\n border-radius: 50%;\n border: 2px solid #d4af37;\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 #d4af37;\n padding-left: 1rem;\n margin: 0.75rem 0 1rem 0;\n color: #2d482b;\n }\n .article-panel h2 i {\n color: #d4af37;\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 .figures-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 15px 0;\n }\n .figure-badge {\n background: #e9e0cf;\n padding: 5px 12px;\n border-radius: 40px;\n font-size: 0.8rem;\n border: 1px solid #cfb37a;\n }\n .figure-badge i {\n margin-right: 6px;\n font-size: 0.7rem;\n }\n .inset-quote {\n background: #e9e0cf;\n padding: 0.8rem 1.3rem;\n border-left: 4px solid #d4af37;\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\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, #2c4b3e, #1e3a2f);\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 #d4af37;\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 #d4af37;\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-globe-asia\"><\/i> Global Figures of Righteousness Hall <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Museum Test Prep App<\/span><\/h1>\n <p><i class=\"fas fa-dove\"><\/i> Throughout history, individuals from many cultures have demonstrated extraordinary commitment to truth, justice, and moral responsibility.<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-hands-helping\"><\/i>\n <p><i class=\"fas fa-globe\"><\/i> World Heroes<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex-main\">\n <div class=\"article-panel\">\n <h2><i class=\"fas fa-landmark\"><\/i> Global Gallery of Courage<\/h2>\n <p>Across continents and centuries, remarkable individuals have stood for righteousness, justice, and human dignity. This hall honors those who risked everything for truth.<\/p>\n \n <div class=\"figures-grid\">\n <span class=\"figure-badge\"><i class=\"fas fa-flag-usa\"><\/i> Washington<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-usa\"><\/i> Lincoln<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-china\"><\/i> Wen Tianxiang<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-china\"><\/i> Bao Zheng<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-gb\"><\/i> Wilberforce<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-gb\"><\/i> Pankhurst<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-fr\"><\/i> Zola<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-fr\"><\/i> Moulin<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-de\"><\/i> Bonhoeffer<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-de\"><\/i> Schindler<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-jp\"><\/i> Sugihara<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-in\"><\/i> Gandhi<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-in\"><\/i> Mother Teresa<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-za\"><\/i> Mandela<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-pl\"><\/i> Karski<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-sv\"><\/i> Romero<\/span>\n <span class=\"figure-badge\"><i class=\"fas fa-flag-mx\"><\/i> Hidalgo<\/span>\n <\/div>\n\n <h3><i class=\"fas fa-star-of-life\"><\/i> What is Righteousness?<\/h3>\n <p>Righteousness means acting with moral integrity, often at great personal cost. These figures resisted oppression, defended the innocent, and stood for truth when it was dangerous to do so.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cThe arc of the moral universe is long, but it bends toward justice.\u201d \u2014 Martin Luther King Jr.\n <\/div>\n\n <h3><i class=\"fas fa-hand-peace\"><\/i> Shared Values Across Cultures<\/h3>\n <p>From Wen Tianxiang’s loyalty in China to Wilberforce’s abolitionism in Britain, from Gandhi’s nonviolence to Mandela’s reconciliation \u2014 these heroes remind us that courage and compassion are universal.<\/p>\n \n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> United States Holocaust Memorial Museum, Yad Vashem, Nobel Foundation, various historical archives.\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 Global 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 Diverse global figures<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer>\n <i class=\"fas fa-chess-queen\"><\/i> Museum Test Prep App | SAT \u2022 PSAT \u2022 ACT modes | Global Figures of Righteousness Hall\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 public domain historical content.\n <\/div>\n <\/footer>\n<\/div>\n\n<script>\n \/\/ ==================== GLOBAL FIGURES QUESTION BANKS ====================\n \/\/ SAT Style \u2014 Inference, evidence-based, analytical\n const SAT_QUESTIONS = [\n { figure: \"Nelson Mandela\", text: \"Nelson Mandela's willingness to serve only one term as president of South Africa most directly reflects which principle also demonstrated by George Washington?\", options: [\"Nonviolent resistance\", \"Peaceful transfer of power and constitutional limits\", \"Economic sanctions\", \"International diplomacy\"], correct: 1, explanation: \"Both leaders voluntarily relinquished power to strengthen democratic institutions.\" },\n { figure: \"Chiune Sugihara\", text: \"As a Japanese diplomat in Lithuania during WWII, Sugihara defied his government to issue transit visas to thousands of Jewish refugees. His actions best exemplify:\", options: [\"Isolationism\", \"Moral courage over bureaucratic orders\", \"Economic opportunism\", \"Military strategy\"], correct: 1, explanation: \"Sugihara prioritized human life over strict obedience, a hallmark of righteous action.\" },\n { figure: \"Wen Tianxiang\", text: \"The 13th-century Chinese scholar Wen Tianxiang refused to defect to the Yuan dynasty even under threat of death. His legacy primarily emphasizes:\", options: [\"Military conquest\", \"Loyalty and moral integrity\", \"Trade expansion\", \"Artistic achievement\"], correct: 1, explanation: \"Wen became a symbol of unwavering loyalty and righteousness.\" },\n { figure: \"Emmeline Pankhurst\", text: \"Pankhurst's militant suffrage movement in Britain challenged the notion that:\", options: [\"Women lacked intelligence\", \"Only peaceful protest is valid\", \"Women should not vote\", \"Change requires legislation only\"], correct: 2, explanation: \"She fought for women's voting rights, directly confronting gender discrimination.\" },\n { figure: \"Oskar Schindler\", text: \"Schindler, a German industrialist, saved over 1,000 Jewish workers by employing them in his factory. His transformation from Nazi party member to rescuer illustrates:\", options: [\"The inevitability of evil\", \"That ordinary people can choose righteousness\", \"That wealth always corrupts\", \"That war brings out the best in everyone\"], correct: 1, explanation: \"Schindler's story shows that individuals can change and do good despite past wrongs.\" },\n { figure: \"Bao Zheng\", text: \"Bao Zheng, a judge in 11th-century China, became legendary for:\", options: [\"Military victories\", \"Impartial justice against the powerful\", \"Poetic masterpieces\", \"Agricultural reforms\"], correct: 1, explanation: \"Bao represented incorruptible justice, willing to punish nobles who broke the law.\" }\n ];\n\n \/\/ PSAT Style \u2014 Main idea, vocabulary, simpler inference\n const PSAT_QUESTIONS = [\n { figure: \"Mahatma Gandhi\", text: \"What was Gandhi's primary method of resisting British rule in India?\", options: [\"Violent rebellion\", \"Nonviolent civil disobedience\", \"Political negotiations only\", \"Economic isolation\"], correct: 1, explanation: \"Gandhi championed satyagraha \u2014 nonviolent resistance.\" },\n { figure: \"Dietrich Bonhoeffer\", text: \"Bonhoeffer, a German pastor, opposed the Nazis and was executed. His actions show that:\", options: [\"Religion should avoid politics\", \"Faith can inspire resistance to tyranny\", \"Germany was entirely evil\", \"Pastors should obey all laws\"], correct: 1, explanation: \"Bonhoeffer's theology led him to resist an unjust regime.\" },\n { figure: \"Mother Teresa\", text: \"Mother Teresa is best known for her work:\", options: [\"In Indian politics\", \"With the poor and dying in Calcutta\", \"As a military leader\", \"As a scientist\"], correct: 1, explanation: \"She dedicated her life to serving the poorest of the poor.\" },\n { figure: \"Abraham Lincoln\", text: \"Lincoln's Emancipation Proclamation primarily aimed to:\", options: [\"End slavery in rebel states\", \"Make peace immediately\", \"Expand US territory\", \"Create new taxes\"], correct: 0, explanation: \"It declared enslaved people free in Confederate territory.\" },\n { figure: \"Jan Karski\", text: \"Jan Karski, a Polish resistance fighter, risked his life to:\", options: [\"Fight in battles\", \"Report Nazi atrocities to the West\", \"Escape to America\", \"Write poetry\"], correct: 1, explanation: \"Karski carried eyewitness reports of the Holocaust to Allied leaders.\" },\n { figure: \"Oscar Romero\", text: \"Archbishop Romero of El Salvador was assassinated because he:\", options: [\"Supported the military\", \"Spoke out against poverty and injustice\", \"Promoted atheism\", \"Was a foreigner\"], correct: 1, explanation: \"He defended the poor and condemned state violence.\" }\n ];\n\n \/\/ ACT Style \u2014 Detail recall, author's purpose, time management focused\n const ACT_QUESTIONS = [\n { figure: \"William Wilberforce\", text: \"William Wilberforce led the parliamentary campaign to:\", options: [\"Abolish the slave trade in Britain\", \"Expand the British Empire\", \"Start the Industrial Revolution\", \"Cancel elections\"], correct: 0, explanation: \"Wilberforce succeeded in ending the British slave trade in 1807.\" },\n { figure: \"Emile Zola\", text: \"French writer \u00c9mile Zola published 'J'Accuse...!' to defend:\", options: [\"Napoleon III\", \"Captain Alfred Dreyfus\", \"The Paris Commune\", \"Monarchy\"], correct: 1, explanation: \"Zola exposed anti-Semitism and injustice in the Dreyfus Affair.\" },\n { figure: \"Jean Moulin\", text: \"Jean Moulin unified the French Resistance against Nazi occupation. His contribution was:\", options: [\"Economic\", \"Military only\", \"Political and organizational\", \"Artistic\"], correct: 2, explanation: \"He created the National Council of the Resistance, uniting disparate groups.\" },\n { figure: \"Miguel Hidalgo\", text: \"Father Miguel Hidalgo is known as the father of:\", options: [\"Mexican independence\", \"Spanish literature\", \"Catholic reform\", \"Argentine unity\"], correct: 0, explanation: \"His 'Grito de Dolores' launched Mexico's war for independence.\" },\n { figure: \"Titus Brandsma\", text: \"Dutch priest Titus Brandsma, who died at Dachau, resisted:\", options: [\"Communism\", \"Nazi ideology and anti-Semitism\", \"Capitalism\", \"Dutch monarchy\"], correct: 1, explanation: \"Brandsma refused to cooperate with Nazi propaganda and was martyred.\" },\n { figure: \"Yamato Takeru\", text: \"According to legend, the Japanese prince Yamato Takeru symbolizes:\", options: [\"Business success\", \"Bravvery and filial piety\", \"Scientific discovery\", \"Diplomacy\"], correct: 1, explanation: \"He is a legendary hero of courage and loyalty in Japanese mythology.\" }\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 \/\/ DOM elements\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 Global 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 global heroes.`;\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:#d4af37;\"><\/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-question-circle\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode}) \u2022 <i class=\"fas fa-user\"><\/i> ${q.figure}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-gavel\"><\/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.figure})`;\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. Answer: ${correctLetter}: ${escapeHtml(correctText)}.<br>\ud83d\udcd6 ${q.explanation} (${q.figure})`;\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 first.`;\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 about each global figure, 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 embody global righteousness.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! Keep learning about these heroes.`;\n return `\ud83d\udcdc Review the hall of figures and try again. Righteousness is a journey.`;\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 \/\/ Event bindings\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 \/\/ Initialize with SAT\n loadMode(\"SAT\");\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Museum Test Prep App | Global Figures of Righteousness Hall \u2022 SAT \u2022 PSAT \u2022 ACT Global Figures of Righteousness Hall Museum Test Prep App Throughout history, individuals from many cultures have demonstrated extraordinary commitment to truth, justice, and moral responsibility. World Heroes Global Gallery of Courage Across continents and centuries, remarkable individuals have stood […]<\/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-834","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/834","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=834"}],"version-history":[{"count":1,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/834\/revisions"}],"predecessor-version":[{"id":835,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/834\/revisions\/835"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}