Museum Test Prep App | William Wilberforce \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: #1e2a2e;\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 #e0c87a;\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: #e0c87a;\n margin-right: 10px;\n }\n .hero h1 .app-badge {\n font-size: 0.8rem;\n background: #e0c87a33;\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: #e0c87a30;\n padding: 8px;\n border-radius: 50%;\n border: 2px solid #e0c87a;\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 #e0c87a;\n padding-left: 1rem;\n margin: 0.75rem 0 1rem 0;\n color: #2a4a5a;\n }\n .article-panel h2 i {\n color: #e0c87a;\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 #e0c87a;\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 #e0c87a;\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 #e0c87a;\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 #e0c87a;\n }\n .next-btn, .restart-btn {\n background: #846c3e;\n border: none;\n color: white;\n font-weight: bold;\n padding: 10px;\n border-radius: 40px;\n font-size: 1rem;\n cursor: pointer;\n margin-top: 10px;\n width: 100%;\n }\n .next-btn:hover, .restart-btn:hover {\n background: #5f4a2a;\n }\n .game-status {\n font-size: 0.75rem;\n text-align: center;\n background: #e2d5bd;\n padding: 6px;\n border-radius: 50px;\n margin-top: 8px;\n }\n footer {\n text-align: center;\n padding: 1rem;\n background: #dfd2b6;\n font-size: 0.7rem;\n color: #4a3a22;\n }\n .disclaimer {\n font-size: 0.65rem;\n text-align: center;\n margin-top: 8px;\n color: #6b5a3e;\n }\n @media (max-width: 780px) {\n .hero h1 { font-size: 1.3rem; }\n .hero-portrait { flex-basis: 70px; }\n .hero-portrait i { font-size: 2.2rem; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"museum-container\">\n <div class=\"hero\">\n <div class=\"hero-text\">\n <h1><i class=\"fas fa-church\"><\/i> William Wilberforce <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Museum Test Prep App<\/span><\/h1>\n <p><i class=\"fas fa-handcuffs\"><\/i> British parliamentarian, abolitionist \u2014 \u201cSlave Trade Act of 1807, decades\u2011long moral campaign against the transatlantic slave trade\u201d<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-landmark\"><\/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> William Wilberforce \u2014 United Kingdom (1759\u20131833)<\/h2>\n <p>William Wilberforce was a British parliamentarian, social reformer, and leading abolitionist who dedicated much of his life to ending the transatlantic slave trade. His persistent efforts in the British Parliament helped bring about one of the most significant moral reforms in modern history. For more than two decades, Wilberforce led a parliamentary campaign to abolish the slave trade within the British Empire. Despite repeated political defeats, he remained committed to the principle that human dignity and freedom must be protected by law. His leadership ultimately contributed to the passage of the Slave Trade Act of 1807, which abolished the British slave trade and marked a major milestone in the global movement against slavery.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cFor nearly twenty years, Wilberforce continued the struggle despite numerous defeats in Parliament. His persistence helped maintain national attention on the moral injustice of slavery.\u201d\n <\/div>\n\n <h3><i class=\"fas fa-microscope\"><\/i> Historical Context & Religious Motivation<\/h3>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-calendar-alt\"><\/i> 1780s \u2013 Religious Transformation<\/span>\n <p>After a profound religious conversion, Wilberforce dedicated his career to social reform, believing that political leadership carried a responsibility to defend moral principles and human rights.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-gavel\"><\/i> 1789\u20131807 \u2013 Parliamentary Campaign<\/span>\n <p>He repeatedly introduced abolition bills, despite powerful opposition from commercial interests that profited from slavery. He worked closely with activists such as Thomas Clarkson.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-file-signature\"><\/i> 1807 \u2013 Slave Trade Act<\/span>\n <p>After nearly twenty years of effort, Parliament passed the Slave Trade Act, prohibiting British ships and merchants from participating in the slave trade. This act was a historic step toward ending slavery and influenced abolition movements worldwide.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-flag-usa\"><\/i> 1833 \u2013 Slavery Abolition Act<\/span>\n <p>Days before Wilberforce’s death, Parliament passed the Slavery Abolition Act, beginning the process of abolishing slavery throughout most of the British Empire.<\/p>\n <\/div>\n\n <h3><i class=\"fas fa-church\"><\/i> Righteous Act: The Campaign to Abolish the Slave Trade<\/h3>\n <p>Wilberforce’s most significant righteous act was his decades\u2011long parliamentary campaign to abolish the British slave trade. Facing repeated defeats, powerful economic opposition, and personal health struggles, he persisted because he believed that human dignity and freedom must be protected by law. His leadership built a broad coalition of reform groups, churches, and public campaigns. The Slave Trade Act of 1807 represented a historic moral victory and helped inspire abolition movements across the globe.<\/p>\n\n <h3><i class=\"fas fa-comment-dots\"><\/i> Legacy: Moral Conviction in Public Life<\/h3>\n <p>William Wilberforce is remembered as one of the most influential leaders in the global abolition movement. His work helped transform public opinion about slavery and demonstrated that moral advocacy within democratic institutions can produce profound social change. His legacy stands as a powerful example of ethical leadership, perseverance, and the pursuit of justice in public life.<\/p>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Hague (2008), Hochschild (2005), Tomkins (2007), Walvin (2007).\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 Abolitionist 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 William Wilberforce: Slave Trade Act 1807, abolition campaign, moral leadership<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer>\n <i class=\"fas fa-church\"><\/i> Museum Test Prep App | SAT \u2022 PSAT \u2022 ACT modes | William Wilberforce \u2014 Righteous Act: The Campaign to Abolish the Slave Trade\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 \/\/ ========== WILLIAM WILBERFORCE QUESTION BANKS ==========\n \/\/ Themes: Slave Trade Act 1807, parliamentary campaign, religious motivation, persistence despite defeat, Slavery Abolition Act 1833\n \n const SAT_QUESTIONS = [\n { topic: \"Parliamentary Victory\", text: \"After nearly twenty years of persistent effort, William Wilberforce\u2019s campaign led to the passage of which landmark act in 1807?\", options: [\"Slavery Abolition Act\", \"Slave Trade Act (abolishing the British slave trade)\", \"Magna Carta\", \"Reform Act of 1832\"], correct: 1, explanation: \"The Slave Trade Act of 1807 prohibited British ships and merchants from participating in the slave trade, a major moral victory.\" },\n { topic: \"Key Collaborator\", text: \"Wilberforce worked closely with which activist who helped gather evidence and mobilize public support against the slave trade?\", options: [\"Olaudah Equiano\", \"Thomas Clarkson\", \"Thomas Jefferson\", \"William Pitt\"], correct: 1, explanation: \"Thomas Clarkson was a key investigator and campaigner who collected evidence of slave trade atrocities and worked alongside Wilberforce.\" },\n { topic: \"Religious Motivation\", text: \"Wilberforce\u2019s dedication to social reform, including abolition, was greatly influenced by:\", options: [\"A desire for political power\", \"A profound religious transformation in the 1780s\", \"Economic self\u2011interest\", \"Military ambitions\"], correct: 1, explanation: \"After his evangelical conversion, he believed political leadership carried a moral duty to defend human rights.\" },\n { topic: \"Political Opposition\", text: \"Wilberforce\u2019s abolition bills faced strong opposition primarily from:\", options: [\"Religious groups\", \"Powerful commercial interests that profited from slavery and the colonial economy\", \"Abolitionists\", \"The royal family\"], correct: 1, explanation: \"Many MPs were connected to plantation economies and feared that abolition would harm their economic interests.\" },\n { topic: \"Final Achievement\", text: \"Just days before Wilberforce\u2019s death in 1833, Parliament passed the Slavery Abolition Act, which:\", options: [\"Expanded the slave trade\", \"Abolished the slave trade only\", \"Began the process of abolishing slavery throughout most of the British Empire\", \"Delayed abolition for another decade\"], correct: 2, explanation: \"The Slavery Abolition Act (1833) set in motion the end of slavery in the British Empire, building on Wilberforce's earlier work.\" },\n { topic: \"Legacy Meaning\", text: \"William Wilberforce is remembered as an example of:\", options: [\"Political expediency\", \"Moral advocacy and perseverance within democratic institutions leading to profound social change\", \"Military leadership\", \"Economic innovation\"], correct: 1, explanation: \"His decades\u2011long, principled campaign shows that persistence and moral conviction can overcome powerful opposition.\" }\n ];\n\n const PSAT_QUESTIONS = [\n { topic: \"Wilberforce's Country\", text: \"William Wilberforce was a parliamentarian and abolitionist from:\", options: [\"United States\", \"United Kingdom\", \"France\", \"Spain\"], correct: 1, explanation: \"He served as a member of the British Parliament.\" },\n { topic: \"Abolished Trade\", text: \"The Slave Trade Act of 1807 abolished:\", options: [\"Slavery in the United States\", \"British participation in the transatlantic slave trade\", \"Colonial trade entirely\", \"All forms of labor\"], correct: 1, explanation: \"The act ended British ships and merchants from trading enslaved people, a crucial step toward full abolition.\" },\n { topic: \"Campaign Length\", text: \"Wilberforce led the parliamentary campaign to abolish the slave trade for approximately how many years before success?\", options: [\"Five years\", \"Ten years\", \"Twenty years\", \"Thirty years\"], correct: 2, explanation: \"He began introducing bills in 1789 and achieved success with the 1807 act \u2014 nearly two decades of persistence.\" },\n { topic: \"Primary Document\", text: \"The 1807 law that Wilberforce championed was called the:\", options: [\"Emancipation Proclamation\", \"Slave Trade Act\", \"Human Rights Act\", \"Colonial Reform Act\"], correct: 1, explanation: \"The Slave Trade Act of 1807 (formally the Abolition of the Slave Trade Act) was his landmark victory.\" },\n { topic: \"Religious Influence\", text: \"Wilberforce's activism was deeply influenced by:\", options: [\"Enlightenment philosophy only\", \"A Christian evangelical conversion that led him to pursue social reform\", \"Nationalism\", \"Scientific discoveries\"], correct: 1, explanation: \"His religious faith gave him a sense of moral duty to combat injustice.\" },\n { topic: \"Later Act\", text: \"The act that began abolishing slavery itself in the British Empire (passed in 1833) was the:\", options: [\"Slave Trade Act\", \"Slavery Abolition Act\", \"Bill of Rights\", \"Reform Act\"], correct: 1, explanation: \"The Slavery Abolition Act 1833, passed days before Wilberforce's death, ended slavery in most of the British Empire.\" }\n ];\n\n const ACT_QUESTIONS = [\n { topic: \"Birth Year\", text: \"William Wilberforce was born in which year?\", options: [\"1745\", \"1759\", \"1772\", \"1789\"], correct: 1, explanation: \"He was born in 1759 in Kingston upon Hull, England.\" },\n { topic: \"Campaign Start\", text: \"Wilberforce first introduced a bill to abolish the slave trade in Parliament in:\", options: [\"1775\", \"1789\", \"1807\", \"1815\"], correct: 1, explanation: \"He began his parliamentary abolition campaign in 1789.\" },\n { topic: \"Political Role\", text: \"Wilberforce served as a:\", options: [\"King\", \"General\", \"Member of Parliament (MP)\", \"Judge\"], correct: 2, explanation: \"He was a Member of Parliament for Hull and later Yorkshire.\" },\n { topic: \"Abolition Partner\", text: \"Which activist worked closely with Wilberforce to gather evidence and organize public petitions against the slave trade?\", options: [\"Granville Sharp\", \"Thomas Clarkson\", \"John Wesley\", \"William Grenville\"], correct: 1, explanation: \"Thomas Clarkson was a key researcher and organizer in the abolition movement.\" },\n { topic: \"Final Act Year\", text: \"The Slavery Abolition Act, which began ending slavery in the British Empire, was passed in:\", options: [\"1807\", \"1820\", \"1833\", \"1838\"], correct: 2, explanation: \"The act was passed in 1833 and took effect in 1834.\" },\n { topic: \"Moral Persistence\", text: \"Wilberforce's campaign demonstrated that:\", options: [\"Change is impossible\", \"Moral conviction and persistence can overcome powerful opposition\", \"Only violent revolution works\", \"Economic interests always prevail\"], correct: 1, explanation: \"His twenty\u2011year struggle shows that principled advocacy within democratic institutions can achieve monumental reform.\" }\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 Abolitionist 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 William Wilberforce and the abolition of the British slave trade.`;\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:#e0c87a;\"><\/i>\n <h3>${currentMode} Complete!<\/h3>\n <p>Your score: ${playerScore} \/ ${totalPerMode*100}<\/p>\n <p><i class=\"fas fa-medal\"><\/i> ${getFinalMessage()}<\/p>\n <i class=\"fas fa-sync-alt\"><\/i> Switch exam mode or press Restart.\n <\/div>\n `;\n nextBtn.style.display = \"none\";\n quizAnswered = true;\n return;\n }\n\n const q = currentQuestions[currentIndex];\n let optionsHtml = '';\n const letters = ['A', 'B', 'C', 'D'];\n q.options.forEach((opt, idx) => {\n let disabledAttr = quizAnswered ? 'disabled' : '';\n let extraClass = '';\n if (quizAnswered) {\n if (idx === q.correct) extraClass = 'correct-highlight';\n else if (idx === selectedOptIdx && idx !== q.correct) extraClass = 'wrong-highlight';\n }\n optionsHtml += `\n <button class=\"opt-btn ${extraClass}\" data-opt-index=\"${idx}\" ${disabledAttr}>\n <i class=\"fas ${idx === 0 ? 'fa-circle' : (idx === 1 ? 'fa-dot-circle' : (idx === 2 ? 'fa-record-vinyl' : 'fa-stop'))}\"><\/i>\n <strong>${letters[idx]}.<\/strong> ${escapeHtml(opt)}\n <\/button>\n `;\n });\n\n const progressHtml = `<div class=\"game-status\" style=\"margin-bottom:12px;\"><i class=\"fas fa-church\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode}) \u2022 <i class=\"fas fa-handcuffs\"><\/i> ${q.topic}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-landmark\"><\/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 Wilberforce's decades\u2011long moral campaign and the Slave Trade Act of 1807.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! \u201cPerseverance in the face of defeat \u2014 moral conviction can change the world.\u201d`;\n return `\ud83d\udcdc Review the exhibit about the abolition campaign, religious motivation, and the 1807 and 1833 acts.`;\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 | William Wilberforce \u2022 SAT \u2022 PSAT \u2022 ACT William Wilberforce Museum Test Prep App British parliamentarian, abolitionist \u2014 \u201cSlave Trade Act of 1807, decades\u2011long moral campaign against the transatlantic slave trade\u201d Righteousness Hall William Wilberforce \u2014 United Kingdom (1759\u20131833) William Wilberforce was a British parliamentarian, social reformer, and leading abolitionist […]<\/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-993","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/993","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=993"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/993\/revisions"}],"predecessor-version":[{"id":996,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/993\/revisions\/996"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":993,"date":"2026-05-17T23:24:12","date_gmt":"2026-05-17T23:24:12","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=993"},"modified":"2026-05-17T23:29:12","modified_gmt":"2026-05-17T23:29:12","slug":"museum-test-prep-app-william-wilberforce","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/museum-test-prep-app-william-wilberforce\/","title":{"rendered":"Museum Test Prep App – William Wilberforce"},"content":{"rendered":"\n\n\n\n \n \n Museum Test Prep App | William Wilberforce \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: #1e2a2e;\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 #e0c87a;\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: #e0c87a;\n margin-right: 10px;\n }\n .hero h1 .app-badge {\n font-size: 0.8rem;\n background: #e0c87a33;\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: #e0c87a30;\n padding: 8px;\n border-radius: 50%;\n border: 2px solid #e0c87a;\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 #e0c87a;\n padding-left: 1rem;\n margin: 0.75rem 0 1rem 0;\n color: #2a4a5a;\n }\n .article-panel h2 i {\n color: #e0c87a;\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 #e0c87a;\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 #e0c87a;\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 #e0c87a;\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 #e0c87a;\n }\n .next-btn, .restart-btn {\n background: #846c3e;\n border: none;\n color: white;\n font-weight: bold;\n padding: 10px;\n border-radius: 40px;\n font-size: 1rem;\n cursor: pointer;\n margin-top: 10px;\n width: 100%;\n }\n .next-btn:hover, .restart-btn:hover {\n background: #5f4a2a;\n }\n .game-status {\n font-size: 0.75rem;\n text-align: center;\n background: #e2d5bd;\n padding: 6px;\n border-radius: 50px;\n margin-top: 8px;\n }\n footer {\n text-align: center;\n padding: 1rem;\n background: #dfd2b6;\n font-size: 0.7rem;\n color: #4a3a22;\n }\n .disclaimer {\n font-size: 0.65rem;\n text-align: center;\n margin-top: 8px;\n color: #6b5a3e;\n }\n @media (max-width: 780px) {\n .hero h1 { font-size: 1.3rem; }\n .hero-portrait { flex-basis: 70px; }\n .hero-portrait i { font-size: 2.2rem; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"museum-container\">\n <div class=\"hero\">\n <div class=\"hero-text\">\n <h1><i class=\"fas fa-church\"><\/i> William Wilberforce <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Museum Test Prep App<\/span><\/h1>\n <p><i class=\"fas fa-handcuffs\"><\/i> British parliamentarian, abolitionist \u2014 \u201cSlave Trade Act of 1807, decades\u2011long moral campaign against the transatlantic slave trade\u201d<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-landmark\"><\/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> William Wilberforce \u2014 United Kingdom (1759\u20131833)<\/h2>\n <p>William Wilberforce was a British parliamentarian, social reformer, and leading abolitionist who dedicated much of his life to ending the transatlantic slave trade. His persistent efforts in the British Parliament helped bring about one of the most significant moral reforms in modern history. For more than two decades, Wilberforce led a parliamentary campaign to abolish the slave trade within the British Empire. Despite repeated political defeats, he remained committed to the principle that human dignity and freedom must be protected by law. His leadership ultimately contributed to the passage of the Slave Trade Act of 1807, which abolished the British slave trade and marked a major milestone in the global movement against slavery.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cFor nearly twenty years, Wilberforce continued the struggle despite numerous defeats in Parliament. His persistence helped maintain national attention on the moral injustice of slavery.\u201d\n <\/div>\n\n <h3><i class=\"fas fa-microscope\"><\/i> Historical Context & Religious Motivation<\/h3>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-calendar-alt\"><\/i> 1780s \u2013 Religious Transformation<\/span>\n <p>After a profound religious conversion, Wilberforce dedicated his career to social reform, believing that political leadership carried a responsibility to defend moral principles and human rights.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-gavel\"><\/i> 1789\u20131807 \u2013 Parliamentary Campaign<\/span>\n <p>He repeatedly introduced abolition bills, despite powerful opposition from commercial interests that profited from slavery. He worked closely with activists such as Thomas Clarkson.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-file-signature\"><\/i> 1807 \u2013 Slave Trade Act<\/span>\n <p>After nearly twenty years of effort, Parliament passed the Slave Trade Act, prohibiting British ships and merchants from participating in the slave trade. This act was a historic step toward ending slavery and influenced abolition movements worldwide.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-flag-usa\"><\/i> 1833 \u2013 Slavery Abolition Act<\/span>\n <p>Days before Wilberforce’s death, Parliament passed the Slavery Abolition Act, beginning the process of abolishing slavery throughout most of the British Empire.<\/p>\n <\/div>\n\n <h3><i class=\"fas fa-church\"><\/i> Righteous Act: The Campaign to Abolish the Slave Trade<\/h3>\n <p>Wilberforce’s most significant righteous act was his decades\u2011long parliamentary campaign to abolish the British slave trade. Facing repeated defeats, powerful economic opposition, and personal health struggles, he persisted because he believed that human dignity and freedom must be protected by law. His leadership built a broad coalition of reform groups, churches, and public campaigns. The Slave Trade Act of 1807 represented a historic moral victory and helped inspire abolition movements across the globe.<\/p>\n\n <h3><i class=\"fas fa-comment-dots\"><\/i> Legacy: Moral Conviction in Public Life<\/h3>\n <p>William Wilberforce is remembered as one of the most influential leaders in the global abolition movement. His work helped transform public opinion about slavery and demonstrated that moral advocacy within democratic institutions can produce profound social change. His legacy stands as a powerful example of ethical leadership, perseverance, and the pursuit of justice in public life.<\/p>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Hague (2008), Hochschild (2005), Tomkins (2007), Walvin (2007).\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 Abolitionist 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 William Wilberforce: Slave Trade Act 1807, abolition campaign, moral leadership<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer>\n <i class=\"fas fa-church\"><\/i> Museum Test Prep App | SAT \u2022 PSAT \u2022 ACT modes | William Wilberforce \u2014 Righteous Act: The Campaign to Abolish the Slave Trade\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 \/\/ ========== WILLIAM WILBERFORCE QUESTION BANKS ==========\n \/\/ Themes: Slave Trade Act 1807, parliamentary campaign, religious motivation, persistence despite defeat, Slavery Abolition Act 1833\n \n const SAT_QUESTIONS = [\n { topic: \"Parliamentary Victory\", text: \"After nearly twenty years of persistent effort, William Wilberforce\u2019s campaign led to the passage of which landmark act in 1807?\", options: [\"Slavery Abolition Act\", \"Slave Trade Act (abolishing the British slave trade)\", \"Magna Carta\", \"Reform Act of 1832\"], correct: 1, explanation: \"The Slave Trade Act of 1807 prohibited British ships and merchants from participating in the slave trade, a major moral victory.\" },\n { topic: \"Key Collaborator\", text: \"Wilberforce worked closely with which activist who helped gather evidence and mobilize public support against the slave trade?\", options: [\"Olaudah Equiano\", \"Thomas Clarkson\", \"Thomas Jefferson\", \"William Pitt\"], correct: 1, explanation: \"Thomas Clarkson was a key investigator and campaigner who collected evidence of slave trade atrocities and worked alongside Wilberforce.\" },\n { topic: \"Religious Motivation\", text: \"Wilberforce\u2019s dedication to social reform, including abolition, was greatly influenced by:\", options: [\"A desire for political power\", \"A profound religious transformation in the 1780s\", \"Economic self\u2011interest\", \"Military ambitions\"], correct: 1, explanation: \"After his evangelical conversion, he believed political leadership carried a moral duty to defend human rights.\" },\n { topic: \"Political Opposition\", text: \"Wilberforce\u2019s abolition bills faced strong opposition primarily from:\", options: [\"Religious groups\", \"Powerful commercial interests that profited from slavery and the colonial economy\", \"Abolitionists\", \"The royal family\"], correct: 1, explanation: \"Many MPs were connected to plantation economies and feared that abolition would harm their economic interests.\" },\n { topic: \"Final Achievement\", text: \"Just days before Wilberforce\u2019s death in 1833, Parliament passed the Slavery Abolition Act, which:\", options: [\"Expanded the slave trade\", \"Abolished the slave trade only\", \"Began the process of abolishing slavery throughout most of the British Empire\", \"Delayed abolition for another decade\"], correct: 2, explanation: \"The Slavery Abolition Act (1833) set in motion the end of slavery in the British Empire, building on Wilberforce's earlier work.\" },\n { topic: \"Legacy Meaning\", text: \"William Wilberforce is remembered as an example of:\", options: [\"Political expediency\", \"Moral advocacy and perseverance within democratic institutions leading to profound social change\", \"Military leadership\", \"Economic innovation\"], correct: 1, explanation: \"His decades\u2011long, principled campaign shows that persistence and moral conviction can overcome powerful opposition.\" }\n ];\n\n const PSAT_QUESTIONS = [\n { topic: \"Wilberforce's Country\", text: \"William Wilberforce was a parliamentarian and abolitionist from:\", options: [\"United States\", \"United Kingdom\", \"France\", \"Spain\"], correct: 1, explanation: \"He served as a member of the British Parliament.\" },\n { topic: \"Abolished Trade\", text: \"The Slave Trade Act of 1807 abolished:\", options: [\"Slavery in the United States\", \"British participation in the transatlantic slave trade\", \"Colonial trade entirely\", \"All forms of labor\"], correct: 1, explanation: \"The act ended British ships and merchants from trading enslaved people, a crucial step toward full abolition.\" },\n { topic: \"Campaign Length\", text: \"Wilberforce led the parliamentary campaign to abolish the slave trade for approximately how many years before success?\", options: [\"Five years\", \"Ten years\", \"Twenty years\", \"Thirty years\"], correct: 2, explanation: \"He began introducing bills in 1789 and achieved success with the 1807 act \u2014 nearly two decades of persistence.\" },\n { topic: \"Primary Document\", text: \"The 1807 law that Wilberforce championed was called the:\", options: [\"Emancipation Proclamation\", \"Slave Trade Act\", \"Human Rights Act\", \"Colonial Reform Act\"], correct: 1, explanation: \"The Slave Trade Act of 1807 (formally the Abolition of the Slave Trade Act) was his landmark victory.\" },\n { topic: \"Religious Influence\", text: \"Wilberforce's activism was deeply influenced by:\", options: [\"Enlightenment philosophy only\", \"A Christian evangelical conversion that led him to pursue social reform\", \"Nationalism\", \"Scientific discoveries\"], correct: 1, explanation: \"His religious faith gave him a sense of moral duty to combat injustice.\" },\n { topic: \"Later Act\", text: \"The act that began abolishing slavery itself in the British Empire (passed in 1833) was the:\", options: [\"Slave Trade Act\", \"Slavery Abolition Act\", \"Bill of Rights\", \"Reform Act\"], correct: 1, explanation: \"The Slavery Abolition Act 1833, passed days before Wilberforce's death, ended slavery in most of the British Empire.\" }\n ];\n\n const ACT_QUESTIONS = [\n { topic: \"Birth Year\", text: \"William Wilberforce was born in which year?\", options: [\"1745\", \"1759\", \"1772\", \"1789\"], correct: 1, explanation: \"He was born in 1759 in Kingston upon Hull, England.\" },\n { topic: \"Campaign Start\", text: \"Wilberforce first introduced a bill to abolish the slave trade in Parliament in:\", options: [\"1775\", \"1789\", \"1807\", \"1815\"], correct: 1, explanation: \"He began his parliamentary abolition campaign in 1789.\" },\n { topic: \"Political Role\", text: \"Wilberforce served as a:\", options: [\"King\", \"General\", \"Member of Parliament (MP)\", \"Judge\"], correct: 2, explanation: \"He was a Member of Parliament for Hull and later Yorkshire.\" },\n { topic: \"Abolition Partner\", text: \"Which activist worked closely with Wilberforce to gather evidence and organize public petitions against the slave trade?\", options: [\"Granville Sharp\", \"Thomas Clarkson\", \"John Wesley\", \"William Grenville\"], correct: 1, explanation: \"Thomas Clarkson was a key researcher and organizer in the abolition movement.\" },\n { topic: \"Final Act Year\", text: \"The Slavery Abolition Act, which began ending slavery in the British Empire, was passed in:\", options: [\"1807\", \"1820\", \"1833\", \"1838\"], correct: 2, explanation: \"The act was passed in 1833 and took effect in 1834.\" },\n { topic: \"Moral Persistence\", text: \"Wilberforce's campaign demonstrated that:\", options: [\"Change is impossible\", \"Moral conviction and persistence can overcome powerful opposition\", \"Only violent revolution works\", \"Economic interests always prevail\"], correct: 1, explanation: \"His twenty\u2011year struggle shows that principled advocacy within democratic institutions can achieve monumental reform.\" }\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 Abolitionist 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 William Wilberforce and the abolition of the British slave trade.`;\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:#e0c87a;\"><\/i>\n <h3>${currentMode} Complete!<\/h3>\n <p>Your score: ${playerScore} \/ ${totalPerMode*100}<\/p>\n <p><i class=\"fas fa-medal\"><\/i> ${getFinalMessage()}<\/p>\n <i class=\"fas fa-sync-alt\"><\/i> Switch exam mode or press Restart.\n <\/div>\n `;\n nextBtn.style.display = \"none\";\n quizAnswered = true;\n return;\n }\n\n const q = currentQuestions[currentIndex];\n let optionsHtml = '';\n const letters = ['A', 'B', 'C', 'D'];\n q.options.forEach((opt, idx) => {\n let disabledAttr = quizAnswered ? 'disabled' : '';\n let extraClass = '';\n if (quizAnswered) {\n if (idx === q.correct) extraClass = 'correct-highlight';\n else if (idx === selectedOptIdx && idx !== q.correct) extraClass = 'wrong-highlight';\n }\n optionsHtml += `\n <button class=\"opt-btn ${extraClass}\" data-opt-index=\"${idx}\" ${disabledAttr}>\n <i class=\"fas ${idx === 0 ? 'fa-circle' : (idx === 1 ? 'fa-dot-circle' : (idx === 2 ? 'fa-record-vinyl' : 'fa-stop'))}\"><\/i>\n <strong>${letters[idx]}.<\/strong> ${escapeHtml(opt)}\n <\/button>\n `;\n });\n\n const progressHtml = `<div class=\"game-status\" style=\"margin-bottom:12px;\"><i class=\"fas fa-church\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode}) \u2022 <i class=\"fas fa-handcuffs\"><\/i> ${q.topic}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-landmark\"><\/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 Wilberforce's decades\u2011long moral campaign and the Slave Trade Act of 1807.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! \u201cPerseverance in the face of defeat \u2014 moral conviction can change the world.\u201d`;\n return `\ud83d\udcdc Review the exhibit about the abolition campaign, religious motivation, and the 1807 and 1833 acts.`;\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 | William Wilberforce \u2022 SAT \u2022 PSAT \u2022 ACT William Wilberforce Museum Test Prep App British parliamentarian, abolitionist \u2014 \u201cSlave Trade Act of 1807, decades\u2011long moral campaign against the transatlantic slave trade\u201d Righteousness Hall William Wilberforce \u2014 United Kingdom (1759\u20131833) William Wilberforce was a British parliamentarian, social reformer, and leading abolitionist […]<\/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-993","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/993","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=993"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/993\/revisions"}],"predecessor-version":[{"id":996,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/993\/revisions\/996"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}