Museum Test Prep App | Miguel Hidalgo y Costilla \u2022 SAT \u2022 PSAT \u2022 ACT<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #2a2a1e;\n font-family: 'Georgia', 'Times New Roman', Times, serif;\n color: #2c2b28;\n line-height: 1.5;\n padding: 20px;\n }\n\n .museum-container {\n max-width: 1400px;\n margin: 0 auto;\n background: #fef8ea;\n border-radius: 28px;\n box-shadow: 0 20px 35px rgba(0,0,0,0.3), 0 0 0 1px #b89870 inset;\n overflow: hidden;\n }\n\n .hero {\n background: linear-gradient(135deg, #5a4a2a 0%, #3a2e1a 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: #5a4a2a;\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, #5a4a2a, #3a2e1a);\n color: white;\n padding: 1rem;\n border-radius: 28px;\n text-align: center;\n }\n .score-area {\n font-size: 1.6rem;\n font-weight: bold;\n background: #00000055;\n display: inline-block;\n padding: 0.2rem 1.2rem;\n border-radius: 40px;\n margin-top: 8px;\n }\n .question-card {\n background: white;\n border-radius: 28px;\n padding: 1.5rem;\n box-shadow: 0 8px 18px rgba(0,0,0,0.1);\n }\n .question-text {\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 1.2rem;\n background: #fdf4e0;\n padding: 12px;\n border-radius: 20px;\n border-left: 5px solid #e0b87a;\n }\n .options-list {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 1.5rem;\n }\n .opt-btn {\n background: #efe2cf;\n border: 2px solid #cfb37a;\n padding: 10px 14px;\n border-radius: 60px;\n font-family: 'Segoe UI', 'Georgia', serif;\n font-size: 0.9rem;\n text-align: left;\n cursor: pointer;\n transition: 0.2s;\n }\n .opt-btn i {\n margin-right: 10px;\n }\n .opt-btn:hover:not(:disabled) {\n background: #e2cfb0;\n }\n .opt-btn.correct-highlight {\n background: #a5d6a5;\n border-color: #2e7d32;\n }\n .opt-btn.wrong-highlight {\n background: #ef9a9a;\n border-color: #c62828;\n }\n .opt-btn:disabled {\n cursor: default;\n opacity: 0.8;\n }\n .feedback {\n margin-top: 15px;\n padding: 12px;\n border-radius: 20px;\n background: #f3efdf;\n font-size: 0.9rem;\n border-left: 5px solid #e0b87a;\n }\n .next-btn, .restart-btn {\n background: #846c3e;\n border: none;\n color: white;\n font-weight: bold;\n padding: 10px;\n border-radius: 40px;\n font-size: 1rem;\n cursor: pointer;\n margin-top: 10px;\n width: 100%;\n }\n .next-btn:hover, .restart-btn:hover {\n background: #5f4a2a;\n }\n .game-status {\n font-size: 0.75rem;\n text-align: center;\n background: #e2d5bd;\n padding: 6px;\n border-radius: 50px;\n margin-top: 8px;\n }\n footer {\n text-align: center;\n padding: 1rem;\n background: #dfd2b6;\n font-size: 0.7rem;\n color: #4a3a22;\n }\n .disclaimer {\n font-size: 0.65rem;\n text-align: center;\n margin-top: 8px;\n color: #6b5a3e;\n }\n @media (max-width: 780px) {\n .hero h1 { font-size: 1.3rem; }\n .hero-portrait { flex-basis: 70px; }\n .hero-portrait i { font-size: 2.2rem; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"museum-container\">\n <div class=\"hero\">\n <div class=\"hero-text\">\n <h1><i class=\"fas fa-church\"><\/i> Miguel Hidalgo y Costilla <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Museum Test Prep App<\/span><\/h1>\n <p><i class=\"fas fa-bell\"><\/i> Mexican Catholic priest, revolutionary leader \u2014 Grito de Dolores (Sept. 16, 1810), \u201cFather of Mexican Independence\u201d<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-crown\"><\/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> Miguel Hidalgo y Costilla \u2014 Mexico (1753\u20131811)<\/h2>\n <p>Miguel Hidalgo y Costilla was a Mexican Catholic priest, social reformer, and revolutionary leader who played a central role in initiating the movement for Mexican independence from Spanish colonial rule. Through his leadership and public call for resistance, he helped inspire one of the most significant political transformations in the history of Mexico. Known for his advocacy for the rights of indigenous and mestizo populations, Hidalgo challenged social inequalities that had developed under Spanish colonial administration. His leadership mobilized thousands of people who sought greater justice, representation, and freedom. Today, he is widely remembered as one of the founding figures of Mexico\u2019s independence movement and a symbol of courage, social justice, and national self\u2011determination.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cLong live Our Lady of Guadalupe! Long live America! Death to bad government!\u201d \u2014 Miguel Hidalgo, Grito de Dolores (September 16, 1810)\n <\/div>\n\n <h3><i class=\"fas fa-microscope\"><\/i> Historical Context & Grito de Dolores<\/h3>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-calendar-alt\"><\/i> Late 18th Century \u2013 Colonial New Spain<\/span>\n <p>Mexico was part of the Viceroyalty of New Spain, with power concentrated among Spanish\u2011born elites. Indigenous and mestizo populations faced discrimination and economic hardship.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-church\"><\/i> Parish Priest in Dolores<\/span>\n <p>Hidalgo promoted education, agriculture, and social reforms in his parish, becoming increasingly involved in independence discussions.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-bell\"><\/i> September 16, 1810 \u2013 Grito de Dolores<\/span>\n <p>Hidalgo rang the church bell and issued a call for rebellion against Spanish colonial rule, igniting the Mexican War of Independence.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-skull\"><\/i> 1811 \u2013 Capture and Execution<\/span>\n <p>Royalist forces defeated the insurgent army; Hidalgo was captured, tried for treason and rebellion, and executed.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-flag-checkered\"><\/i> 1821 \u2013 Mexican Independence Achieved<\/span>\n <p>The movement Hidalgo initiated continued under other leaders, culminating in Mexico\u2019s independence from Spain in 1821.<\/p>\n <\/div>\n\n <h3><i class=\"fas fa-church\"><\/i> Righteous Act: The Call for Independence<\/h3>\n <p>Miguel Hidalgo\u2019s most famous action occurred on September 16, 1810, when he issued a historic call for rebellion known as the Grito de Dolores. Ringing the church bell, he urged people to rise against colonial rule, calling for an end to injustice and encouraging the population to seek political freedom and social reform. Thousands joined the uprising, forming a revolutionary force that marched toward major cities. Although the early movement faced military setbacks and Hidalgo was executed in 1811, his call for independence ignited a national struggle that eventually led to Mexico\u2019s independence in 1821.<\/p>\n\n <h3><i class=\"fas fa-comment-dots\"><\/i> Legacy: Father of Mexican Independence<\/h3>\n <p>Miguel Hidalgo y Costilla is widely recognized as one of the founding figures of modern Mexico. His call for independence inspired a decade\u2011long struggle that ultimately ended Spanish colonial rule. Today, September 16 \u2014 the anniversary of the Grito de Dolores \u2014 is celebrated as Mexican Independence Day. His life remains an enduring symbol of courage, national identity, and the pursuit of justice and freedom.<\/p>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Hamnett (2006), Knight (2010), Anna (1998), Tutino (2013).\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 Independence 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 Miguel Hidalgo: Grito de Dolores, Mexican War of Independence, execution<\/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 | Miguel Hidalgo y Costilla \u2014 Righteous Act: The Call for Independence\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 \/\/ ========== MIGUEL HIDALGO Y COSTILLA QUESTION BANKS ==========\n \/\/ Themes: Viceroyalty of New Spain, indigenous\/mestizo advocacy, Grito de Dolores (Sept. 16, 1810), call for independence, capture and execution 1811, Mexican Independence achieved 1821\n \n const SAT_QUESTIONS = [\n { topic: \"Grito de Dolores\", text: \"Miguel Hidalgo\u2019s call for rebellion against Spanish colonial rule is known as the:\", options: [\"Plan de Iguala\", \"Grito de Dolores\", \"Constitution of Apatzing\u00e1n\", \"Treaty of C\u00f3rdoba\"], correct: 1, explanation: \"The Grito de Dolores (Cry of Dolores) was issued on September 16, 1810, from the parish church in Dolores.\" },\n { topic: \"Date of Grito\", text: \"The Grito de Dolores, which initiated the Mexican War of Independence, took place on:\", options: [\"May 5, 1810\", \"September 16, 1810\", \"November 20, 1810\", \"February 24, 1811\"], correct: 1, explanation: \"September 16, 1810, is now celebrated as Mexican Independence Day.\" },\n { topic: \"Hidalgo\u2019s Profession\", text: \"Before leading the independence movement, Miguel Hidalgo served as a:\", options: [\"Military general\", \"Catholic priest and parish priest in Dolores\", \"Lawyer\", \"Merchant\"], correct: 1, explanation: \"He was a Catholic priest who promoted social reforms and education in his parish.\" },\n { topic: \"Social Groups Advocated\", text: \"Hidalgo\u2019s call for independence particularly resonated with which segments of colonial society?\", options: [\"Spanish\u2011born elites only\", \"Indigenous and mestizo populations who faced discrimination and economic hardship\", \"Foreign merchants\", \"Royal officials\"], correct: 1, explanation: \"He challenged the social inequalities that marginalized indigenous and mixed\u2011heritage communities.\" },\n { topic: \"Fate of Hidalgo\", text: \"After the early insurgent army was defeated, Miguel Hidalgo was:\", options: [\"Exiled to Spain\", \"Captured, tried for treason and rebellion, and executed in 1811\", \"Promoted to bishop\", \"Freed by royal decree\"], correct: 1, explanation: \"He was executed by firing squad in Chihuahua in July 1811.\" },\n { topic: \"Legacy Date\", text: \"The anniversary of the Grito de Dolores (September 16) is now celebrated as:\", options: [\"Constitution Day\", \"Mexican Independence Day\", \"Day of the Dead\", \"Revolution Day\"], correct: 1, explanation: \"September 16 is Mexico\u2019s national independence holiday, commemorating Hidalgo\u2019s call to arms.\" }\n ];\n\n const PSAT_QUESTIONS = [\n { topic: \"Hidalgo's Country\", text: \"Miguel Hidalgo y Costilla was a revolutionary leader from:\", options: [\"Spain\", \"Mexico\", \"Guatemala\", \"Peru\"], correct: 1, explanation: \"He led the movement for Mexican independence from Spanish colonial rule.\" },\n { topic: \"Spanish Colonial Division\", text: \"During Hidalgo\u2019s time, Mexico was part of the:\", options: [\"Viceroyalty of Peru\", \"Viceroyalty of New Spain\", \"Captaincy General of Guatemala\", \"Kingdom of Portugal\"], correct: 1, explanation: \"Mexico was the core of the Viceroyalty of New Spain, ruled from Mexico City.\" },\n { topic: \"Year of Execution\", text: \"Miguel Hidalgo was executed in which year?\", options: [\"1810\", \"1811\", \"1812\", \"1813\"], correct: 1, explanation: \"He was captured and executed in 1811.\" },\n { topic: \"Independence Achievement\", text: \"Mexico finally achieved independence from Spain in which year?\", options: [\"1810\", \"1815\", \"1821\", \"1824\"], correct: 2, explanation: \"The War of Independence ended in 1821 with the signing of the Treaty of C\u00f3rdoba.\" },\n { topic: \"Call to Action\", text: \"Hidalgo began his rebellion by:\", options: [\"Writing a constitution\", \"Ringing the church bell and delivering the Grito de Dolores\", \"Marching on Mexico City\", \"Negotiating with Spain\"], correct: 1, explanation: \"The symbolic act of ringing the bell and crying out against bad government rallied thousands.\" },\n { topic: \"Social Reforms\", text: \"As a priest, Hidalgo promoted:\", options: [\"Tax increases\", \"Education, agriculture, and social reforms for local communities\", \"Military conscription\", \"Building fortresses\"], correct: 1, explanation: \"He encouraged economic opportunities and welfare for indigenous and mestizo residents.\" }\n ];\n\n const ACT_QUESTIONS = [\n { topic: \"Birth Year\", text: \"Miguel Hidalgo y Costilla was born in which year?\", options: [\"1748\", \"1753\", \"1758\", \"1762\"], correct: 1, explanation: \"He was born in 1753 on the hacienda of San Diego Corralejo in Guanajuato.\" },\n { topic: \"Death Year\", text: \"Miguel Hidalgo was executed in which year?\", options: [\"1810\", \"1811\", \"1812\", \"1813\"], correct: 1, explanation: \"He was killed in 1811 after being found guilty of treason and rebellion.\" },\n { topic: \"Mexican Independence Day\", text: \"Mexico celebrates its independence day on:\", options: [\"May 5\", \"September 16\", \"November 20\", \"February 5\"], correct: 1, explanation: \"September 16 marks the anniversary of Hidalgo\u2019s Grito de Dolores.\" },\n { topic: \"Colonial Elite\", text: \"Under Spanish colonial rule, political and economic power was concentrated among:\", options: [\"Indigenous leaders\", \"Spanish\u2011born elites (peninsulares)\", \"Mestizo farmers\", \"Catholic missionaries\"], correct: 1, explanation: \"Peninsulares (Spaniards born in Spain) held the highest offices and controlled wealth.\" },\n { topic: \"Rebellion Outcome\", text: \"Although Hidalgo\u2019s initial uprising was defeated, his movement:\", options: [\"Ended immediately\", \"Inspired other revolutionary leaders who eventually won independence\", \"Was forgotten\", \"Led to Spanish reforms\"], correct: 1, explanation: \"Leaders like Jos\u00e9 Mar\u00eda Morelos and Vicente Guerrero continued the struggle after Hidalgo\u2019s death.\" },\n { topic: \"Hidalgo's Symbol\", text: \"The Virgin of Guadalupe became a powerful symbol of Hidalgo\u2019s movement because it:\", options: [\"Represented European royalty\", \"Resonated with indigenous and mestizo identity\", \"Was a Spanish military emblem\", \"Had no meaning\"], correct: 1, explanation: \"Hidalgo adopted the image of Our Lady of Guadalupe as a banner, uniting his followers under a shared symbol of Mexican identity.\" }\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 Independence 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 Miguel Hidalgo and the Grito de Dolores.`;\n renderQuestion();\n \n document.querySelectorAll('.mode-btn').forEach(btn => btn.classList.remove('active'));\n if (mode === \"SAT\") document.getElementById(\"modeSAT\").classList.add('active');\n if (mode === \"PSAT\") document.getElementById(\"modePSAT\").classList.add('active');\n if (mode === \"ACT\") document.getElementById(\"modeACT\").classList.add('active');\n }\n\n function renderQuestion() {\n if (currentIndex >= totalPerMode) {\n dynamicArea.innerHTML = `\n <div style=\"text-align:center; padding:20px;\">\n <i class=\"fas fa-trophy\" style=\"font-size:3rem; color:#e0b87a;\"><\/i>\n <h3>${currentMode} Complete!<\/h3>\n <p>Your score: ${playerScore} \/ ${totalPerMode*100}<\/p>\n <p><i class=\"fas fa-medal\"><\/i> ${getFinalMessage()}<\/p>\n <i class=\"fas fa-sync-alt\"><\/i> Switch exam mode or press Restart.\n <\/div>\n `;\n nextBtn.style.display = \"none\";\n quizAnswered = true;\n return;\n }\n\n const q = currentQuestions[currentIndex];\n let optionsHtml = '';\n const letters = ['A', 'B', 'C', 'D'];\n q.options.forEach((opt, idx) => {\n let disabledAttr = quizAnswered ? 'disabled' : '';\n let extraClass = '';\n if (quizAnswered) {\n if (idx === q.correct) extraClass = 'correct-highlight';\n else if (idx === selectedOptIdx && idx !== q.correct) extraClass = 'wrong-highlight';\n }\n optionsHtml += `\n <button class=\"opt-btn ${extraClass}\" data-opt-index=\"${idx}\" ${disabledAttr}>\n <i class=\"fas ${idx === 0 ? 'fa-circle' : (idx === 1 ? 'fa-dot-circle' : (idx === 2 ? 'fa-record-vinyl' : 'fa-stop'))}\"><\/i>\n <strong>${letters[idx]}.<\/strong> ${escapeHtml(opt)}\n <\/button>\n `;\n });\n\n const progressHtml = `<div class=\"game-status\" style=\"margin-bottom:12px;\"><i class=\"fas fa-church\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode}) \u2022 <i class=\"fas fa-bell\"><\/i> ${q.topic}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-crown\"><\/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 Hidalgo\u2019s Grito de Dolores, his execution, and his legacy as the Father of Mexican Independence.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! \u201cLong live Our Lady of Guadalupe! Death to bad government!\u201d \u2014 Miguel Hidalgo`;\n return `\ud83d\udcdc Review the exhibit about colonial New Spain, the Grito de Dolores, and the struggle for Mexican independence.`;\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 | Miguel Hidalgo y Costilla \u2022 SAT \u2022 PSAT \u2022 ACT Miguel Hidalgo y Costilla Museum Test Prep App Mexican Catholic priest, revolutionary leader \u2014 Grito de Dolores (Sept. 16, 1810), \u201cFather of Mexican Independence\u201d Righteousness Hall Miguel Hidalgo y Costilla \u2014 Mexico (1753\u20131811) Miguel Hidalgo y Costilla was a Mexican […]<\/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-1058","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1058","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=1058"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1058\/revisions"}],"predecessor-version":[{"id":1061,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1058\/revisions\/1061"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1058"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1058,"date":"2026-05-18T00:51:59","date_gmt":"2026-05-18T00:51:59","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=1058"},"modified":"2026-05-18T00:55:36","modified_gmt":"2026-05-18T00:55:36","slug":"museum-test-prep-app-miguel-hidalgo-y-costilla","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/museum-test-prep-app-miguel-hidalgo-y-costilla\/","title":{"rendered":"Museum Test Prep App – Miguel Hidalgo y Costilla"},"content":{"rendered":"\n\n\n\n \n \n Museum Test Prep App | Miguel Hidalgo y Costilla \u2022 SAT \u2022 PSAT \u2022 ACT<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #2a2a1e;\n font-family: 'Georgia', 'Times New Roman', Times, serif;\n color: #2c2b28;\n line-height: 1.5;\n padding: 20px;\n }\n\n .museum-container {\n max-width: 1400px;\n margin: 0 auto;\n background: #fef8ea;\n border-radius: 28px;\n box-shadow: 0 20px 35px rgba(0,0,0,0.3), 0 0 0 1px #b89870 inset;\n overflow: hidden;\n }\n\n .hero {\n background: linear-gradient(135deg, #5a4a2a 0%, #3a2e1a 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: #5a4a2a;\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, #5a4a2a, #3a2e1a);\n color: white;\n padding: 1rem;\n border-radius: 28px;\n text-align: center;\n }\n .score-area {\n font-size: 1.6rem;\n font-weight: bold;\n background: #00000055;\n display: inline-block;\n padding: 0.2rem 1.2rem;\n border-radius: 40px;\n margin-top: 8px;\n }\n .question-card {\n background: white;\n border-radius: 28px;\n padding: 1.5rem;\n box-shadow: 0 8px 18px rgba(0,0,0,0.1);\n }\n .question-text {\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 1.2rem;\n background: #fdf4e0;\n padding: 12px;\n border-radius: 20px;\n border-left: 5px solid #e0b87a;\n }\n .options-list {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 1.5rem;\n }\n .opt-btn {\n background: #efe2cf;\n border: 2px solid #cfb37a;\n padding: 10px 14px;\n border-radius: 60px;\n font-family: 'Segoe UI', 'Georgia', serif;\n font-size: 0.9rem;\n text-align: left;\n cursor: pointer;\n transition: 0.2s;\n }\n .opt-btn i {\n margin-right: 10px;\n }\n .opt-btn:hover:not(:disabled) {\n background: #e2cfb0;\n }\n .opt-btn.correct-highlight {\n background: #a5d6a5;\n border-color: #2e7d32;\n }\n .opt-btn.wrong-highlight {\n background: #ef9a9a;\n border-color: #c62828;\n }\n .opt-btn:disabled {\n cursor: default;\n opacity: 0.8;\n }\n .feedback {\n margin-top: 15px;\n padding: 12px;\n border-radius: 20px;\n background: #f3efdf;\n font-size: 0.9rem;\n border-left: 5px solid #e0b87a;\n }\n .next-btn, .restart-btn {\n background: #846c3e;\n border: none;\n color: white;\n font-weight: bold;\n padding: 10px;\n border-radius: 40px;\n font-size: 1rem;\n cursor: pointer;\n margin-top: 10px;\n width: 100%;\n }\n .next-btn:hover, .restart-btn:hover {\n background: #5f4a2a;\n }\n .game-status {\n font-size: 0.75rem;\n text-align: center;\n background: #e2d5bd;\n padding: 6px;\n border-radius: 50px;\n margin-top: 8px;\n }\n footer {\n text-align: center;\n padding: 1rem;\n background: #dfd2b6;\n font-size: 0.7rem;\n color: #4a3a22;\n }\n .disclaimer {\n font-size: 0.65rem;\n text-align: center;\n margin-top: 8px;\n color: #6b5a3e;\n }\n @media (max-width: 780px) {\n .hero h1 { font-size: 1.3rem; }\n .hero-portrait { flex-basis: 70px; }\n .hero-portrait i { font-size: 2.2rem; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"museum-container\">\n <div class=\"hero\">\n <div class=\"hero-text\">\n <h1><i class=\"fas fa-church\"><\/i> Miguel Hidalgo y Costilla <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Museum Test Prep App<\/span><\/h1>\n <p><i class=\"fas fa-bell\"><\/i> Mexican Catholic priest, revolutionary leader \u2014 Grito de Dolores (Sept. 16, 1810), \u201cFather of Mexican Independence\u201d<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-crown\"><\/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> Miguel Hidalgo y Costilla \u2014 Mexico (1753\u20131811)<\/h2>\n <p>Miguel Hidalgo y Costilla was a Mexican Catholic priest, social reformer, and revolutionary leader who played a central role in initiating the movement for Mexican independence from Spanish colonial rule. Through his leadership and public call for resistance, he helped inspire one of the most significant political transformations in the history of Mexico. Known for his advocacy for the rights of indigenous and mestizo populations, Hidalgo challenged social inequalities that had developed under Spanish colonial administration. His leadership mobilized thousands of people who sought greater justice, representation, and freedom. Today, he is widely remembered as one of the founding figures of Mexico\u2019s independence movement and a symbol of courage, social justice, and national self\u2011determination.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cLong live Our Lady of Guadalupe! Long live America! Death to bad government!\u201d \u2014 Miguel Hidalgo, Grito de Dolores (September 16, 1810)\n <\/div>\n\n <h3><i class=\"fas fa-microscope\"><\/i> Historical Context & Grito de Dolores<\/h3>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-calendar-alt\"><\/i> Late 18th Century \u2013 Colonial New Spain<\/span>\n <p>Mexico was part of the Viceroyalty of New Spain, with power concentrated among Spanish\u2011born elites. Indigenous and mestizo populations faced discrimination and economic hardship.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-church\"><\/i> Parish Priest in Dolores<\/span>\n <p>Hidalgo promoted education, agriculture, and social reforms in his parish, becoming increasingly involved in independence discussions.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-bell\"><\/i> September 16, 1810 \u2013 Grito de Dolores<\/span>\n <p>Hidalgo rang the church bell and issued a call for rebellion against Spanish colonial rule, igniting the Mexican War of Independence.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-skull\"><\/i> 1811 \u2013 Capture and Execution<\/span>\n <p>Royalist forces defeated the insurgent army; Hidalgo was captured, tried for treason and rebellion, and executed.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-flag-checkered\"><\/i> 1821 \u2013 Mexican Independence Achieved<\/span>\n <p>The movement Hidalgo initiated continued under other leaders, culminating in Mexico\u2019s independence from Spain in 1821.<\/p>\n <\/div>\n\n <h3><i class=\"fas fa-church\"><\/i> Righteous Act: The Call for Independence<\/h3>\n <p>Miguel Hidalgo\u2019s most famous action occurred on September 16, 1810, when he issued a historic call for rebellion known as the Grito de Dolores. Ringing the church bell, he urged people to rise against colonial rule, calling for an end to injustice and encouraging the population to seek political freedom and social reform. Thousands joined the uprising, forming a revolutionary force that marched toward major cities. Although the early movement faced military setbacks and Hidalgo was executed in 1811, his call for independence ignited a national struggle that eventually led to Mexico\u2019s independence in 1821.<\/p>\n\n <h3><i class=\"fas fa-comment-dots\"><\/i> Legacy: Father of Mexican Independence<\/h3>\n <p>Miguel Hidalgo y Costilla is widely recognized as one of the founding figures of modern Mexico. His call for independence inspired a decade\u2011long struggle that ultimately ended Spanish colonial rule. Today, September 16 \u2014 the anniversary of the Grito de Dolores \u2014 is celebrated as Mexican Independence Day. His life remains an enduring symbol of courage, national identity, and the pursuit of justice and freedom.<\/p>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Hamnett (2006), Knight (2010), Anna (1998), Tutino (2013).\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 Independence 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 Miguel Hidalgo: Grito de Dolores, Mexican War of Independence, execution<\/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 | Miguel Hidalgo y Costilla \u2014 Righteous Act: The Call for Independence\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 \/\/ ========== MIGUEL HIDALGO Y COSTILLA QUESTION BANKS ==========\n \/\/ Themes: Viceroyalty of New Spain, indigenous\/mestizo advocacy, Grito de Dolores (Sept. 16, 1810), call for independence, capture and execution 1811, Mexican Independence achieved 1821\n \n const SAT_QUESTIONS = [\n { topic: \"Grito de Dolores\", text: \"Miguel Hidalgo\u2019s call for rebellion against Spanish colonial rule is known as the:\", options: [\"Plan de Iguala\", \"Grito de Dolores\", \"Constitution of Apatzing\u00e1n\", \"Treaty of C\u00f3rdoba\"], correct: 1, explanation: \"The Grito de Dolores (Cry of Dolores) was issued on September 16, 1810, from the parish church in Dolores.\" },\n { topic: \"Date of Grito\", text: \"The Grito de Dolores, which initiated the Mexican War of Independence, took place on:\", options: [\"May 5, 1810\", \"September 16, 1810\", \"November 20, 1810\", \"February 24, 1811\"], correct: 1, explanation: \"September 16, 1810, is now celebrated as Mexican Independence Day.\" },\n { topic: \"Hidalgo\u2019s Profession\", text: \"Before leading the independence movement, Miguel Hidalgo served as a:\", options: [\"Military general\", \"Catholic priest and parish priest in Dolores\", \"Lawyer\", \"Merchant\"], correct: 1, explanation: \"He was a Catholic priest who promoted social reforms and education in his parish.\" },\n { topic: \"Social Groups Advocated\", text: \"Hidalgo\u2019s call for independence particularly resonated with which segments of colonial society?\", options: [\"Spanish\u2011born elites only\", \"Indigenous and mestizo populations who faced discrimination and economic hardship\", \"Foreign merchants\", \"Royal officials\"], correct: 1, explanation: \"He challenged the social inequalities that marginalized indigenous and mixed\u2011heritage communities.\" },\n { topic: \"Fate of Hidalgo\", text: \"After the early insurgent army was defeated, Miguel Hidalgo was:\", options: [\"Exiled to Spain\", \"Captured, tried for treason and rebellion, and executed in 1811\", \"Promoted to bishop\", \"Freed by royal decree\"], correct: 1, explanation: \"He was executed by firing squad in Chihuahua in July 1811.\" },\n { topic: \"Legacy Date\", text: \"The anniversary of the Grito de Dolores (September 16) is now celebrated as:\", options: [\"Constitution Day\", \"Mexican Independence Day\", \"Day of the Dead\", \"Revolution Day\"], correct: 1, explanation: \"September 16 is Mexico\u2019s national independence holiday, commemorating Hidalgo\u2019s call to arms.\" }\n ];\n\n const PSAT_QUESTIONS = [\n { topic: \"Hidalgo's Country\", text: \"Miguel Hidalgo y Costilla was a revolutionary leader from:\", options: [\"Spain\", \"Mexico\", \"Guatemala\", \"Peru\"], correct: 1, explanation: \"He led the movement for Mexican independence from Spanish colonial rule.\" },\n { topic: \"Spanish Colonial Division\", text: \"During Hidalgo\u2019s time, Mexico was part of the:\", options: [\"Viceroyalty of Peru\", \"Viceroyalty of New Spain\", \"Captaincy General of Guatemala\", \"Kingdom of Portugal\"], correct: 1, explanation: \"Mexico was the core of the Viceroyalty of New Spain, ruled from Mexico City.\" },\n { topic: \"Year of Execution\", text: \"Miguel Hidalgo was executed in which year?\", options: [\"1810\", \"1811\", \"1812\", \"1813\"], correct: 1, explanation: \"He was captured and executed in 1811.\" },\n { topic: \"Independence Achievement\", text: \"Mexico finally achieved independence from Spain in which year?\", options: [\"1810\", \"1815\", \"1821\", \"1824\"], correct: 2, explanation: \"The War of Independence ended in 1821 with the signing of the Treaty of C\u00f3rdoba.\" },\n { topic: \"Call to Action\", text: \"Hidalgo began his rebellion by:\", options: [\"Writing a constitution\", \"Ringing the church bell and delivering the Grito de Dolores\", \"Marching on Mexico City\", \"Negotiating with Spain\"], correct: 1, explanation: \"The symbolic act of ringing the bell and crying out against bad government rallied thousands.\" },\n { topic: \"Social Reforms\", text: \"As a priest, Hidalgo promoted:\", options: [\"Tax increases\", \"Education, agriculture, and social reforms for local communities\", \"Military conscription\", \"Building fortresses\"], correct: 1, explanation: \"He encouraged economic opportunities and welfare for indigenous and mestizo residents.\" }\n ];\n\n const ACT_QUESTIONS = [\n { topic: \"Birth Year\", text: \"Miguel Hidalgo y Costilla was born in which year?\", options: [\"1748\", \"1753\", \"1758\", \"1762\"], correct: 1, explanation: \"He was born in 1753 on the hacienda of San Diego Corralejo in Guanajuato.\" },\n { topic: \"Death Year\", text: \"Miguel Hidalgo was executed in which year?\", options: [\"1810\", \"1811\", \"1812\", \"1813\"], correct: 1, explanation: \"He was killed in 1811 after being found guilty of treason and rebellion.\" },\n { topic: \"Mexican Independence Day\", text: \"Mexico celebrates its independence day on:\", options: [\"May 5\", \"September 16\", \"November 20\", \"February 5\"], correct: 1, explanation: \"September 16 marks the anniversary of Hidalgo\u2019s Grito de Dolores.\" },\n { topic: \"Colonial Elite\", text: \"Under Spanish colonial rule, political and economic power was concentrated among:\", options: [\"Indigenous leaders\", \"Spanish\u2011born elites (peninsulares)\", \"Mestizo farmers\", \"Catholic missionaries\"], correct: 1, explanation: \"Peninsulares (Spaniards born in Spain) held the highest offices and controlled wealth.\" },\n { topic: \"Rebellion Outcome\", text: \"Although Hidalgo\u2019s initial uprising was defeated, his movement:\", options: [\"Ended immediately\", \"Inspired other revolutionary leaders who eventually won independence\", \"Was forgotten\", \"Led to Spanish reforms\"], correct: 1, explanation: \"Leaders like Jos\u00e9 Mar\u00eda Morelos and Vicente Guerrero continued the struggle after Hidalgo\u2019s death.\" },\n { topic: \"Hidalgo's Symbol\", text: \"The Virgin of Guadalupe became a powerful symbol of Hidalgo\u2019s movement because it:\", options: [\"Represented European royalty\", \"Resonated with indigenous and mestizo identity\", \"Was a Spanish military emblem\", \"Had no meaning\"], correct: 1, explanation: \"Hidalgo adopted the image of Our Lady of Guadalupe as a banner, uniting his followers under a shared symbol of Mexican identity.\" }\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 Independence 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 Miguel Hidalgo and the Grito de Dolores.`;\n renderQuestion();\n \n document.querySelectorAll('.mode-btn').forEach(btn => btn.classList.remove('active'));\n if (mode === \"SAT\") document.getElementById(\"modeSAT\").classList.add('active');\n if (mode === \"PSAT\") document.getElementById(\"modePSAT\").classList.add('active');\n if (mode === \"ACT\") document.getElementById(\"modeACT\").classList.add('active');\n }\n\n function renderQuestion() {\n if (currentIndex >= totalPerMode) {\n dynamicArea.innerHTML = `\n <div style=\"text-align:center; padding:20px;\">\n <i class=\"fas fa-trophy\" style=\"font-size:3rem; color:#e0b87a;\"><\/i>\n <h3>${currentMode} Complete!<\/h3>\n <p>Your score: ${playerScore} \/ ${totalPerMode*100}<\/p>\n <p><i class=\"fas fa-medal\"><\/i> ${getFinalMessage()}<\/p>\n <i class=\"fas fa-sync-alt\"><\/i> Switch exam mode or press Restart.\n <\/div>\n `;\n nextBtn.style.display = \"none\";\n quizAnswered = true;\n return;\n }\n\n const q = currentQuestions[currentIndex];\n let optionsHtml = '';\n const letters = ['A', 'B', 'C', 'D'];\n q.options.forEach((opt, idx) => {\n let disabledAttr = quizAnswered ? 'disabled' : '';\n let extraClass = '';\n if (quizAnswered) {\n if (idx === q.correct) extraClass = 'correct-highlight';\n else if (idx === selectedOptIdx && idx !== q.correct) extraClass = 'wrong-highlight';\n }\n optionsHtml += `\n <button class=\"opt-btn ${extraClass}\" data-opt-index=\"${idx}\" ${disabledAttr}>\n <i class=\"fas ${idx === 0 ? 'fa-circle' : (idx === 1 ? 'fa-dot-circle' : (idx === 2 ? 'fa-record-vinyl' : 'fa-stop'))}\"><\/i>\n <strong>${letters[idx]}.<\/strong> ${escapeHtml(opt)}\n <\/button>\n `;\n });\n\n const progressHtml = `<div class=\"game-status\" style=\"margin-bottom:12px;\"><i class=\"fas fa-church\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode}) \u2022 <i class=\"fas fa-bell\"><\/i> ${q.topic}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-crown\"><\/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 Hidalgo\u2019s Grito de Dolores, his execution, and his legacy as the Father of Mexican Independence.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! \u201cLong live Our Lady of Guadalupe! Death to bad government!\u201d \u2014 Miguel Hidalgo`;\n return `\ud83d\udcdc Review the exhibit about colonial New Spain, the Grito de Dolores, and the struggle for Mexican independence.`;\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 | Miguel Hidalgo y Costilla \u2022 SAT \u2022 PSAT \u2022 ACT Miguel Hidalgo y Costilla Museum Test Prep App Mexican Catholic priest, revolutionary leader \u2014 Grito de Dolores (Sept. 16, 1810), \u201cFather of Mexican Independence\u201d Righteousness Hall Miguel Hidalgo y Costilla \u2014 Mexico (1753\u20131811) Miguel Hidalgo y Costilla was a Mexican […]<\/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-1058","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1058","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=1058"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1058\/revisions"}],"predecessor-version":[{"id":1061,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1058\/revisions\/1061"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1058"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}