Museum Test Prep App | Mahatma Gandhi \u2022 SAT \u2022 PSAT \u2022 ACT<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #2a2a1e;\n font-family: 'Georgia', 'Times New Roman', Times, serif;\n color: #2c2b28;\n line-height: 1.5;\n padding: 20px;\n }\n\n .museum-container {\n max-width: 1400px;\n margin: 0 auto;\n background: #fef8ea;\n border-radius: 28px;\n box-shadow: 0 20px 35px rgba(0,0,0,0.3), 0 0 0 1px #b89870 inset;\n overflow: hidden;\n }\n\n .hero {\n background: linear-gradient(135deg, #4a5a3a 0%, #2a3a1a 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: #4a5a3a;\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, #4a5a3a, #2a3a1a);\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-fist-raised\"><\/i> Mahatma Gandhi <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> Indian political leader, advocate of nonviolent resistance \u2014 Satyagraha, Salt March, Father of the Nation<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-spa\"><\/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> Mahatma Gandhi \u2014 India (1869\u20131948)<\/h2>\n <p>Mahatma Gandhi was an Indian political leader, social reformer, and one of the most influential advocates of nonviolent resistance in modern history. Through his philosophy of truth, nonviolence, and civil disobedience, he led a mass movement that challenged colonial rule and inspired struggles for justice around the world. Gandhi became the central figure in India\u2019s movement for independence from the British Empire, encouraging millions of people to participate in peaceful protests and acts of civil resistance. His leadership transformed the independence movement into a moral campaign grounded in justice, human dignity, and ethical action. Today, Gandhi is remembered as a global symbol of peaceful resistance, moral courage, and the belief that social change can be achieved without violence.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cBe the change that you wish to see in the world.\u201d \u2014 Mahatma Gandhi\n <\/div>\n\n <h3><i class=\"fas fa-microscope\"><\/i> Historical Context & Satyagraha<\/h3>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-calendar-alt\"><\/i> South Africa (1893\u20131914)<\/span>\n <p>Gandhi developed his philosophy of nonviolent resistance (Satyagraha) while fighting racial discrimination in South Africa.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-hands\"><\/i> Satyagraha<\/span>\n <p>Truth, nonviolence, and civil disobedience \u2014 moral power of collective action to challenge unjust laws without hatred.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-umbrella-beach\"><\/i> March 1930 \u2013 Salt March<\/span>\n <p>Gandhi led a 240\u2011mile march to Dandi to produce salt in defiance of British taxes, sparking nationwide civil disobedience.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-gavel\"><\/i> Imprisonment & Hunger Strikes<\/span>\n <p>He was arrested multiple times and undertook repeated hunger strikes to promote peace and justice.<\/p>\n <\/div>\n\n <h3><i class=\"fas fa-church\"><\/i> Righteous Act: The Salt March<\/h3>\n <p>Gandhi\u2019s most famous act of resistance was the Salt March of 1930, a peaceful protest against British colonial taxation. Leading a 240\u2011mile march from Sabarmati Ashram to the coastal village of Dandi, he publicly produced salt from seawater in defiance of British law. This symbolic act encouraged thousands of Indians to break the salt laws and participate in civil disobedience. The protest attracted worldwide attention and strengthened the movement for Indian independence, demonstrating how nonviolent resistance could challenge an empire.<\/p>\n\n <h3><i class=\"fas fa-comment-dots\"><\/i> Legacy: Global Symbol of Nonviolent Resistance<\/h3>\n <p>Mahatma Gandhi is widely regarded as one of the most influential figures in the history of nonviolent political movements. His philosophy of peaceful resistance inspired later leaders and activists around the world, including Martin Luther King Jr. and Nelson Mandela. In India, Gandhi is honored as the \u201cFather of the Nation\u201d for his leadership in the struggle for independence. Today, his teachings continue to influence movements advocating human rights, peace, and social justice across the globe.<\/p>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Brown (1991), Fischer (2002), Hardiman (2003), Parekh (2001).\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 Nonviolent 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 Mahatma Gandhi: Satyagraha, Salt March, nonviolent resistance<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer>\n <i class=\"fas fa-fist-raised\"><\/i> Museum Test Prep App | SAT \u2022 PSAT \u2022 ACT modes | Mahatma Gandhi \u2014 Righteous Act: The Salt March\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 \/\/ ========== MAHATMA GANDHI QUESTION BANKS ==========\n \/\/ Themes: Satyagraha (truth, nonviolence, civil disobedience), Salt March (1930, 240 miles to Dandi), British salt tax, arrests, hunger strikes, global influence\n \n const SAT_QUESTIONS = [\n { topic: \"Salt March\", text: \"Gandhi\u2019s Salt March of 1930 was a protest against:\", options: [\"Religious persecution\", \"British colonial taxation on salt, symbolizing broader injustice\", \"Land ownership laws\", \"Military conscription\"], correct: 1, explanation: \"The British salt tax affected ordinary citizens and became a powerful symbol of colonial oppression.\" },\n { topic: \"March Distance\", text: \"Gandhi led the Salt March from Sabarmati Ashram to Dandi, a distance of approximately:\", options: [\"50 miles\", \"100 miles\", \"240 miles\", \"400 miles\"], correct: 2, explanation: \"The 240\u2011mile march took 24 days and inspired nationwide civil disobedience.\" },\n { topic: \"Satyagraha Philosophy\", text: \"Gandhi\u2019s philosophy of Satyagraha emphasized:\", options: [\"Armed rebellion\", \"Truth, nonviolence, and civil disobedience as moral resistance\", \"Economic isolation\", \"Religious exclusivity\"], correct: 1, explanation: \"Satyagraha (truth\u2011force) uses nonviolent collective action to challenge injustice without hatred.\" },\n { topic: \"Global Influence\", text: \"Gandhi\u2019s nonviolent resistance inspired later leaders including:\", options: [\"Winston Churchill\", \"Martin Luther King Jr. and Nelson Mandela\", \"Joseph Stalin\", \"Sim\u00f3n Bol\u00edvar\"], correct: 1, explanation: \"King adopted Gandhian methods in the U.S. civil rights movement; Mandela used them in the anti\u2011apartheid struggle.\" },\n { topic: \"Personal Sacrifice\", text: \"Throughout his activism, Gandhi was:\", options: [\"Never arrested\", \"Arrested multiple times and undertook repeated hunger strikes\", \"Supported by colonial authorities\", \"Avoided imprisonment\"], correct: 1, explanation: \"Gandhi spent years in prison and used hunger strikes as a moral appeal for justice and peace.\" },\n { topic: \"Symbolic Act\", text: \"At the end of the Salt March, Gandhi broke the law by:\", options: [\"Burning British flags\", \"Producing salt from seawater\", \"Refusing to pay taxes\", \"Urging soldiers to rebel\"], correct: 1, explanation: \"Making salt was a simple, symbolic act that turned a basic necessity into a powerful protest.\" }\n ];\n\n const PSAT_QUESTIONS = [\n { topic: \"Gandhi's Country\", text: \"Mahatma Gandhi was the leader of the independence movement in:\", options: [\"Pakistan\", \"India\", \"Bangladesh\", \"Sri Lanka\"], correct: 1, explanation: \"He led India\u2019s struggle for freedom from British rule.\" },\n { topic: \"Salt March Year\", text: \"The Salt March took place in which year?\", options: [\"1920\", \"1930\", \"1942\", \"1947\"], correct: 1, explanation: \"Gandhi led the march in 1930 to challenge the British salt tax.\" },\n { topic: \"March Destination\", text: \"Gandhi marched to the coastal village of:\", options: [\"Bombay\", \"Dandi\", \"Calcutta\", \"Madras\"], correct: 1, explanation: \"Dandi, on the coast of Gujarat, was where he produced salt from seawater.\" },\n { topic: \"Nonviolent Resistance\", text: \"Gandhi\u2019s method of peaceful protest is called:\", options: [\"Dharma\", \"Satyagraha\", \"Ahimsa\", \"Karma\"], correct: 1, explanation: \"Satyagraha means \u2018holding onto truth\u2019 through nonviolent action.\" },\n { topic: \"British Control\", text: \"At the time of the Salt March, India was ruled by:\", options: [\"The Mughal Empire\", \"The British Empire\", \"The French Republic\", \"The Portuguese Empire\"], correct: 1, explanation: \"India was a British colony, ruled through the British Raj.\" },\n { topic: \"Father of the Nation\", text: \"In India, Gandhi is honored as:\", options: [\"Maharaja\", \"Father of the Nation\", \"Emperor\", \"High Priest\"], correct: 1, explanation: \"He is popularly known as the Father of the Nation (Bapu) for his leadership in the independence movement.\" }\n ];\n\n const ACT_QUESTIONS = [\n { topic: \"Birth Year\", text: \"Mahatma Gandhi was born in which year?\", options: [\"1859\", \"1869\", \"1879\", \"1889\"], correct: 1, explanation: \"He was born in 1869 in Porbandar, India.\" },\n { topic: \"Death Year\", text: \"Gandhi was assassinated in which year?\", options: [\"1947\", \"1948\", \"1949\", \"1950\"], correct: 1, explanation: \"He was killed on January 30, 1948, by a Hindu nationalist.\" },\n { topic: \"Early Activism\", text: \"Gandhi first developed his ideas of nonviolent resistance while:\", options: [\"Leading the Salt March\", \"Fighting racial discrimination in South Africa\", \"Studying in London\", \"Organizing peasants in Bihar\"], correct: 1, explanation: \"His experiences in South Africa against racial laws shaped his philosophy of Satyagraha.\" },\n { topic: \"Salt Tax\", text: \"The British salt tax affected:\", options: [\"Only wealthy merchants\", \"Ordinary citizens, making the protest broadly relatable\", \"Only British officials\", \"Foreign traders\"], correct: 1, explanation: \"Salt was a daily necessity; the tax hurt the poorest the most, making the issue resonate with all Indians.\" },\n { topic: \"March Duration\", text: \"The Salt March lasted approximately:\", options: [\"One week\", \"24 days\", \"Two months\", \"One year\"], correct: 1, explanation: \"The 240\u2011mile march from Sabarmati to Dandi took 24 days.\" },\n { topic: \"Global Legacy\", text: \"Gandhi\u2019s methods influenced the U.S. civil rights movement, especially the leadership of:\", options: [\"Malcolm X\", \"Martin Luther King Jr.\", \"Rosa Parks\", \"John Lewis\"], correct: 1, explanation: \"King explicitly modeled his strategy of nonviolent civil disobedience on Gandhi\u2019s example.\" }\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 Nonviolent 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 Mahatma Gandhi and nonviolent resistance.`;\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-fist-raised\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode}) \u2022 <i class=\"fas fa-spa\"><\/i> ${q.topic}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-dove\"><\/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 Gandhi\u2019s Satyagraha, the Salt March, and his global legacy of nonviolent resistance.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! \u201cBe the change you wish to see in the world.\u201d \u2014 Gandhi`;\n return `\ud83d\udcdc Review the exhibit about the Salt March, civil disobedience, and Gandhi\u2019s influence on King and Mandela.`;\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 | Mahatma Gandhi \u2022 SAT \u2022 PSAT \u2022 ACT Mahatma Gandhi Museum Test Prep App Indian political leader, advocate of nonviolent resistance \u2014 Satyagraha, Salt March, Father of the Nation Righteousness Hall Mahatma Gandhi \u2014 India (1869\u20131948) Mahatma Gandhi was an Indian political leader, social reformer, and one of the most […]<\/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-1030","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1030","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=1030"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1030\/revisions"}],"predecessor-version":[{"id":1033,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1030\/revisions\/1033"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1030,"date":"2026-05-18T00:25:15","date_gmt":"2026-05-18T00:25:15","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=1030"},"modified":"2026-05-18T00:27:38","modified_gmt":"2026-05-18T00:27:38","slug":"museum-test-prep-app-mahatma-gandhi","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/museum-test-prep-app-mahatma-gandhi\/","title":{"rendered":"Museum Test Prep App – Mahatma Gandhi"},"content":{"rendered":"\n\n\n\n \n \n Museum Test Prep App | Mahatma Gandhi \u2022 SAT \u2022 PSAT \u2022 ACT<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #2a2a1e;\n font-family: 'Georgia', 'Times New Roman', Times, serif;\n color: #2c2b28;\n line-height: 1.5;\n padding: 20px;\n }\n\n .museum-container {\n max-width: 1400px;\n margin: 0 auto;\n background: #fef8ea;\n border-radius: 28px;\n box-shadow: 0 20px 35px rgba(0,0,0,0.3), 0 0 0 1px #b89870 inset;\n overflow: hidden;\n }\n\n .hero {\n background: linear-gradient(135deg, #4a5a3a 0%, #2a3a1a 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: #4a5a3a;\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, #4a5a3a, #2a3a1a);\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-fist-raised\"><\/i> Mahatma Gandhi <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> Indian political leader, advocate of nonviolent resistance \u2014 Satyagraha, Salt March, Father of the Nation<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-spa\"><\/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> Mahatma Gandhi \u2014 India (1869\u20131948)<\/h2>\n <p>Mahatma Gandhi was an Indian political leader, social reformer, and one of the most influential advocates of nonviolent resistance in modern history. Through his philosophy of truth, nonviolence, and civil disobedience, he led a mass movement that challenged colonial rule and inspired struggles for justice around the world. Gandhi became the central figure in India\u2019s movement for independence from the British Empire, encouraging millions of people to participate in peaceful protests and acts of civil resistance. His leadership transformed the independence movement into a moral campaign grounded in justice, human dignity, and ethical action. Today, Gandhi is remembered as a global symbol of peaceful resistance, moral courage, and the belief that social change can be achieved without violence.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cBe the change that you wish to see in the world.\u201d \u2014 Mahatma Gandhi\n <\/div>\n\n <h3><i class=\"fas fa-microscope\"><\/i> Historical Context & Satyagraha<\/h3>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-calendar-alt\"><\/i> South Africa (1893\u20131914)<\/span>\n <p>Gandhi developed his philosophy of nonviolent resistance (Satyagraha) while fighting racial discrimination in South Africa.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-hands\"><\/i> Satyagraha<\/span>\n <p>Truth, nonviolence, and civil disobedience \u2014 moral power of collective action to challenge unjust laws without hatred.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-umbrella-beach\"><\/i> March 1930 \u2013 Salt March<\/span>\n <p>Gandhi led a 240\u2011mile march to Dandi to produce salt in defiance of British taxes, sparking nationwide civil disobedience.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-gavel\"><\/i> Imprisonment & Hunger Strikes<\/span>\n <p>He was arrested multiple times and undertook repeated hunger strikes to promote peace and justice.<\/p>\n <\/div>\n\n <h3><i class=\"fas fa-church\"><\/i> Righteous Act: The Salt March<\/h3>\n <p>Gandhi\u2019s most famous act of resistance was the Salt March of 1930, a peaceful protest against British colonial taxation. Leading a 240\u2011mile march from Sabarmati Ashram to the coastal village of Dandi, he publicly produced salt from seawater in defiance of British law. This symbolic act encouraged thousands of Indians to break the salt laws and participate in civil disobedience. The protest attracted worldwide attention and strengthened the movement for Indian independence, demonstrating how nonviolent resistance could challenge an empire.<\/p>\n\n <h3><i class=\"fas fa-comment-dots\"><\/i> Legacy: Global Symbol of Nonviolent Resistance<\/h3>\n <p>Mahatma Gandhi is widely regarded as one of the most influential figures in the history of nonviolent political movements. His philosophy of peaceful resistance inspired later leaders and activists around the world, including Martin Luther King Jr. and Nelson Mandela. In India, Gandhi is honored as the \u201cFather of the Nation\u201d for his leadership in the struggle for independence. Today, his teachings continue to influence movements advocating human rights, peace, and social justice across the globe.<\/p>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Brown (1991), Fischer (2002), Hardiman (2003), Parekh (2001).\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 Nonviolent 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 Mahatma Gandhi: Satyagraha, Salt March, nonviolent resistance<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer>\n <i class=\"fas fa-fist-raised\"><\/i> Museum Test Prep App | SAT \u2022 PSAT \u2022 ACT modes | Mahatma Gandhi \u2014 Righteous Act: The Salt March\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 \/\/ ========== MAHATMA GANDHI QUESTION BANKS ==========\n \/\/ Themes: Satyagraha (truth, nonviolence, civil disobedience), Salt March (1930, 240 miles to Dandi), British salt tax, arrests, hunger strikes, global influence\n \n const SAT_QUESTIONS = [\n { topic: \"Salt March\", text: \"Gandhi\u2019s Salt March of 1930 was a protest against:\", options: [\"Religious persecution\", \"British colonial taxation on salt, symbolizing broader injustice\", \"Land ownership laws\", \"Military conscription\"], correct: 1, explanation: \"The British salt tax affected ordinary citizens and became a powerful symbol of colonial oppression.\" },\n { topic: \"March Distance\", text: \"Gandhi led the Salt March from Sabarmati Ashram to Dandi, a distance of approximately:\", options: [\"50 miles\", \"100 miles\", \"240 miles\", \"400 miles\"], correct: 2, explanation: \"The 240\u2011mile march took 24 days and inspired nationwide civil disobedience.\" },\n { topic: \"Satyagraha Philosophy\", text: \"Gandhi\u2019s philosophy of Satyagraha emphasized:\", options: [\"Armed rebellion\", \"Truth, nonviolence, and civil disobedience as moral resistance\", \"Economic isolation\", \"Religious exclusivity\"], correct: 1, explanation: \"Satyagraha (truth\u2011force) uses nonviolent collective action to challenge injustice without hatred.\" },\n { topic: \"Global Influence\", text: \"Gandhi\u2019s nonviolent resistance inspired later leaders including:\", options: [\"Winston Churchill\", \"Martin Luther King Jr. and Nelson Mandela\", \"Joseph Stalin\", \"Sim\u00f3n Bol\u00edvar\"], correct: 1, explanation: \"King adopted Gandhian methods in the U.S. civil rights movement; Mandela used them in the anti\u2011apartheid struggle.\" },\n { topic: \"Personal Sacrifice\", text: \"Throughout his activism, Gandhi was:\", options: [\"Never arrested\", \"Arrested multiple times and undertook repeated hunger strikes\", \"Supported by colonial authorities\", \"Avoided imprisonment\"], correct: 1, explanation: \"Gandhi spent years in prison and used hunger strikes as a moral appeal for justice and peace.\" },\n { topic: \"Symbolic Act\", text: \"At the end of the Salt March, Gandhi broke the law by:\", options: [\"Burning British flags\", \"Producing salt from seawater\", \"Refusing to pay taxes\", \"Urging soldiers to rebel\"], correct: 1, explanation: \"Making salt was a simple, symbolic act that turned a basic necessity into a powerful protest.\" }\n ];\n\n const PSAT_QUESTIONS = [\n { topic: \"Gandhi's Country\", text: \"Mahatma Gandhi was the leader of the independence movement in:\", options: [\"Pakistan\", \"India\", \"Bangladesh\", \"Sri Lanka\"], correct: 1, explanation: \"He led India\u2019s struggle for freedom from British rule.\" },\n { topic: \"Salt March Year\", text: \"The Salt March took place in which year?\", options: [\"1920\", \"1930\", \"1942\", \"1947\"], correct: 1, explanation: \"Gandhi led the march in 1930 to challenge the British salt tax.\" },\n { topic: \"March Destination\", text: \"Gandhi marched to the coastal village of:\", options: [\"Bombay\", \"Dandi\", \"Calcutta\", \"Madras\"], correct: 1, explanation: \"Dandi, on the coast of Gujarat, was where he produced salt from seawater.\" },\n { topic: \"Nonviolent Resistance\", text: \"Gandhi\u2019s method of peaceful protest is called:\", options: [\"Dharma\", \"Satyagraha\", \"Ahimsa\", \"Karma\"], correct: 1, explanation: \"Satyagraha means \u2018holding onto truth\u2019 through nonviolent action.\" },\n { topic: \"British Control\", text: \"At the time of the Salt March, India was ruled by:\", options: [\"The Mughal Empire\", \"The British Empire\", \"The French Republic\", \"The Portuguese Empire\"], correct: 1, explanation: \"India was a British colony, ruled through the British Raj.\" },\n { topic: \"Father of the Nation\", text: \"In India, Gandhi is honored as:\", options: [\"Maharaja\", \"Father of the Nation\", \"Emperor\", \"High Priest\"], correct: 1, explanation: \"He is popularly known as the Father of the Nation (Bapu) for his leadership in the independence movement.\" }\n ];\n\n const ACT_QUESTIONS = [\n { topic: \"Birth Year\", text: \"Mahatma Gandhi was born in which year?\", options: [\"1859\", \"1869\", \"1879\", \"1889\"], correct: 1, explanation: \"He was born in 1869 in Porbandar, India.\" },\n { topic: \"Death Year\", text: \"Gandhi was assassinated in which year?\", options: [\"1947\", \"1948\", \"1949\", \"1950\"], correct: 1, explanation: \"He was killed on January 30, 1948, by a Hindu nationalist.\" },\n { topic: \"Early Activism\", text: \"Gandhi first developed his ideas of nonviolent resistance while:\", options: [\"Leading the Salt March\", \"Fighting racial discrimination in South Africa\", \"Studying in London\", \"Organizing peasants in Bihar\"], correct: 1, explanation: \"His experiences in South Africa against racial laws shaped his philosophy of Satyagraha.\" },\n { topic: \"Salt Tax\", text: \"The British salt tax affected:\", options: [\"Only wealthy merchants\", \"Ordinary citizens, making the protest broadly relatable\", \"Only British officials\", \"Foreign traders\"], correct: 1, explanation: \"Salt was a daily necessity; the tax hurt the poorest the most, making the issue resonate with all Indians.\" },\n { topic: \"March Duration\", text: \"The Salt March lasted approximately:\", options: [\"One week\", \"24 days\", \"Two months\", \"One year\"], correct: 1, explanation: \"The 240\u2011mile march from Sabarmati to Dandi took 24 days.\" },\n { topic: \"Global Legacy\", text: \"Gandhi\u2019s methods influenced the U.S. civil rights movement, especially the leadership of:\", options: [\"Malcolm X\", \"Martin Luther King Jr.\", \"Rosa Parks\", \"John Lewis\"], correct: 1, explanation: \"King explicitly modeled his strategy of nonviolent civil disobedience on Gandhi\u2019s example.\" }\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 Nonviolent 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 Mahatma Gandhi and nonviolent resistance.`;\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-fist-raised\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode}) \u2022 <i class=\"fas fa-spa\"><\/i> ${q.topic}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-dove\"><\/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 Gandhi\u2019s Satyagraha, the Salt March, and his global legacy of nonviolent resistance.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! \u201cBe the change you wish to see in the world.\u201d \u2014 Gandhi`;\n return `\ud83d\udcdc Review the exhibit about the Salt March, civil disobedience, and Gandhi\u2019s influence on King and Mandela.`;\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 | Mahatma Gandhi \u2022 SAT \u2022 PSAT \u2022 ACT Mahatma Gandhi Museum Test Prep App Indian political leader, advocate of nonviolent resistance \u2014 Satyagraha, Salt March, Father of the Nation Righteousness Hall Mahatma Gandhi \u2014 India (1869\u20131948) Mahatma Gandhi was an Indian political leader, social reformer, and one of the most […]<\/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-1030","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1030","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=1030"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1030\/revisions"}],"predecessor-version":[{"id":1033,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1030\/revisions\/1033"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}