Museum Test Prep App | Alaa Abd El-Fattah \u2022 SAT \u2022 PSAT \u2022 ACT<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #2a2a2e;\n font-family: 'Georgia', 'Times New Roman', Times, serif;\n color: #2c2b28;\n line-height: 1.5;\n padding: 20px;\n }\n\n .museum-container {\n max-width: 1400px;\n margin: 0 auto;\n background: #fef8ea;\n border-radius: 28px;\n box-shadow: 0 20px 35px rgba(0,0,0,0.3), 0 0 0 1px #b89870 inset;\n overflow: hidden;\n }\n\n .hero {\n background: linear-gradient(135deg, #4a2a2a 0%, #2a1a1a 100%);\n padding: 1.8rem 2.5rem;\n border-bottom: 6px solid #d4af37;\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: #d4af37;\n margin-right: 10px;\n }\n .hero h1 .app-badge {\n font-size: 0.8rem;\n background: #d4af3733;\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: #d4af3730;\n padding: 8px;\n border-radius: 50%;\n border: 2px solid #d4af37;\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 #d4af37;\n padding-left: 1rem;\n margin: 0.75rem 0 1rem 0;\n color: #4a2a2a;\n }\n .article-panel h2 i {\n color: #d4af37;\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 #d4af37;\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 #d4af37;\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, #4a2a2a, #2a1a1a);\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 #d4af37;\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 #d4af37;\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-code\"><\/i> Alaa Abd El-Fattah <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Museum Test Prep App<\/span><\/h1>\n <p><i class=\"fas fa-microphone-alt\"><\/i> Egyptian activist, writer, software developer \u2014 Defending freedom of expression, digital rights, and democratic reform<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-laptop-code\"><\/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> Alaa Abd El-Fattah \u2014 Egypt (1981\u2013 )<\/h2>\n <p>Alaa Abd El-Fattah is an Egyptian activist, writer, and software developer known for his advocacy of freedom of expression, digital rights, and democratic reform in Egypt. He became a prominent figure during the country\u2019s pro-democracy movements, using both technology and public discourse to support civic participation and political accountability. Through his activism, he has drawn international attention to issues of human rights and political freedom in Egypt.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cAlaa Abd El-Fattah’s persistent defense of freedom of expression and digital rights, even under imprisonment, has made him a global symbol of moral courage.\u201d\n <\/div>\n\n <h3><i class=\"fas fa-microscope\"><\/i> Historical Context & Digital Activism<\/h3>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-calendar-alt\"><\/i> 2011 Arab Spring<\/span>\n <p>Widespread protests erupted across Egypt calling for political reform, an end to corruption, and greater civil liberties. Abd El-Fattah emerged as one of the most visible activists during and after these events.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-globe\"><\/i> Digital Rights Advocacy<\/span>\n <p>As a blogger and software developer, he contributed to tools and networks that enabled activists to share information, organize protests, and communicate ideas \u2014 consistently advocating for free speech, open internet, and civil liberties.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-prison\"><\/i> Imprisonment & Writing<\/span>\n <p>Abd El-Fattah has faced numerous arrests and periods of imprisonment over more than a decade, charged under laws related to protest and national security. His writings from prison have drawn international attention to political detention and human rights.<\/p>\n <\/div>\n\n <h3><i class=\"fas fa-church\"><\/i> Righteous Act: Defending Freedom of Expression<\/h3>\n <p>Alaa Abd El-Fattah’s most significant contribution has been his persistent defense of freedom of expression and digital rights, even under conditions of imprisonment. He used writing and online platforms to challenge censorship and promote open political dialogue. Despite repeated arrests, he continued to advocate for the rights of citizens to speak freely and participate in public life. His case has been the subject of international concern, with organizations such as Amnesty International and the United Nations calling attention to his detention.<\/p>\n\n <h3><i class=\"fas fa-comment-dots\"><\/i> Legacy: Moral Courage & Digital Resistance<\/h3>\n <p>Alaa Abd El-Fattah is regarded as a significant figure in the movement for digital rights and democratic reform in the Middle East. His work highlights the role of technology in modern activism and the importance of protecting freedom of expression in both physical and digital spaces. His legacy reflects moral courage, intellectual resistance, and a commitment to the principles of freedom and justice.<\/p>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Abd El-Fattah (2021), Amnesty International (2022), Human Rights Watch (2023), United Nations (2022).\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 Digital Rights 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 Alaa Abd El-Fattah: free expression, digital activism, political detention<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer>\n <i class=\"fas fa-code\"><\/i> Museum Test Prep App | SAT \u2022 PSAT \u2022 ACT modes | Alaa Abd El-Fattah \u2014 Righteous Act: Defending Freedom of Expression\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 \/\/ ========== ALAA ABD EL-FATTAH QUESTION BANKS ==========\n \/\/ Themes: Arab Spring 2011, digital activism, blogging, software development for civic engagement, freedom of expression, repeated imprisonment, writings from prison\n \n const SAT_QUESTIONS = [\n { topic: \"2011 Context\", text: \"Alaa Abd El-Fattah became prominent during the 2011 protests in Egypt, which were part of:\", options: [\"The Industrial Revolution\", \"The Arab Spring \u2014 widespread protests calling for political reform, an end to corruption, and civil liberties\", \"World War II\", \"The Cold War\"], correct: 1, explanation: \"The 2011 Arab Spring protests led to the resignation of President Hosni Mubarak and sparked regional movements for democratic change.\" },\n { topic: \"Digital Innovation\", text: \"As a software developer and blogger, Abd El-Fattah contributed to:\", options: [\"Military encryption\", \"Tools and networks enabling activists to share information, organize protests, and communicate ideas\", \"Financial trading platforms\", \"Social media for entertainment only\"], correct: 1, explanation: \"He used technology to support civic engagement, open internet access, and the protection of civil liberties.\" },\n { topic: \"Continued Advocacy\", text: \"Even while imprisoned, Abd El-Fattah continued to advocate for freedom of expression by:\", options: [\"Remaining silent\", \"Writing from prison, drawing international attention to political detention and human rights\", \"Cooperating with authorities\", \"Abandoning his principles\"], correct: 1, explanation: \"His writings from prison have raised global awareness about political detention and the importance of free speech.\" },\n { topic: \"International Concern\", text: \"Abd El-Fattah's repeated detentions have drawn concern from:\", options: [\"No organizations\", \"Amnesty International, Human Rights Watch, and the United Nations\", \"Only local groups\", \"Corporate entities\"], correct: 1, explanation: \"International human rights organizations have called attention to his case as an example of restricted dissent.\" },\n { topic: \"Decade of Activism\", text: \"Alaa Abd El-Fattah has faced arrests and imprisonment spanning:\", options: [\"A few months\", \"Over a decade, reflecting broader restrictions on political activism in Egypt\", \"Only one year\", \"Only during 2011\"], correct: 1, explanation: \"His arrests and detentions have continued for more than ten years, highlighting ongoing suppression of dissent.\" },\n { topic: \"Legacy Focus\", text: \"Abd El-Fattah's legacy emphasizes:\", options: [\"Only software development\", \"The role of technology in modern activism and the importance of protecting freedom of expression in both physical and digital spaces\", \"Military strategy\", \"Economic policy\"], correct: 1, explanation: \"He is regarded as a significant figure in the movement for digital rights and democratic reform in the Middle East.\" }\n ];\n\n const PSAT_QUESTIONS = [\n { topic: \"Country of Origin\", text: \"Alaa Abd El-Fattah is an activist from which country?\", options: [\"Syria\", \"Egypt\", \"Tunisia\", \"Libya\"], correct: 1, explanation: \"He is an Egyptian activist, writer, and software developer.\" },\n { topic: \"Primary Advocacy\", text: \"Abd El-Fattah is best known for advocating:\", options: [\"Military expansion\", \"Freedom of expression, digital rights, and democratic reform\", \"Censorship\", \"Economic isolation\"], correct: 1, explanation: \"He consistently defends free speech, open internet access, and political accountability.\" },\n { topic: \"Arab Spring Year\", text: \"The mass protests in Egypt that brought Abd El-Fattah to prominence occurred in:\", options: [\"2008\", \"2010\", \"2011\", \"2013\"], correct: 2, explanation: \"The Arab Spring protests erupted in Egypt in 2011, leading to the resignation of Hosni Mubarak.\" },\n { topic: \"Professional Background\", text: \"In addition to activism, Abd El-Fattah works as a:\", options: [\"Medical doctor\", \"Software developer and writer\", \"Military officer\", \"Teacher\"], correct: 1, explanation: \"He is a software developer and writer who used technology to support civic engagement.\" },\n { topic: \"Imprisonment Status\", text: \"Regarding his activism, Abd El-Fattah has:\", options: [\"Never been arrested\", \"Faced repeated arrests and imprisonment over more than a decade\", \"Only been fined\", \"Received awards from the government\"], correct: 1, explanation: \"He has been arrested multiple times and has spent years in prison for his advocacy.\" },\n { topic: \"Written Work\", text: \"Abd El-Fattah's writings from prison have:\", options: [\"Remained hidden\", \"Drawn international attention to political detention and human rights\", \"Been ignored\", \"Supported government policies\"], correct: 1, explanation: \"His prison writings have been published and have raised global awareness.\" }\n ];\n\n const ACT_QUESTIONS = [\n { topic: \"Birth Year\", text: \"Alaa Abd El-Fattah was born in which year?\", options: [\"1975\", \"1978\", \"1981\", \"1985\"], correct: 2, explanation: \"He was born in 1981 in Egypt.\" },\n { topic: \"Book Title\", text: \"Alaa Abd El-Fattah published a collection of writings titled:\", options: [\"Letters from Prison\", \"You have not yet been defeated\", \"The Arab Spring Diaries\", \"Voices of Resistance\"], correct: 1, explanation: \"His book 'You have not yet been defeated' (2021) collects his prison writings and essays.\" },\n { topic: \"Digital Tools\", text: \"As a software developer, Abd El-Fattah contributed to:\", options: [\"Banking software\", \"Tools for activists to organize protests and share information securely\", \"Video games\", \"E\u2011commerce platforms\"], correct: 1, explanation: \"He helped build digital tools for civic engagement and free expression.\" },\n { topic: \"Mubarak Era\", text: \"The 2011 protests led to the resignation of which Egyptian president?\", options: [\"Anwar Sadat\", \"Gamal Abdel Nasser\", \"Hosni Mubarak\", \"Mohamed Morsi\"], correct: 2, explanation: \"Hosni Mubarak resigned after 18 days of mass protests in February 2011.\" },\n { topic: \"International Call\", text: \"Amnesty International and the UN have expressed concern about Abd El-Fattah's case because:\", options: [\"He is a celebrity\", \"His repeated detention reflects broader restrictions on political activism and free expression in Egypt\", \"He is a foreign national\", \"He committed a violent crime\"], correct: 1, explanation: \"His case is seen as emblematic of the crackdown on dissent and the importance of protecting human rights.\" },\n { topic: \"Civic Engagement\", text: \"Abd El-Fattah's activism emphasizes:\", options: [\"Violent resistance\", \"The use of technology and peaceful discourse to support democratic participation and accountability\", \"Foreign intervention\", \"Economic sanctions\"], correct: 1, explanation: \"He advocates for open political dialogue, digital rights, and nonviolent civic participation.\" }\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 Digital Rights 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 Alaa Abd El-Fattah, digital activism, and freedom of expression.`;\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:#d4af37;\"><\/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-code\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode}) \u2022 <i class=\"fas fa-microphone-alt\"><\/i> ${q.topic}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-laptop-code\"><\/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 Alaa Abd El-Fattah's moral courage, digital activism, and fight for free expression.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! \u201cYou have not yet been defeated\u201d \u2014 a voice for justice from prison.`;\n return `\ud83d\udcdc Review the exhibit about the Arab Spring, digital rights, and the ongoing struggle for freedom of expression in Egypt.`;\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 | Alaa Abd El-Fattah \u2022 SAT \u2022 PSAT \u2022 ACT Alaa Abd El-Fattah Museum Test Prep App Egyptian activist, writer, software developer \u2014 Defending freedom of expression, digital rights, and democratic reform Righteousness Hall Alaa Abd El-Fattah \u2014 Egypt (1981\u2013 ) Alaa Abd El-Fattah is an Egyptian activist, writer, and software […]<\/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-977","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/977","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=977"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/977\/revisions"}],"predecessor-version":[{"id":980,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/977\/revisions\/980"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":977,"date":"2026-05-17T22:55:12","date_gmt":"2026-05-17T22:55:12","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=977"},"modified":"2026-05-17T22:59:09","modified_gmt":"2026-05-17T22:59:09","slug":"museum-test-prep-app-alaa-abd-el-fattah","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/museum-test-prep-app-alaa-abd-el-fattah\/","title":{"rendered":"Museum Test Prep App – Alaa Abd El-Fattah"},"content":{"rendered":"\n\n\n\n \n \n Museum Test Prep App | Alaa Abd El-Fattah \u2022 SAT \u2022 PSAT \u2022 ACT<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #2a2a2e;\n font-family: 'Georgia', 'Times New Roman', Times, serif;\n color: #2c2b28;\n line-height: 1.5;\n padding: 20px;\n }\n\n .museum-container {\n max-width: 1400px;\n margin: 0 auto;\n background: #fef8ea;\n border-radius: 28px;\n box-shadow: 0 20px 35px rgba(0,0,0,0.3), 0 0 0 1px #b89870 inset;\n overflow: hidden;\n }\n\n .hero {\n background: linear-gradient(135deg, #4a2a2a 0%, #2a1a1a 100%);\n padding: 1.8rem 2.5rem;\n border-bottom: 6px solid #d4af37;\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: #d4af37;\n margin-right: 10px;\n }\n .hero h1 .app-badge {\n font-size: 0.8rem;\n background: #d4af3733;\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: #d4af3730;\n padding: 8px;\n border-radius: 50%;\n border: 2px solid #d4af37;\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 #d4af37;\n padding-left: 1rem;\n margin: 0.75rem 0 1rem 0;\n color: #4a2a2a;\n }\n .article-panel h2 i {\n color: #d4af37;\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 #d4af37;\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 #d4af37;\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, #4a2a2a, #2a1a1a);\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 #d4af37;\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 #d4af37;\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-code\"><\/i> Alaa Abd El-Fattah <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Museum Test Prep App<\/span><\/h1>\n <p><i class=\"fas fa-microphone-alt\"><\/i> Egyptian activist, writer, software developer \u2014 Defending freedom of expression, digital rights, and democratic reform<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-laptop-code\"><\/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> Alaa Abd El-Fattah \u2014 Egypt (1981\u2013 )<\/h2>\n <p>Alaa Abd El-Fattah is an Egyptian activist, writer, and software developer known for his advocacy of freedom of expression, digital rights, and democratic reform in Egypt. He became a prominent figure during the country\u2019s pro-democracy movements, using both technology and public discourse to support civic participation and political accountability. Through his activism, he has drawn international attention to issues of human rights and political freedom in Egypt.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cAlaa Abd El-Fattah’s persistent defense of freedom of expression and digital rights, even under imprisonment, has made him a global symbol of moral courage.\u201d\n <\/div>\n\n <h3><i class=\"fas fa-microscope\"><\/i> Historical Context & Digital Activism<\/h3>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-calendar-alt\"><\/i> 2011 Arab Spring<\/span>\n <p>Widespread protests erupted across Egypt calling for political reform, an end to corruption, and greater civil liberties. Abd El-Fattah emerged as one of the most visible activists during and after these events.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-globe\"><\/i> Digital Rights Advocacy<\/span>\n <p>As a blogger and software developer, he contributed to tools and networks that enabled activists to share information, organize protests, and communicate ideas \u2014 consistently advocating for free speech, open internet, and civil liberties.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-prison\"><\/i> Imprisonment & Writing<\/span>\n <p>Abd El-Fattah has faced numerous arrests and periods of imprisonment over more than a decade, charged under laws related to protest and national security. His writings from prison have drawn international attention to political detention and human rights.<\/p>\n <\/div>\n\n <h3><i class=\"fas fa-church\"><\/i> Righteous Act: Defending Freedom of Expression<\/h3>\n <p>Alaa Abd El-Fattah’s most significant contribution has been his persistent defense of freedom of expression and digital rights, even under conditions of imprisonment. He used writing and online platforms to challenge censorship and promote open political dialogue. Despite repeated arrests, he continued to advocate for the rights of citizens to speak freely and participate in public life. His case has been the subject of international concern, with organizations such as Amnesty International and the United Nations calling attention to his detention.<\/p>\n\n <h3><i class=\"fas fa-comment-dots\"><\/i> Legacy: Moral Courage & Digital Resistance<\/h3>\n <p>Alaa Abd El-Fattah is regarded as a significant figure in the movement for digital rights and democratic reform in the Middle East. His work highlights the role of technology in modern activism and the importance of protecting freedom of expression in both physical and digital spaces. His legacy reflects moral courage, intellectual resistance, and a commitment to the principles of freedom and justice.<\/p>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Abd El-Fattah (2021), Amnesty International (2022), Human Rights Watch (2023), United Nations (2022).\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 Digital Rights 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 Alaa Abd El-Fattah: free expression, digital activism, political detention<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer>\n <i class=\"fas fa-code\"><\/i> Museum Test Prep App | SAT \u2022 PSAT \u2022 ACT modes | Alaa Abd El-Fattah \u2014 Righteous Act: Defending Freedom of Expression\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 \/\/ ========== ALAA ABD EL-FATTAH QUESTION BANKS ==========\n \/\/ Themes: Arab Spring 2011, digital activism, blogging, software development for civic engagement, freedom of expression, repeated imprisonment, writings from prison\n \n const SAT_QUESTIONS = [\n { topic: \"2011 Context\", text: \"Alaa Abd El-Fattah became prominent during the 2011 protests in Egypt, which were part of:\", options: [\"The Industrial Revolution\", \"The Arab Spring \u2014 widespread protests calling for political reform, an end to corruption, and civil liberties\", \"World War II\", \"The Cold War\"], correct: 1, explanation: \"The 2011 Arab Spring protests led to the resignation of President Hosni Mubarak and sparked regional movements for democratic change.\" },\n { topic: \"Digital Innovation\", text: \"As a software developer and blogger, Abd El-Fattah contributed to:\", options: [\"Military encryption\", \"Tools and networks enabling activists to share information, organize protests, and communicate ideas\", \"Financial trading platforms\", \"Social media for entertainment only\"], correct: 1, explanation: \"He used technology to support civic engagement, open internet access, and the protection of civil liberties.\" },\n { topic: \"Continued Advocacy\", text: \"Even while imprisoned, Abd El-Fattah continued to advocate for freedom of expression by:\", options: [\"Remaining silent\", \"Writing from prison, drawing international attention to political detention and human rights\", \"Cooperating with authorities\", \"Abandoning his principles\"], correct: 1, explanation: \"His writings from prison have raised global awareness about political detention and the importance of free speech.\" },\n { topic: \"International Concern\", text: \"Abd El-Fattah's repeated detentions have drawn concern from:\", options: [\"No organizations\", \"Amnesty International, Human Rights Watch, and the United Nations\", \"Only local groups\", \"Corporate entities\"], correct: 1, explanation: \"International human rights organizations have called attention to his case as an example of restricted dissent.\" },\n { topic: \"Decade of Activism\", text: \"Alaa Abd El-Fattah has faced arrests and imprisonment spanning:\", options: [\"A few months\", \"Over a decade, reflecting broader restrictions on political activism in Egypt\", \"Only one year\", \"Only during 2011\"], correct: 1, explanation: \"His arrests and detentions have continued for more than ten years, highlighting ongoing suppression of dissent.\" },\n { topic: \"Legacy Focus\", text: \"Abd El-Fattah's legacy emphasizes:\", options: [\"Only software development\", \"The role of technology in modern activism and the importance of protecting freedom of expression in both physical and digital spaces\", \"Military strategy\", \"Economic policy\"], correct: 1, explanation: \"He is regarded as a significant figure in the movement for digital rights and democratic reform in the Middle East.\" }\n ];\n\n const PSAT_QUESTIONS = [\n { topic: \"Country of Origin\", text: \"Alaa Abd El-Fattah is an activist from which country?\", options: [\"Syria\", \"Egypt\", \"Tunisia\", \"Libya\"], correct: 1, explanation: \"He is an Egyptian activist, writer, and software developer.\" },\n { topic: \"Primary Advocacy\", text: \"Abd El-Fattah is best known for advocating:\", options: [\"Military expansion\", \"Freedom of expression, digital rights, and democratic reform\", \"Censorship\", \"Economic isolation\"], correct: 1, explanation: \"He consistently defends free speech, open internet access, and political accountability.\" },\n { topic: \"Arab Spring Year\", text: \"The mass protests in Egypt that brought Abd El-Fattah to prominence occurred in:\", options: [\"2008\", \"2010\", \"2011\", \"2013\"], correct: 2, explanation: \"The Arab Spring protests erupted in Egypt in 2011, leading to the resignation of Hosni Mubarak.\" },\n { topic: \"Professional Background\", text: \"In addition to activism, Abd El-Fattah works as a:\", options: [\"Medical doctor\", \"Software developer and writer\", \"Military officer\", \"Teacher\"], correct: 1, explanation: \"He is a software developer and writer who used technology to support civic engagement.\" },\n { topic: \"Imprisonment Status\", text: \"Regarding his activism, Abd El-Fattah has:\", options: [\"Never been arrested\", \"Faced repeated arrests and imprisonment over more than a decade\", \"Only been fined\", \"Received awards from the government\"], correct: 1, explanation: \"He has been arrested multiple times and has spent years in prison for his advocacy.\" },\n { topic: \"Written Work\", text: \"Abd El-Fattah's writings from prison have:\", options: [\"Remained hidden\", \"Drawn international attention to political detention and human rights\", \"Been ignored\", \"Supported government policies\"], correct: 1, explanation: \"His prison writings have been published and have raised global awareness.\" }\n ];\n\n const ACT_QUESTIONS = [\n { topic: \"Birth Year\", text: \"Alaa Abd El-Fattah was born in which year?\", options: [\"1975\", \"1978\", \"1981\", \"1985\"], correct: 2, explanation: \"He was born in 1981 in Egypt.\" },\n { topic: \"Book Title\", text: \"Alaa Abd El-Fattah published a collection of writings titled:\", options: [\"Letters from Prison\", \"You have not yet been defeated\", \"The Arab Spring Diaries\", \"Voices of Resistance\"], correct: 1, explanation: \"His book 'You have not yet been defeated' (2021) collects his prison writings and essays.\" },\n { topic: \"Digital Tools\", text: \"As a software developer, Abd El-Fattah contributed to:\", options: [\"Banking software\", \"Tools for activists to organize protests and share information securely\", \"Video games\", \"E\u2011commerce platforms\"], correct: 1, explanation: \"He helped build digital tools for civic engagement and free expression.\" },\n { topic: \"Mubarak Era\", text: \"The 2011 protests led to the resignation of which Egyptian president?\", options: [\"Anwar Sadat\", \"Gamal Abdel Nasser\", \"Hosni Mubarak\", \"Mohamed Morsi\"], correct: 2, explanation: \"Hosni Mubarak resigned after 18 days of mass protests in February 2011.\" },\n { topic: \"International Call\", text: \"Amnesty International and the UN have expressed concern about Abd El-Fattah's case because:\", options: [\"He is a celebrity\", \"His repeated detention reflects broader restrictions on political activism and free expression in Egypt\", \"He is a foreign national\", \"He committed a violent crime\"], correct: 1, explanation: \"His case is seen as emblematic of the crackdown on dissent and the importance of protecting human rights.\" },\n { topic: \"Civic Engagement\", text: \"Abd El-Fattah's activism emphasizes:\", options: [\"Violent resistance\", \"The use of technology and peaceful discourse to support democratic participation and accountability\", \"Foreign intervention\", \"Economic sanctions\"], correct: 1, explanation: \"He advocates for open political dialogue, digital rights, and nonviolent civic participation.\" }\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 Digital Rights 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 Alaa Abd El-Fattah, digital activism, and freedom of expression.`;\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:#d4af37;\"><\/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-code\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode}) \u2022 <i class=\"fas fa-microphone-alt\"><\/i> ${q.topic}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-laptop-code\"><\/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 Alaa Abd El-Fattah's moral courage, digital activism, and fight for free expression.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! \u201cYou have not yet been defeated\u201d \u2014 a voice for justice from prison.`;\n return `\ud83d\udcdc Review the exhibit about the Arab Spring, digital rights, and the ongoing struggle for freedom of expression in Egypt.`;\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 | Alaa Abd El-Fattah \u2022 SAT \u2022 PSAT \u2022 ACT Alaa Abd El-Fattah Museum Test Prep App Egyptian activist, writer, software developer \u2014 Defending freedom of expression, digital rights, and democratic reform Righteousness Hall Alaa Abd El-Fattah \u2014 Egypt (1981\u2013 ) Alaa Abd El-Fattah is an Egyptian activist, writer, and software […]<\/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-977","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/977","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=977"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/977\/revisions"}],"predecessor-version":[{"id":980,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/977\/revisions\/980"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}