Museum Test Prep App | Nelson Mandela \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, #2a4a5a 0%, #1a2e3a 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: #2a4a5a;\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, #2a4a5a, #1a2e3a);\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> Nelson Mandela <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Museum Test Prep App<\/span><\/h1>\n <p><i class=\"fas fa-rainbow\"><\/i> South African anti-apartheid activist, first Black president, Nobel Peace Prize 1993 \u2014 \u201cLong Walk to Freedom\u201d<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-hand-peace\"><\/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> Nelson Mandela \u2014 South Africa (1918\u20132013)<\/h2>\n <p>Nelson Mandela was a South African political leader, anti-apartheid activist, and statesman who played a central role in ending the system of racial segregation known as apartheid in South Africa. Through decades of resistance, imprisonment, and leadership, he became one of the most widely respected figures in the global struggle for human rights, justice, and democratic equality. Mandela dedicated his life to challenging racial discrimination and advocating for a society based on equal rights for all citizens. After spending 27 years in prison for his opposition to apartheid, he later became the first democratically elected president of South Africa. His leadership during the country\u2019s transition from apartheid to democracy demonstrated the power of reconciliation, forgiveness, and ethical political leadership.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cI have walked that long walk to freedom. I have tried not to falter… I have discovered the secret that after climbing a great hill, one only finds that there are many more hills to climb.\u201d \u2014 Nelson Mandela\n <\/div>\n\n <h3><i class=\"fas fa-microscope\"><\/i> Historical Context & Struggle Against Apartheid<\/h3>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-calendar-alt\"><\/i> 1944 \u2013 Joins African National Congress (ANC)<\/span>\n <p>Mandela became involved in the movement for racial equality, helping organize campaigns of civil resistance against discriminatory laws.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-gavel\"><\/i> 1964 \u2013 Sentenced to Life Imprisonment<\/span>\n <p>Mandela was arrested and sentenced to life in prison for his anti-apartheid activities, spending most of his sentence on Robben Island.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-hand-peace\"><\/i> 1990 \u2013 Release from Prison<\/span>\n <p>After 27 years, Mandela was released. He immediately began negotiating the peaceful transition from apartheid to democracy.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-vote-yea\"><\/i> 1994 \u2013 First Black President of South Africa<\/span>\n <p>Following the first multiracial democratic election, Mandela became South Africa\u2019s first Black president, serving from 1994 to 1999.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-medal\"><\/i> 1993 \u2013 Nobel Peace Prize<\/span>\n <p>Mandela and F. W. de Klerk jointly received the Nobel Peace Prize for their work ending apartheid and promoting reconciliation.<\/p>\n <\/div>\n\n <h3><i class=\"fas fa-church\"><\/i> Righteous Act: Leading the Peaceful Transition from Apartheid<\/h3>\n <p>Nelson Mandela\u2019s most significant contribution was his leadership in guiding South Africa\u2019s peaceful transition from apartheid to democracy. After his release from prison in 1990, he worked with political leaders, including F. W. de Klerk, to negotiate the dismantling of apartheid laws. Rather than promoting revenge or retaliation, Mandela emphasized national reconciliation, encouraging South Africans of all racial backgrounds to build a shared future. In 1994, South Africa held its first multiracial democratic election, and Mandela became the country\u2019s first Black president. His leadership helped prevent large-scale violence and laid the foundation for a democratic society based on equality, justice, and human rights.<\/p>\n\n <h3><i class=\"fas fa-comment-dots\"><\/i> Legacy: Global Icon of Reconciliation and Justice<\/h3>\n <p>Nelson Mandela is widely regarded as one of the most influential political leaders of the twentieth century. In 1993, he and F. W. de Klerk jointly received the Nobel Peace Prize. His presidency helped establish democratic institutions and promote national healing after decades of racial division. Today, his life remains a powerful example of moral courage, forgiveness, and ethical leadership in the pursuit of justice.<\/p>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Mandela (1994), Sampson (2011), Lodge (2006), Meredith (2010).\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 Reconciliation 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 Nelson Mandela: anti\u2011apartheid, Robben Island, 1994 presidency, Nobel Prize<\/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 | Nelson Mandela \u2014 Righteous Act: Leading the Peaceful Transition from Apartheid\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 \/\/ ========== NELSON MANDELA QUESTION BANKS ==========\n \/\/ Themes: ANC, Robben Island, 27 years imprisonment, release 1990, negotiated end to apartheid, first multiracial election (1994), first Black president, Nobel Peace Prize 1993\n \n const SAT_QUESTIONS = [\n { topic: \"Imprisonment\", text: \"Nelson Mandela was sentenced to life imprisonment in 1964 and spent most of his sentence on:\", options: [\"Pollsmoor Prison\", \"Robben Island\", \"Pretoria Central Prison\", \"Kimberley Prison\"], correct: 1, explanation: \"Mandela was held on Robben Island, a notorious prison where many anti\u2011apartheid activists were incarcerated.\" },\n { topic: \"Release Year\", text: \"After 27 years in prison, Nelson Mandela was released in which year?\", options: [\"1988\", \"1989\", \"1990\", \"1991\"], correct: 2, explanation: \"Mandela was freed in 1990, leading to negotiations to end apartheid.\" },\n { topic: \"Presidential Election\", text: \"Mandela became the first Black president of South Africa following the first multiracial democratic election in:\", options: [\"1990\", \"1992\", \"1994\", \"1996\"], correct: 2, explanation: \"The historic 1994 election allowed all South Africans to vote, and Mandela was elected president.\" },\n { topic: \"Nobel Peace Prize\", text: \"Nelson Mandela jointly received the Nobel Peace Prize in 1993 with:\", options: [\"Thabo Mbeki\", \"Desmond Tutu\", \"F. W. de Klerk\", \"Oliver Tambo\"], correct: 2, explanation: \"Mandela and President de Klerk were awarded the prize for their work ending apartheid and promoting reconciliation.\" },\n { topic: \"Reconciliation Approach\", text: \"After becoming president, Mandela emphasized:\", options: [\"Punishing all who supported apartheid\", \"National reconciliation and forgiveness, rather than revenge\", \"Re\u2011establishing apartheid\", \"Seeking exile\"], correct: 1, explanation: \"He prioritized healing the nation\u2019s divisions and building a shared future for all South Africans.\" },\n { topic: \"Anti\u2011Apartheid Organization\", text: \"Nelson Mandela was a leading member of which organization that opposed apartheid?\", options: [\"Black Consciousness Movement\", \"African National Congress (ANC)\", \"Pan Africanist Congress\", \"United Democratic Front\"], correct: 1, explanation: \"He joined the ANC in 1944 and helped lead its resistance campaigns.\" }\n ];\n\n const PSAT_QUESTIONS = [\n { topic: \"Mandela's Country\", text: \"Nelson Mandela was a political leader from:\", options: [\"Zimbabwe\", \"South Africa\", \"Namibia\", \"Botswana\"], correct: 1, explanation: \"He was South African and led the struggle against apartheid.\" },\n { topic: \"Apartheid System\", text: \"Apartheid was a system of:\", options: [\"Economic prosperity\", \"Racial segregation and discrimination enforced by law\", \"Religious tolerance\", \"Political equality\"], correct: 1, explanation: \"Apartheid legally separated races and denied basic rights to non\u2011white South Africans.\" },\n { topic: \"Imprisonment Length\", text: \"Mandela spent approximately how many years in prison?\", options: [\"10 years\", \"18 years\", \"27 years\", \"32 years\"], correct: 2, explanation: \"He was imprisoned from 1964 to 1990 \u2014 27 years.\" },\n { topic: \"Presidential Number\", text: \"Nelson Mandela was the _____ president of South Africa.\", options: [\"First\", \"Second\", \"Third\", \"Fourth\"], correct: 0, explanation: \"He was the first Black president and the first elected in a fully democratic election.\" },\n { topic: \"Nobel Prize Year\", text: \"Nelson Mandela received the Nobel Peace Prize in:\", options: [\"1990\", \"1991\", \"1992\", \"1993\"], correct: 3, explanation: \"He and F. W. de Klerk won the prize in 1993.\" },\n { topic: \"Prison Location\", text: \"Mandela\u2019s famous memoir is titled:\", options: [\"A Long Walk to Freedom\", \"Long Walk to Freedom\", \"The Struggle Is My Life\", \"No Easy Walk to Freedom\"], correct: 1, explanation: \"His autobiography, 'Long Walk to Freedom,' details his life and anti\u2011apartheid struggle.\" }\n ];\n\n const ACT_QUESTIONS = [\n { topic: \"Birth Year\", text: \"Nelson Mandela was born in which year?\", options: [\"1910\", \"1918\", \"1924\", \"1930\"], correct: 1, explanation: \"He was born in 1918 in Mvezo, South Africa.\" },\n { topic: \"Death Year\", text: \"Nelson Mandela died in which year?\", options: [\"2010\", \"2012\", \"2013\", \"2015\"], correct: 2, explanation: \"He passed away in 2013 at the age of 95.\" },\n { topic: \"ANC Joining Year\", text: \"Mandela joined the African National Congress (ANC) in:\", options: [\"1940\", \"1944\", \"1948\", \"1952\"], correct: 1, explanation: \"He became a member in 1944, helping to form the ANC Youth League.\" },\n { topic: \"Presidential Term\", text: \"Mandela served as president of South Africa from 1994 to:\", options: [\"1997\", \"1998\", \"1999\", \"2000\"], correct: 2, explanation: \"He served one term, stepping down in 1999.\" },\n { topic: \"De Klerk's Role\", text: \"F. W. de Klerk was the last apartheid\u2011era president who:\", options: [\"Intensified apartheid\", \"Negotiated with Mandela to dismantle apartheid and release political prisoners\", \"Fled the country\", \"Refused to negotiate\"], correct: 1, explanation: \"De Klerk worked with Mandela to end apartheid, leading to the 1994 election.\" },\n { topic: \"Robben Island\", text: \"Robben Island, where Mandela was imprisoned, is located near:\", options: [\"Johannesburg\", \"Cape Town\", \"Durban\", \"Pretoria\"], correct: 1, explanation: \"The island prison is situated off the coast of Cape Town.\" }\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 Reconciliation 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 Nelson Mandela and the end of apartheid.`;\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-rainbow\"><\/i> ${q.topic}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-hand-peace\"><\/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 Mandela\u2019s long walk to freedom, his 27 years in prison, and his legacy of reconciliation.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! \u201cIt always seems impossible until it is done.\u201d \u2014 Nelson Mandela`;\n return `\ud83d\udcdc Review the exhibit about Robben Island, the 1994 election, and the Nobel Peace Prize.`;\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 | Nelson Mandela \u2022 SAT \u2022 PSAT \u2022 ACT Nelson Mandela Museum Test Prep App South African anti-apartheid activist, first Black president, Nobel Peace Prize 1993 \u2014 \u201cLong Walk to Freedom\u201d Righteousness Hall Nelson Mandela \u2014 South Africa (1918\u20132013) Nelson Mandela was a South African political leader, anti-apartheid activist, and statesman […]<\/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-1042","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1042","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=1042"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1042\/revisions"}],"predecessor-version":[{"id":1045,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1042\/revisions\/1045"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1042"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1042,"date":"2026-05-18T00:36:58","date_gmt":"2026-05-18T00:36:58","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=1042"},"modified":"2026-05-18T00:39:02","modified_gmt":"2026-05-18T00:39:02","slug":"museum-test-prep-app-nelson-mandela","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/museum-test-prep-app-nelson-mandela\/","title":{"rendered":"Museum Test Prep App – Nelson Mandela"},"content":{"rendered":"\n\n\n\n \n \n Museum Test Prep App | Nelson Mandela \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, #2a4a5a 0%, #1a2e3a 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: #2a4a5a;\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, #2a4a5a, #1a2e3a);\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> Nelson Mandela <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Museum Test Prep App<\/span><\/h1>\n <p><i class=\"fas fa-rainbow\"><\/i> South African anti-apartheid activist, first Black president, Nobel Peace Prize 1993 \u2014 \u201cLong Walk to Freedom\u201d<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-hand-peace\"><\/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> Nelson Mandela \u2014 South Africa (1918\u20132013)<\/h2>\n <p>Nelson Mandela was a South African political leader, anti-apartheid activist, and statesman who played a central role in ending the system of racial segregation known as apartheid in South Africa. Through decades of resistance, imprisonment, and leadership, he became one of the most widely respected figures in the global struggle for human rights, justice, and democratic equality. Mandela dedicated his life to challenging racial discrimination and advocating for a society based on equal rights for all citizens. After spending 27 years in prison for his opposition to apartheid, he later became the first democratically elected president of South Africa. His leadership during the country\u2019s transition from apartheid to democracy demonstrated the power of reconciliation, forgiveness, and ethical political leadership.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cI have walked that long walk to freedom. I have tried not to falter… I have discovered the secret that after climbing a great hill, one only finds that there are many more hills to climb.\u201d \u2014 Nelson Mandela\n <\/div>\n\n <h3><i class=\"fas fa-microscope\"><\/i> Historical Context & Struggle Against Apartheid<\/h3>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-calendar-alt\"><\/i> 1944 \u2013 Joins African National Congress (ANC)<\/span>\n <p>Mandela became involved in the movement for racial equality, helping organize campaigns of civil resistance against discriminatory laws.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-gavel\"><\/i> 1964 \u2013 Sentenced to Life Imprisonment<\/span>\n <p>Mandela was arrested and sentenced to life in prison for his anti-apartheid activities, spending most of his sentence on Robben Island.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-hand-peace\"><\/i> 1990 \u2013 Release from Prison<\/span>\n <p>After 27 years, Mandela was released. He immediately began negotiating the peaceful transition from apartheid to democracy.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-vote-yea\"><\/i> 1994 \u2013 First Black President of South Africa<\/span>\n <p>Following the first multiracial democratic election, Mandela became South Africa\u2019s first Black president, serving from 1994 to 1999.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-medal\"><\/i> 1993 \u2013 Nobel Peace Prize<\/span>\n <p>Mandela and F. W. de Klerk jointly received the Nobel Peace Prize for their work ending apartheid and promoting reconciliation.<\/p>\n <\/div>\n\n <h3><i class=\"fas fa-church\"><\/i> Righteous Act: Leading the Peaceful Transition from Apartheid<\/h3>\n <p>Nelson Mandela\u2019s most significant contribution was his leadership in guiding South Africa\u2019s peaceful transition from apartheid to democracy. After his release from prison in 1990, he worked with political leaders, including F. W. de Klerk, to negotiate the dismantling of apartheid laws. Rather than promoting revenge or retaliation, Mandela emphasized national reconciliation, encouraging South Africans of all racial backgrounds to build a shared future. In 1994, South Africa held its first multiracial democratic election, and Mandela became the country\u2019s first Black president. His leadership helped prevent large-scale violence and laid the foundation for a democratic society based on equality, justice, and human rights.<\/p>\n\n <h3><i class=\"fas fa-comment-dots\"><\/i> Legacy: Global Icon of Reconciliation and Justice<\/h3>\n <p>Nelson Mandela is widely regarded as one of the most influential political leaders of the twentieth century. In 1993, he and F. W. de Klerk jointly received the Nobel Peace Prize. His presidency helped establish democratic institutions and promote national healing after decades of racial division. Today, his life remains a powerful example of moral courage, forgiveness, and ethical leadership in the pursuit of justice.<\/p>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Mandela (1994), Sampson (2011), Lodge (2006), Meredith (2010).\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 Reconciliation 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 Nelson Mandela: anti\u2011apartheid, Robben Island, 1994 presidency, Nobel Prize<\/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 | Nelson Mandela \u2014 Righteous Act: Leading the Peaceful Transition from Apartheid\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 \/\/ ========== NELSON MANDELA QUESTION BANKS ==========\n \/\/ Themes: ANC, Robben Island, 27 years imprisonment, release 1990, negotiated end to apartheid, first multiracial election (1994), first Black president, Nobel Peace Prize 1993\n \n const SAT_QUESTIONS = [\n { topic: \"Imprisonment\", text: \"Nelson Mandela was sentenced to life imprisonment in 1964 and spent most of his sentence on:\", options: [\"Pollsmoor Prison\", \"Robben Island\", \"Pretoria Central Prison\", \"Kimberley Prison\"], correct: 1, explanation: \"Mandela was held on Robben Island, a notorious prison where many anti\u2011apartheid activists were incarcerated.\" },\n { topic: \"Release Year\", text: \"After 27 years in prison, Nelson Mandela was released in which year?\", options: [\"1988\", \"1989\", \"1990\", \"1991\"], correct: 2, explanation: \"Mandela was freed in 1990, leading to negotiations to end apartheid.\" },\n { topic: \"Presidential Election\", text: \"Mandela became the first Black president of South Africa following the first multiracial democratic election in:\", options: [\"1990\", \"1992\", \"1994\", \"1996\"], correct: 2, explanation: \"The historic 1994 election allowed all South Africans to vote, and Mandela was elected president.\" },\n { topic: \"Nobel Peace Prize\", text: \"Nelson Mandela jointly received the Nobel Peace Prize in 1993 with:\", options: [\"Thabo Mbeki\", \"Desmond Tutu\", \"F. W. de Klerk\", \"Oliver Tambo\"], correct: 2, explanation: \"Mandela and President de Klerk were awarded the prize for their work ending apartheid and promoting reconciliation.\" },\n { topic: \"Reconciliation Approach\", text: \"After becoming president, Mandela emphasized:\", options: [\"Punishing all who supported apartheid\", \"National reconciliation and forgiveness, rather than revenge\", \"Re\u2011establishing apartheid\", \"Seeking exile\"], correct: 1, explanation: \"He prioritized healing the nation\u2019s divisions and building a shared future for all South Africans.\" },\n { topic: \"Anti\u2011Apartheid Organization\", text: \"Nelson Mandela was a leading member of which organization that opposed apartheid?\", options: [\"Black Consciousness Movement\", \"African National Congress (ANC)\", \"Pan Africanist Congress\", \"United Democratic Front\"], correct: 1, explanation: \"He joined the ANC in 1944 and helped lead its resistance campaigns.\" }\n ];\n\n const PSAT_QUESTIONS = [\n { topic: \"Mandela's Country\", text: \"Nelson Mandela was a political leader from:\", options: [\"Zimbabwe\", \"South Africa\", \"Namibia\", \"Botswana\"], correct: 1, explanation: \"He was South African and led the struggle against apartheid.\" },\n { topic: \"Apartheid System\", text: \"Apartheid was a system of:\", options: [\"Economic prosperity\", \"Racial segregation and discrimination enforced by law\", \"Religious tolerance\", \"Political equality\"], correct: 1, explanation: \"Apartheid legally separated races and denied basic rights to non\u2011white South Africans.\" },\n { topic: \"Imprisonment Length\", text: \"Mandela spent approximately how many years in prison?\", options: [\"10 years\", \"18 years\", \"27 years\", \"32 years\"], correct: 2, explanation: \"He was imprisoned from 1964 to 1990 \u2014 27 years.\" },\n { topic: \"Presidential Number\", text: \"Nelson Mandela was the _____ president of South Africa.\", options: [\"First\", \"Second\", \"Third\", \"Fourth\"], correct: 0, explanation: \"He was the first Black president and the first elected in a fully democratic election.\" },\n { topic: \"Nobel Prize Year\", text: \"Nelson Mandela received the Nobel Peace Prize in:\", options: [\"1990\", \"1991\", \"1992\", \"1993\"], correct: 3, explanation: \"He and F. W. de Klerk won the prize in 1993.\" },\n { topic: \"Prison Location\", text: \"Mandela\u2019s famous memoir is titled:\", options: [\"A Long Walk to Freedom\", \"Long Walk to Freedom\", \"The Struggle Is My Life\", \"No Easy Walk to Freedom\"], correct: 1, explanation: \"His autobiography, 'Long Walk to Freedom,' details his life and anti\u2011apartheid struggle.\" }\n ];\n\n const ACT_QUESTIONS = [\n { topic: \"Birth Year\", text: \"Nelson Mandela was born in which year?\", options: [\"1910\", \"1918\", \"1924\", \"1930\"], correct: 1, explanation: \"He was born in 1918 in Mvezo, South Africa.\" },\n { topic: \"Death Year\", text: \"Nelson Mandela died in which year?\", options: [\"2010\", \"2012\", \"2013\", \"2015\"], correct: 2, explanation: \"He passed away in 2013 at the age of 95.\" },\n { topic: \"ANC Joining Year\", text: \"Mandela joined the African National Congress (ANC) in:\", options: [\"1940\", \"1944\", \"1948\", \"1952\"], correct: 1, explanation: \"He became a member in 1944, helping to form the ANC Youth League.\" },\n { topic: \"Presidential Term\", text: \"Mandela served as president of South Africa from 1994 to:\", options: [\"1997\", \"1998\", \"1999\", \"2000\"], correct: 2, explanation: \"He served one term, stepping down in 1999.\" },\n { topic: \"De Klerk's Role\", text: \"F. W. de Klerk was the last apartheid\u2011era president who:\", options: [\"Intensified apartheid\", \"Negotiated with Mandela to dismantle apartheid and release political prisoners\", \"Fled the country\", \"Refused to negotiate\"], correct: 1, explanation: \"De Klerk worked with Mandela to end apartheid, leading to the 1994 election.\" },\n { topic: \"Robben Island\", text: \"Robben Island, where Mandela was imprisoned, is located near:\", options: [\"Johannesburg\", \"Cape Town\", \"Durban\", \"Pretoria\"], correct: 1, explanation: \"The island prison is situated off the coast of Cape Town.\" }\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 Reconciliation 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 Nelson Mandela and the end of apartheid.`;\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-rainbow\"><\/i> ${q.topic}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-hand-peace\"><\/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 Mandela\u2019s long walk to freedom, his 27 years in prison, and his legacy of reconciliation.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! \u201cIt always seems impossible until it is done.\u201d \u2014 Nelson Mandela`;\n return `\ud83d\udcdc Review the exhibit about Robben Island, the 1994 election, and the Nobel Peace Prize.`;\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 | Nelson Mandela \u2022 SAT \u2022 PSAT \u2022 ACT Nelson Mandela Museum Test Prep App South African anti-apartheid activist, first Black president, Nobel Peace Prize 1993 \u2014 \u201cLong Walk to Freedom\u201d Righteousness Hall Nelson Mandela \u2014 South Africa (1918\u20132013) Nelson Mandela was a South African political leader, anti-apartheid activist, and statesman […]<\/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-1042","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1042","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=1042"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1042\/revisions"}],"predecessor-version":[{"id":1045,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1042\/revisions\/1045"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1042"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}