Museum Test Prep App | \u00d3scar Romero \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: #2a2a2e;\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, #4a2a6a 0%, #2a1a4a 100%);\n padding: 1.8rem 2.5rem;\n border-bottom: 6px solid #e0b87a;\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: #e0b87a;\n margin-right: 10px;\n }\n .hero h1 .app-badge {\n font-size: 0.8rem;\n background: #e0b87a33;\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: #e0b87a30;\n padding: 8px;\n border-radius: 50%;\n border: 2px solid #e0b87a;\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 #e0b87a;\n padding-left: 1rem;\n margin: 0.75rem 0 1rem 0;\n color: #4a2a6a;\n }\n .article-panel h2 i {\n color: #e0b87a;\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 #e0b87a;\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 #e0b87a;\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, #4a2a6a, #2a1a4a);\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 #e0b87a;\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 #e0b87a;\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-church\"><\/i> \u00d3scar Romero <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> Archbishop of San Salvador, human rights advocate, martyr \u2014 Canonized 2018, \u201cVoice of the voiceless\u201d<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-cross\"><\/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> \u00d3scar Romero \u2014 El Salvador (1917\u20131980)<\/h2>\n <p>\u00d3scar Romero was a Catholic archbishop, human rights advocate, and moral leader who became internationally known for speaking out against political violence, social injustice, and human rights abuses in El Salvador. Through his sermons, public statements, and pastoral leadership, he defended the rights of the poor and called for an end to violence during a time of deep political conflict. As the Archbishop of San Salvador, Romero used his position to denounce oppression and urge both the government and armed groups to respect human dignity. His commitment to justice and truth ultimately made him a powerful voice for those who had no political power. Today, he is remembered as a symbol of moral courage, defense of human rights, and faithful leadership in times of crisis.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cIf they kill me, I will rise again in the Salvadoran people.\u201d \u2014 \u00d3scar Romero\n <\/div>\n\n <h3><i class=\"fas fa-microscope\"><\/i> Historical Context & Transformation<\/h3>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-calendar-alt\"><\/i> 1977 \u2013 Archbishop of San Salvador<\/span>\n <p>Initially considered cautious, Romero\u2019s perspective changed after witnessing violence against priests and community members who worked with the poor.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-radio\"><\/i> Weekly Radio Sermons<\/span>\n <p>His Sunday sermons were broadcast across El Salvador, denouncing human rights abuses and urging respect for human dignity.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-gavel\"><\/i> 1980 \u2013 Direct Appeal to Military<\/span>\n <p>In a famous sermon, Romero directly addressed soldiers, urging them to refuse orders that violated humanitarian principles.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-skull\"><\/i> March 24, 1980 \u2013 Assassination<\/span>\n <p>While celebrating Mass in a chapel in San Salvador, Romero was shot and killed by a gunman linked to extremist political forces.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-church\"><\/i> 2018 \u2013 Canonization<\/span>\n <p>Pope Francis declared Romero a saint, recognizing his martyrdom and defense of the poor.<\/p>\n <\/div>\n\n <h3><i class=\"fas fa-church\"><\/i> Righteous Act: Speaking Against Political Violence<\/h3>\n <p>\u00d3scar Romero\u2019s most courageous action was his open condemnation of violence carried out by government security forces. In a widely known 1980 sermon, he directly addressed members of the military, urging them to refuse orders that violated moral and humanitarian principles. He appealed to their conscience, reminding them that no government authority justified killing innocent people. By publicly challenging powerful institutions, Romero demonstrated extraordinary moral conviction and commitment to human dignity. His message emphasized that peace and justice could only be achieved through respect for human rights and ethical responsibility.<\/p>\n\n <h3><i class=\"fas fa-comment-dots\"><\/i> Legacy: Martyr for Justice and Canonized Saint<\/h3>\n <p>\u00d3scar Romero is remembered as one of the most important religious defenders of human rights and social justice in Latin America. His life and death became a powerful symbol of resistance to oppression and advocacy for the poor. In recognition of his moral courage and religious witness, the Roman Catholic Church declared him a martyr. In 2018, he was canonized as a saint by Pope Francis. Today, Romero\u2019s legacy continues to inspire movements for justice, peace, and human dignity around the world.<\/p>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Brockman (2015), Peterson (1997), Wood (2003), Sobrino (1990).\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 Martyr 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 \u00d3scar Romero: archbishop, radio sermons, assassination, canonization 2018<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer>\n <i class=\"fas fa-church\"><\/i> Museum Test Prep App | SAT \u2022 PSAT \u2022 ACT modes | \u00d3scar Romero \u2014 Righteous Act: Speaking Against Political Violence\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 \/\/ ========== \u00d3SCAR ROMERO QUESTION BANKS ==========\n \/\/ Themes: Archbishop of San Salvador, 1977, transformation after witnessing violence, weekly radio sermons, 1980 sermon addressing military, appeal to conscience, assassination during Mass (March 24, 1980), canonization 2018\n \n const SAT_QUESTIONS = [\n { topic: \"Public Platform\", text: \"\u00d3scar Romero used weekly sermons broadcast on national radio to:\", options: [\"Promote the government\", \"Denounce human rights abuses, urge respect for human dignity, and comfort the poor\", \"Endorse political candidates\", \"Discourage nonviolence\"], correct: 1, explanation: \"His radio messages reached the entire country and became a powerful tool for exposing injustice and calling for peace.\" },\n { topic: \"Direct Appeal to Military\", text: \"In a famous 1980 sermon, Romero directly addressed soldiers and:\", options: [\"Praised their actions\", \"Urged them to refuse orders that violated moral and humanitarian principles\", \"Called for a coup\", \"Announced his resignation\"], correct: 1, explanation: \"He appealed to their conscience, arguing that no government authority justified killing innocent people.\" },\n { topic: \"Assassination Circumstances\", text: \"\u00d3scar Romero was assassinated on March 24, 1980, while:\", options: [\"Leading a protest march\", \"Celebrating Mass in a chapel in San Salvador\", \"Meeting with government officials\", \"Writing a pastoral letter\"], correct: 1, explanation: \"He was shot by a gunman while at the altar, becoming a martyr for justice.\" },\n { topic: \"Canonization\", text: \"Pope Francis canonized \u00d3scar Romero as a saint in 2018, recognizing his:\", options: [\"Political career\", \"Martyrdom and defense of the poor\", \"Wealth and status\", \"Military leadership\"], correct: 1, explanation: \"The Church declared him a martyr because he was killed out of hatred for his faith and his defense of the oppressed.\" },\n { topic: \"Moral Transformation\", text: \"Although initially considered a cautious church leader, Romero changed after:\", options: [\"Being elected archbishop\", \"Witnessing violence against priests and community members who worked with the poor\", \"Reading a book\", \"Traveling abroad\"], correct: 1, explanation: \"Personal encounters with state\u2011sanctioned violence radicalized his commitment to justice.\" },\n { topic: \"Legacy Title\", text: \"\u00d3scar Romero is often called the:\", options: [\"Lion of the Church\", \"Voice of the Voiceless\", \"Soldier of Christ\", \"Father of the Poor\"], correct: 1, explanation: \"He became known as the 'Voice of the Voiceless' for speaking on behalf of those who could not speak for themselves.\" }\n ];\n\n const PSAT_QUESTIONS = [\n { topic: \"Romero's Country\", text: \"\u00d3scar Romero was a human rights advocate and archbishop from:\", options: [\"Guatemala\", \"El Salvador\", \"Nicaragua\", \"Honduras\"], correct: 1, explanation: \"He served as Archbishop of San Salvador in El Salvador.\" },\n { topic: \"Archbishop Appointment Year\", text: \"Romero became Archbishop of San Salvador in which year?\", options: [\"1975\", \"1976\", \"1977\", \"1978\"], correct: 2, explanation: \"He was appointed archbishop in 1977.\" },\n { topic: \"Assassination Year\", text: \"Romero was assassinated in which year?\", options: [\"1979\", \"1980\", \"1981\", \"1982\"], correct: 1, explanation: \"He was killed on March 24, 1980.\" },\n { topic: \"Canonization Year\", text: \"Pope Francis canonized \u00d3scar Romero as a saint in which year?\", options: [\"2015\", \"2016\", \"2017\", \"2018\"], correct: 3, explanation: \"Romero was declared a saint in 2018.\" },\n { topic: \"Weekly Sermons\", text: \"Romero\u2019s weekly sermons were broadcast via:\", options: [\"Television\", \"National radio\", \"Printed pamphlets\", \"Church bulletins\"], correct: 1, explanation: \"His radio broadcasts reached people across El Salvador, even those in remote areas.\" },\n { topic: \"Romero's Title\", text: \"As Archbishop, Romero is best remembered for:\", options: [\"Building new churches\", \"Defending the poor and denouncing government violence\", \"Writing theological books\", \"Organizing pilgrimages\"], correct: 1, explanation: \"He used his position to advocate for justice and human rights.\" }\n ];\n\n const ACT_QUESTIONS = [\n { topic: \"Birth Year\", text: \"\u00d3scar Romero was born in which year?\", options: [\"1912\", \"1915\", \"1917\", \"1920\"], correct: 2, explanation: \"He was born in 1917 in Ciudad Barrios, El Salvador.\" },\n { topic: \"Death Year\", text: \"Romero was assassinated in which year?\", options: [\"1979\", \"1980\", \"1981\", \"1982\"], correct: 1, explanation: \"He was killed in 1980 at the altar.\" },\n { topic: \"Military Appeal\", text: \"In his 1980 sermon, Romero urged soldiers to:\", options: [\"Fight harder\", \"Follow orders without question\", \"Refuse orders that violate humanitarian principles\", \"Arrest church leaders\"], correct: 2, explanation: \"He appealed to their conscience, telling them that God's law supersedes unjust orders.\" },\n { topic: \"El Salvador Conflict\", text: \"During Romero\u2019s time, El Salvador was experiencing:\", options: [\"Economic prosperity\", \"Severe political instability, social inequality, and human rights abuses\", \"Peaceful democratic transition\", \"Foreign military invasion\"], correct: 1, explanation: \"The country was on the brink of civil war, with widespread repression of dissent.\" },\n { topic: \"Martyr Declaration\", text: \"The Roman Catholic Church declared Romero a martyr because:\", options: [\"He died of old age\", \"He was killed in hatred of the faith and his defense of the poor\", \"He converted many people\", \"He built many churches\"], correct: 1, explanation: \"Martyrdom recognizes that he was killed for his religious and moral witness.\" },\n { topic: \"Pope Who Canonized\", text: \"Which pope canonized \u00d3scar Romero?\", options: [\"Pope Benedict XVI\", \"Pope Francis\", \"Pope John Paul II\", \"Pope Paul VI\"], correct: 1, explanation: \"Pope Francis canonized Romero on October 14, 2018.\" }\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 Martyr 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 \u00d3scar Romero, archbishop, martyr, and saint.`;\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:#e0b87a;\"><\/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-church\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode}) \u2022 <i class=\"fas fa-dove\"><\/i> ${q.topic}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-cross\"><\/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 Romero\u2019s courageous witness, his radio sermons, martyrdom, and canonization.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! \u201cIf they kill me, I will rise again in the Salvadoran people.\u201d \u2014 St. \u00d3scar Romero`;\n return `\ud83d\udcdc Review the exhibit about the assassination of Romero, his appeal to the military, and his 2018 sainthood.`;\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 | \u00d3scar Romero \u2022 SAT \u2022 PSAT \u2022 ACT \u00d3scar Romero Museum Test Prep App Archbishop of San Salvador, human rights advocate, martyr \u2014 Canonized 2018, \u201cVoice of the voiceless\u201d Righteousness Hall \u00d3scar Romero \u2014 El Salvador (1917\u20131980) \u00d3scar Romero was a Catholic archbishop, human rights advocate, and moral leader who […]<\/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-1050","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1050","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=1050"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1050\/revisions"}],"predecessor-version":[{"id":1053,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1050\/revisions\/1053"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1050,"date":"2026-05-18T00:44:25","date_gmt":"2026-05-18T00:44:25","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=1050"},"modified":"2026-05-18T00:46:39","modified_gmt":"2026-05-18T00:46:39","slug":"museum-test-prep-app-oscar-romero","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/museum-test-prep-app-oscar-romero\/","title":{"rendered":"Museum Test Prep App – \u00d3scar Romero"},"content":{"rendered":"\n\n\n\n \n \n Museum Test Prep App | \u00d3scar Romero \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: #2a2a2e;\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, #4a2a6a 0%, #2a1a4a 100%);\n padding: 1.8rem 2.5rem;\n border-bottom: 6px solid #e0b87a;\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: #e0b87a;\n margin-right: 10px;\n }\n .hero h1 .app-badge {\n font-size: 0.8rem;\n background: #e0b87a33;\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: #e0b87a30;\n padding: 8px;\n border-radius: 50%;\n border: 2px solid #e0b87a;\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 #e0b87a;\n padding-left: 1rem;\n margin: 0.75rem 0 1rem 0;\n color: #4a2a6a;\n }\n .article-panel h2 i {\n color: #e0b87a;\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 #e0b87a;\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 #e0b87a;\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, #4a2a6a, #2a1a4a);\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 #e0b87a;\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 #e0b87a;\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-church\"><\/i> \u00d3scar Romero <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> Archbishop of San Salvador, human rights advocate, martyr \u2014 Canonized 2018, \u201cVoice of the voiceless\u201d<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-cross\"><\/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> \u00d3scar Romero \u2014 El Salvador (1917\u20131980)<\/h2>\n <p>\u00d3scar Romero was a Catholic archbishop, human rights advocate, and moral leader who became internationally known for speaking out against political violence, social injustice, and human rights abuses in El Salvador. Through his sermons, public statements, and pastoral leadership, he defended the rights of the poor and called for an end to violence during a time of deep political conflict. As the Archbishop of San Salvador, Romero used his position to denounce oppression and urge both the government and armed groups to respect human dignity. His commitment to justice and truth ultimately made him a powerful voice for those who had no political power. Today, he is remembered as a symbol of moral courage, defense of human rights, and faithful leadership in times of crisis.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cIf they kill me, I will rise again in the Salvadoran people.\u201d \u2014 \u00d3scar Romero\n <\/div>\n\n <h3><i class=\"fas fa-microscope\"><\/i> Historical Context & Transformation<\/h3>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-calendar-alt\"><\/i> 1977 \u2013 Archbishop of San Salvador<\/span>\n <p>Initially considered cautious, Romero\u2019s perspective changed after witnessing violence against priests and community members who worked with the poor.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-radio\"><\/i> Weekly Radio Sermons<\/span>\n <p>His Sunday sermons were broadcast across El Salvador, denouncing human rights abuses and urging respect for human dignity.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-gavel\"><\/i> 1980 \u2013 Direct Appeal to Military<\/span>\n <p>In a famous sermon, Romero directly addressed soldiers, urging them to refuse orders that violated humanitarian principles.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-skull\"><\/i> March 24, 1980 \u2013 Assassination<\/span>\n <p>While celebrating Mass in a chapel in San Salvador, Romero was shot and killed by a gunman linked to extremist political forces.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-church\"><\/i> 2018 \u2013 Canonization<\/span>\n <p>Pope Francis declared Romero a saint, recognizing his martyrdom and defense of the poor.<\/p>\n <\/div>\n\n <h3><i class=\"fas fa-church\"><\/i> Righteous Act: Speaking Against Political Violence<\/h3>\n <p>\u00d3scar Romero\u2019s most courageous action was his open condemnation of violence carried out by government security forces. In a widely known 1980 sermon, he directly addressed members of the military, urging them to refuse orders that violated moral and humanitarian principles. He appealed to their conscience, reminding them that no government authority justified killing innocent people. By publicly challenging powerful institutions, Romero demonstrated extraordinary moral conviction and commitment to human dignity. His message emphasized that peace and justice could only be achieved through respect for human rights and ethical responsibility.<\/p>\n\n <h3><i class=\"fas fa-comment-dots\"><\/i> Legacy: Martyr for Justice and Canonized Saint<\/h3>\n <p>\u00d3scar Romero is remembered as one of the most important religious defenders of human rights and social justice in Latin America. His life and death became a powerful symbol of resistance to oppression and advocacy for the poor. In recognition of his moral courage and religious witness, the Roman Catholic Church declared him a martyr. In 2018, he was canonized as a saint by Pope Francis. Today, Romero\u2019s legacy continues to inspire movements for justice, peace, and human dignity around the world.<\/p>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Brockman (2015), Peterson (1997), Wood (2003), Sobrino (1990).\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 Martyr 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 \u00d3scar Romero: archbishop, radio sermons, assassination, canonization 2018<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer>\n <i class=\"fas fa-church\"><\/i> Museum Test Prep App | SAT \u2022 PSAT \u2022 ACT modes | \u00d3scar Romero \u2014 Righteous Act: Speaking Against Political Violence\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 \/\/ ========== \u00d3SCAR ROMERO QUESTION BANKS ==========\n \/\/ Themes: Archbishop of San Salvador, 1977, transformation after witnessing violence, weekly radio sermons, 1980 sermon addressing military, appeal to conscience, assassination during Mass (March 24, 1980), canonization 2018\n \n const SAT_QUESTIONS = [\n { topic: \"Public Platform\", text: \"\u00d3scar Romero used weekly sermons broadcast on national radio to:\", options: [\"Promote the government\", \"Denounce human rights abuses, urge respect for human dignity, and comfort the poor\", \"Endorse political candidates\", \"Discourage nonviolence\"], correct: 1, explanation: \"His radio messages reached the entire country and became a powerful tool for exposing injustice and calling for peace.\" },\n { topic: \"Direct Appeal to Military\", text: \"In a famous 1980 sermon, Romero directly addressed soldiers and:\", options: [\"Praised their actions\", \"Urged them to refuse orders that violated moral and humanitarian principles\", \"Called for a coup\", \"Announced his resignation\"], correct: 1, explanation: \"He appealed to their conscience, arguing that no government authority justified killing innocent people.\" },\n { topic: \"Assassination Circumstances\", text: \"\u00d3scar Romero was assassinated on March 24, 1980, while:\", options: [\"Leading a protest march\", \"Celebrating Mass in a chapel in San Salvador\", \"Meeting with government officials\", \"Writing a pastoral letter\"], correct: 1, explanation: \"He was shot by a gunman while at the altar, becoming a martyr for justice.\" },\n { topic: \"Canonization\", text: \"Pope Francis canonized \u00d3scar Romero as a saint in 2018, recognizing his:\", options: [\"Political career\", \"Martyrdom and defense of the poor\", \"Wealth and status\", \"Military leadership\"], correct: 1, explanation: \"The Church declared him a martyr because he was killed out of hatred for his faith and his defense of the oppressed.\" },\n { topic: \"Moral Transformation\", text: \"Although initially considered a cautious church leader, Romero changed after:\", options: [\"Being elected archbishop\", \"Witnessing violence against priests and community members who worked with the poor\", \"Reading a book\", \"Traveling abroad\"], correct: 1, explanation: \"Personal encounters with state\u2011sanctioned violence radicalized his commitment to justice.\" },\n { topic: \"Legacy Title\", text: \"\u00d3scar Romero is often called the:\", options: [\"Lion of the Church\", \"Voice of the Voiceless\", \"Soldier of Christ\", \"Father of the Poor\"], correct: 1, explanation: \"He became known as the 'Voice of the Voiceless' for speaking on behalf of those who could not speak for themselves.\" }\n ];\n\n const PSAT_QUESTIONS = [\n { topic: \"Romero's Country\", text: \"\u00d3scar Romero was a human rights advocate and archbishop from:\", options: [\"Guatemala\", \"El Salvador\", \"Nicaragua\", \"Honduras\"], correct: 1, explanation: \"He served as Archbishop of San Salvador in El Salvador.\" },\n { topic: \"Archbishop Appointment Year\", text: \"Romero became Archbishop of San Salvador in which year?\", options: [\"1975\", \"1976\", \"1977\", \"1978\"], correct: 2, explanation: \"He was appointed archbishop in 1977.\" },\n { topic: \"Assassination Year\", text: \"Romero was assassinated in which year?\", options: [\"1979\", \"1980\", \"1981\", \"1982\"], correct: 1, explanation: \"He was killed on March 24, 1980.\" },\n { topic: \"Canonization Year\", text: \"Pope Francis canonized \u00d3scar Romero as a saint in which year?\", options: [\"2015\", \"2016\", \"2017\", \"2018\"], correct: 3, explanation: \"Romero was declared a saint in 2018.\" },\n { topic: \"Weekly Sermons\", text: \"Romero\u2019s weekly sermons were broadcast via:\", options: [\"Television\", \"National radio\", \"Printed pamphlets\", \"Church bulletins\"], correct: 1, explanation: \"His radio broadcasts reached people across El Salvador, even those in remote areas.\" },\n { topic: \"Romero's Title\", text: \"As Archbishop, Romero is best remembered for:\", options: [\"Building new churches\", \"Defending the poor and denouncing government violence\", \"Writing theological books\", \"Organizing pilgrimages\"], correct: 1, explanation: \"He used his position to advocate for justice and human rights.\" }\n ];\n\n const ACT_QUESTIONS = [\n { topic: \"Birth Year\", text: \"\u00d3scar Romero was born in which year?\", options: [\"1912\", \"1915\", \"1917\", \"1920\"], correct: 2, explanation: \"He was born in 1917 in Ciudad Barrios, El Salvador.\" },\n { topic: \"Death Year\", text: \"Romero was assassinated in which year?\", options: [\"1979\", \"1980\", \"1981\", \"1982\"], correct: 1, explanation: \"He was killed in 1980 at the altar.\" },\n { topic: \"Military Appeal\", text: \"In his 1980 sermon, Romero urged soldiers to:\", options: [\"Fight harder\", \"Follow orders without question\", \"Refuse orders that violate humanitarian principles\", \"Arrest church leaders\"], correct: 2, explanation: \"He appealed to their conscience, telling them that God's law supersedes unjust orders.\" },\n { topic: \"El Salvador Conflict\", text: \"During Romero\u2019s time, El Salvador was experiencing:\", options: [\"Economic prosperity\", \"Severe political instability, social inequality, and human rights abuses\", \"Peaceful democratic transition\", \"Foreign military invasion\"], correct: 1, explanation: \"The country was on the brink of civil war, with widespread repression of dissent.\" },\n { topic: \"Martyr Declaration\", text: \"The Roman Catholic Church declared Romero a martyr because:\", options: [\"He died of old age\", \"He was killed in hatred of the faith and his defense of the poor\", \"He converted many people\", \"He built many churches\"], correct: 1, explanation: \"Martyrdom recognizes that he was killed for his religious and moral witness.\" },\n { topic: \"Pope Who Canonized\", text: \"Which pope canonized \u00d3scar Romero?\", options: [\"Pope Benedict XVI\", \"Pope Francis\", \"Pope John Paul II\", \"Pope Paul VI\"], correct: 1, explanation: \"Pope Francis canonized Romero on October 14, 2018.\" }\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 Martyr 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 \u00d3scar Romero, archbishop, martyr, and saint.`;\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:#e0b87a;\"><\/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-church\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode}) \u2022 <i class=\"fas fa-dove\"><\/i> ${q.topic}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-cross\"><\/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 Romero\u2019s courageous witness, his radio sermons, martyrdom, and canonization.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! \u201cIf they kill me, I will rise again in the Salvadoran people.\u201d \u2014 St. \u00d3scar Romero`;\n return `\ud83d\udcdc Review the exhibit about the assassination of Romero, his appeal to the military, and his 2018 sainthood.`;\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 | \u00d3scar Romero \u2022 SAT \u2022 PSAT \u2022 ACT \u00d3scar Romero Museum Test Prep App Archbishop of San Salvador, human rights advocate, martyr \u2014 Canonized 2018, \u201cVoice of the voiceless\u201d Righteousness Hall \u00d3scar Romero \u2014 El Salvador (1917\u20131980) \u00d3scar Romero was a Catholic archbishop, human rights advocate, and moral leader who […]<\/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-1050","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1050","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=1050"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1050\/revisions"}],"predecessor-version":[{"id":1053,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1050\/revisions\/1053"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}