Alexander’s Courage Game \u2013 Kids Quiz<\/title>\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 user-select: none;\n }\n body {\n background: linear-gradient(145deg, #2b5e3b 0%, #1d3e2a 100%);\n font-family: 'Comic Neue', 'Comic Sans MS', 'Chalkboard SE', cursive;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px;\n }\n .game-container {\n max-width: 1300px;\n width: 100%;\n background: #fef3d6;\n border-radius: 72px;\n box-shadow: 0 20px 35px rgba(0,0,0,0.3), 0 0 0 6px #ffcd94, 0 0 0 12px #c29a5e;\n overflow: hidden;\n }\n .hero-kids {\n background: #ffde9c;\n padding: 1rem 2rem;\n display: flex;\n align-items: center;\n gap: 20px;\n flex-wrap: wrap;\n border-bottom: 6px solid #e2a526;\n }\n .avatar {\n background: #c0812c;\n border-radius: 100px;\n width: 80px;\n height: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 8px 0 #5a3a1a;\n }\n .avatar i {\n font-size: 4rem;\n color: #ffefb9;\n }\n .title-area h1 {\n font-size: 2rem;\n color: #2d3e1f;\n }\n .title-area p {\n font-size: 1.1rem;\n background: #fff0c4;\n display: inline-block;\n padding: 0.2rem 1rem;\n border-radius: 40px;\n }\n .game-layout {\n display: flex;\n flex-wrap: wrap;\n }\n .story-side {\n flex: 1.2;\n background: #fff7e8;\n padding: 1.8rem;\n border-right: 3px dashed #f0cf8a;\n min-width: 240px;\n }\n .game-side {\n flex: 1;\n background: #faeecf;\n padding: 1.8rem;\n min-width: 300px;\n }\n .story-side h2 {\n color: #aa6f2c;\n border-left: 8px solid #f3b33d;\n padding-left: 12px;\n margin-bottom: 1rem;\n }\n .story-side p {\n margin: 12px 0;\n line-height: 1.4;\n }\n .fun-fact {\n background: #ffefc0;\n border-radius: 28px;\n padding: 12px;\n margin: 16px 0;\n border: 2px solid #e7bc6e;\n }\n .game-card {\n background: white;\n border-radius: 60px;\n padding: 1.5rem;\n box-shadow: 0 12px 20px rgba(0,0,0,0.1);\n text-align: center;\n }\n .score-star {\n background: #d4af37;\n border-radius: 60px;\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 6px 20px;\n font-weight: bold;\n font-size: 1.3rem;\n margin-bottom: 15px;\n }\n .question-bubble {\n background: #e6ddb3;\n padding: 1rem;\n border-radius: 50px;\n font-size: 1.3rem;\n font-weight: bold;\n color: #2e3b1f;\n margin: 15px 0;\n }\n .options-area {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n margin: 20px 0;\n }\n .kid-option {\n background: #f5e2b0;\n border: 3px solid #e1b056;\n border-radius: 60px;\n padding: 12px 8px;\n font-size: 1rem;\n font-weight: bold;\n font-family: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n cursor: pointer;\n transition: 0.1s;\n }\n .kid-option:hover {\n background: #ffd966;\n transform: scale(0.97);\n }\n .kid-option.correct-highlight {\n background: #a5d6a5 !important;\n border-color: #2e7d32 !important;\n }\n .kid-option.wrong-highlight {\n background: #ef9a9a !important;\n border-color: #c62828 !important;\n }\n .feedback {\n background: #e9e0cf;\n border-radius: 28px;\n padding: 12px;\n margin: 15px 0;\n font-size: 0.95rem;\n }\n .next-btn, .restart-btn {\n background: #f3b33d;\n border: none;\n font-size: 1.1rem;\n font-weight: bold;\n padding: 10px;\n border-radius: 40px;\n width: 100%;\n font-family: inherit;\n cursor: pointer;\n margin-top: 8px;\n box-shadow: 0 3px 0 #996f2a;\n transition: 0.05s linear;\n }\n .next-btn:active, .restart-btn:active {\n transform: translateY(2px);\n box-shadow: 0 1px 0 #996f2a;\n }\n .restart-btn {\n background: #b48234;\n }\n .game-status {\n font-size: 0.8rem;\n background: #dac27c;\n border-radius: 50px;\n padding: 6px;\n margin-top: 12px;\n text-align: center;\n }\n footer {\n background: #f3e1b3;\n text-align: center;\n padding: 12px;\n font-size: 0.7rem;\n }\n @media (max-width: 750px) {\n .question-bubble { font-size: 1rem; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"game-container\">\n <div class=\"hero-kids\">\n <div class=\"avatar\"><i class=\"fas fa-child\"><\/i><\/div>\n <div class=\"title-area\">\n <h1><i class=\"fas fa-gamepad\"><\/i> Alexander’s Courage Game<\/h1>\n <p><i class=\"fas fa-star\"><\/i> Play & Learn \u2013 Can you be as brave as Alexander?<\/p>\n <\/div>\n <\/div>\n <div class=\"game-layout\">\n <div class=\"story-side\">\n <h2><i class=\"fas fa-map-marker-alt\"><\/i> Meet Alexander<\/h2>\n <p><strong>\ud83d\udccd Born in Russia (1917)<\/strong> \u2013 Alexander was born in Orenburg, Russia. His family later moved to Germany.<\/p>\n <p><i class=\"fas fa-church\"><\/i> He loved his Orthodox Christian faith. He believed in goodness and helping others.<\/p>\n <div class=\"fun-fact\">\n <i class=\"fas fa-lightbulb\"><\/i> <strong>Fun fact:<\/strong> Alexander could speak Russian and German. He saw good in both cultures!\n <\/div>\n <p><i class=\"fas fa-leaf\"><\/i> When a bad leader named Hitler took power, Alexander was sad. Many were afraid, but he said: \u201cI must tell the truth.\u201d<\/p>\n <p><i class=\"fas fa-pen-fancy\"><\/i> He and his friends wrote secret letters (leaflets) saying \u201cFreiheit!\u201d (Freedom!).<\/p>\n <p><i class=\"fas fa-crown\"><\/i> He was only 25 when he was caught because he stood up for what is right. Today he is remembered as a <strong>saint<\/strong> and a hero.<\/p>\n <\/div>\n <div class=\"game-side\">\n <div class=\"game-card\">\n <div class=\"score-star\"><i class=\"fas fa-star\"><\/i> <span id=\"kidScore\">0<\/span> \/ 600<\/div>\n <div id=\"questionText\" class=\"question-bubble\"><i class=\"fas fa-question-circle\"><\/i> Tap an answer to start!<\/div>\n <div id=\"optionsArea\" class=\"options-area\"><\/div>\n <div id=\"feedbackMsg\" class=\"feedback\"><i class=\"fas fa-smile-wink\"><\/i> Choose the correct answer!<\/div>\n <button id=\"nextBtn\" class=\"next-btn\">\u27a1 Next Question<\/button>\n <button id=\"restartBtn\" class=\"restart-btn\">\ud83d\udd04 Play Again<\/button>\n <div class=\"game-status\"><i class=\"fas fa-crown\"><\/i> 6 questions about Alexander’s bravery<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer><i class=\"fas fa-dove\"><\/i> Alexander Schmorell \u2022 1917\u20131943 \u2022 “A faith that refused to be silent”<\/footer>\n<\/div>\n\n<script>\n \/\/ ----- KID-FRIENDLY QUESTIONS -----\n const questions = [\n { text: \"\ud83c\udf0d Where was Alexander Schmorell born?\", options: [\"Germany\", \"Russia\", \"France\", \"USA\"], correct: 1, explanation: \"He was born in Orenburg, Russia in 1917!\" },\n { text: \"\u271d\ufe0f What gave Alexander courage to stand up for what's right?\", options: [\"His favorite sport\", \"His Christian faith\", \"Being famous\", \"His toys\"], correct: 1, explanation: \"His Orthodox Christian faith taught him to love truth and goodness.\" },\n { text: \"\ud83d\udcdc What did Alexander and his friends write to fight against injustice?\", options: [\"Comic books\", \"Secret leaflets\", \"School essays\", \"Letters to Santa\"], correct: 1, explanation: \"They wrote leaflets urging people to resist lies and be brave.\" },\n { text: \"\u26a1 What German word for 'Freedom' did they paint on walls?\", options: [\"Freiheit\", \"Libert\u00e9\", \"Svoboda\", \"Freedom\"], correct: 0, explanation: \"Freiheit means freedom \u2013 they wanted everyone to be free!\" },\n { text: \"\ud83c\udfc5 How old was Alexander when he was executed for standing up?\", options: [\"20\", \"25\", \"30\", \"35\"], correct: 1, explanation: \"He was only 25 \u2013 young but very brave.\" },\n { text: \"\ud83c\udf1f Which church recognized Alexander as a saint?\", options: [\"Catholic\", \"Orthodox\", \"Lutheran\", \"Anglican\"], correct: 1, explanation: \"The Russian Orthodox Church Outside Russia made him a saint in 2012.\" }\n ];\n\n let currentQ = 0; \/\/ 0 to 5\n let score = 0;\n let answered = false;\n let selectedIndex = null;\n\n const questionDiv = document.getElementById(\"questionText\");\n const optionsDiv = document.getElementById(\"optionsArea\");\n const feedbackDiv = document.getElementById(\"feedbackMsg\");\n const nextBtn = document.getElementById(\"nextBtn\");\n const restartBtn = document.getElementById(\"restartBtn\");\n const scoreSpan = document.getElementById(\"kidScore\");\n\n function updateScoreUI() {\n scoreSpan.innerText = score;\n }\n\n function renderQuestion() {\n if (currentQ >= questions.length) {\n \/\/ Game finished\n questionDiv.innerHTML = `<i class=\"fas fa-trophy\"><\/i> GAME OVER! You scored ${score} \/ 600`;\n optionsDiv.innerHTML = `<div style=\"padding:20px; text-align:center;\">\ud83c\udf89 ${score === 600 ? \"Perfect! You are a true hero!\" : \"Great job! Play again to learn more!\"} \ud83c\udf89<\/div>`;\n feedbackDiv.innerHTML = `<i class=\"fas fa-heart\"><\/i> Remember: one voice can change the world. Alexander showed us that!`;\n nextBtn.style.display = \"none\";\n return;\n }\n\n const q = questions[currentQ];\n questionDiv.innerHTML = `<i class=\"fas fa-smile\"><\/i> ${q.text}`;\n\n let optsHtml = \"\";\n const letters = [\"A\", \"B\", \"C\", \"D\"];\n q.options.forEach((opt, idx) => {\n let disabled = answered ? \"disabled\" : \"\";\n let extraClass = \"\";\n if (answered) {\n if (idx === q.correct) extraClass = \"correct-highlight\";\n if (idx === selectedIndex && idx !== q.correct) extraClass = \"wrong-highlight\";\n }\n optsHtml += `\n <button class=\"kid-option ${extraClass}\" data-index=\"${idx}\" ${disabled}>\n <strong>${letters[idx]}.<\/strong> ${opt}\n <\/button>\n `;\n });\n optionsDiv.innerHTML = optsHtml;\n\n \/\/ Add event listeners only if not answered\n if (!answered) {\n document.querySelectorAll(\".kid-option\").forEach(btn => {\n btn.addEventListener(\"click\", (e) => {\n if (answered) return;\n const chosen = parseInt(btn.getAttribute(\"data-index\"));\n handleAnswer(chosen);\n });\n });\n }\n }\n\n function handleAnswer(chosen) {\n if (answered) return;\n answered = true;\n selectedIndex = chosen;\n const q = questions[currentQ];\n const isCorrect = (chosen === q.correct);\n\n if (isCorrect) {\n score += 100;\n updateScoreUI();\n feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\" style=\"color:green;\"><\/i> \u2705 Correct! ${q.explanation} +100 points`;\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:red;\"><\/i> \u274c Oops! The right answer is ${correctLetter}: ${correctText}. ${q.explanation}`;\n }\n renderQuestion(); \/\/ re-render to show highlights & disable buttons\n nextBtn.style.display = \"block\";\n }\n\n function nextQuestion() {\n if (!answered && currentQ < questions.length) {\n feedbackDiv.innerHTML = `<i class=\"fas fa-hand-peace\"><\/i> Please answer the question first!`;\n return;\n }\n if (currentQ < questions.length) {\n currentQ++;\n answered = false;\n selectedIndex = null;\n if (currentQ < questions.length) {\n feedbackDiv.innerHTML = `<i class=\"fas fa-smile-wink\"><\/i> Choose the next answer!`;\n renderQuestion();\n nextBtn.style.display = \"block\";\n } else {\n renderQuestion(); \/\/ finish screen\n nextBtn.style.display = \"none\";\n }\n }\n }\n\n function restartGame() {\n currentQ = 0;\n score = 0;\n answered = false;\n selectedIndex = null;\n updateScoreUI();\n nextBtn.style.display = \"block\";\n feedbackDiv.innerHTML = `<i class=\"fas fa-smile-wink\"><\/i> Game restarted! Answer all 6 questions.`;\n renderQuestion();\n }\n\n \/\/ Event listeners\n nextBtn.addEventListener(\"click\", nextQuestion);\n restartBtn.addEventListener(\"click\", restartGame);\n\n \/\/ Start the game\n renderQuestion();\n updateScoreUI();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Alexander’s Courage Game \u2013 Kids Quiz Alexander’s Courage Game Play & Learn \u2013 Can you be as brave as Alexander? Meet Alexander \ud83d\udccd Born in Russia (1917) \u2013 Alexander was born in Orenburg, Russia. His family later moved to Germany. He loved his Orthodox Christian faith. He believed in goodness and helping others. Fun fact: […]<\/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-1489","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1489","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=1489"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1489\/revisions"}],"predecessor-version":[{"id":1492,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1489\/revisions\/1492"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1489,"date":"2026-06-14T22:53:49","date_gmt":"2026-06-14T22:53:49","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=1489"},"modified":"2026-06-14T22:58:24","modified_gmt":"2026-06-14T22:58:24","slug":"alexanders-brave-adventure-game","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/alexanders-brave-adventure-game\/","title":{"rendered":"Alexander’s Brave Adventure Game"},"content":{"rendered":"\n\n\n\n \n \n Alexander’s Courage Game \u2013 Kids Quiz<\/title>\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 user-select: none;\n }\n body {\n background: linear-gradient(145deg, #2b5e3b 0%, #1d3e2a 100%);\n font-family: 'Comic Neue', 'Comic Sans MS', 'Chalkboard SE', cursive;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px;\n }\n .game-container {\n max-width: 1300px;\n width: 100%;\n background: #fef3d6;\n border-radius: 72px;\n box-shadow: 0 20px 35px rgba(0,0,0,0.3), 0 0 0 6px #ffcd94, 0 0 0 12px #c29a5e;\n overflow: hidden;\n }\n .hero-kids {\n background: #ffde9c;\n padding: 1rem 2rem;\n display: flex;\n align-items: center;\n gap: 20px;\n flex-wrap: wrap;\n border-bottom: 6px solid #e2a526;\n }\n .avatar {\n background: #c0812c;\n border-radius: 100px;\n width: 80px;\n height: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 8px 0 #5a3a1a;\n }\n .avatar i {\n font-size: 4rem;\n color: #ffefb9;\n }\n .title-area h1 {\n font-size: 2rem;\n color: #2d3e1f;\n }\n .title-area p {\n font-size: 1.1rem;\n background: #fff0c4;\n display: inline-block;\n padding: 0.2rem 1rem;\n border-radius: 40px;\n }\n .game-layout {\n display: flex;\n flex-wrap: wrap;\n }\n .story-side {\n flex: 1.2;\n background: #fff7e8;\n padding: 1.8rem;\n border-right: 3px dashed #f0cf8a;\n min-width: 240px;\n }\n .game-side {\n flex: 1;\n background: #faeecf;\n padding: 1.8rem;\n min-width: 300px;\n }\n .story-side h2 {\n color: #aa6f2c;\n border-left: 8px solid #f3b33d;\n padding-left: 12px;\n margin-bottom: 1rem;\n }\n .story-side p {\n margin: 12px 0;\n line-height: 1.4;\n }\n .fun-fact {\n background: #ffefc0;\n border-radius: 28px;\n padding: 12px;\n margin: 16px 0;\n border: 2px solid #e7bc6e;\n }\n .game-card {\n background: white;\n border-radius: 60px;\n padding: 1.5rem;\n box-shadow: 0 12px 20px rgba(0,0,0,0.1);\n text-align: center;\n }\n .score-star {\n background: #d4af37;\n border-radius: 60px;\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 6px 20px;\n font-weight: bold;\n font-size: 1.3rem;\n margin-bottom: 15px;\n }\n .question-bubble {\n background: #e6ddb3;\n padding: 1rem;\n border-radius: 50px;\n font-size: 1.3rem;\n font-weight: bold;\n color: #2e3b1f;\n margin: 15px 0;\n }\n .options-area {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n margin: 20px 0;\n }\n .kid-option {\n background: #f5e2b0;\n border: 3px solid #e1b056;\n border-radius: 60px;\n padding: 12px 8px;\n font-size: 1rem;\n font-weight: bold;\n font-family: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n cursor: pointer;\n transition: 0.1s;\n }\n .kid-option:hover {\n background: #ffd966;\n transform: scale(0.97);\n }\n .kid-option.correct-highlight {\n background: #a5d6a5 !important;\n border-color: #2e7d32 !important;\n }\n .kid-option.wrong-highlight {\n background: #ef9a9a !important;\n border-color: #c62828 !important;\n }\n .feedback {\n background: #e9e0cf;\n border-radius: 28px;\n padding: 12px;\n margin: 15px 0;\n font-size: 0.95rem;\n }\n .next-btn, .restart-btn {\n background: #f3b33d;\n border: none;\n font-size: 1.1rem;\n font-weight: bold;\n padding: 10px;\n border-radius: 40px;\n width: 100%;\n font-family: inherit;\n cursor: pointer;\n margin-top: 8px;\n box-shadow: 0 3px 0 #996f2a;\n transition: 0.05s linear;\n }\n .next-btn:active, .restart-btn:active {\n transform: translateY(2px);\n box-shadow: 0 1px 0 #996f2a;\n }\n .restart-btn {\n background: #b48234;\n }\n .game-status {\n font-size: 0.8rem;\n background: #dac27c;\n border-radius: 50px;\n padding: 6px;\n margin-top: 12px;\n text-align: center;\n }\n footer {\n background: #f3e1b3;\n text-align: center;\n padding: 12px;\n font-size: 0.7rem;\n }\n @media (max-width: 750px) {\n .question-bubble { font-size: 1rem; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"game-container\">\n <div class=\"hero-kids\">\n <div class=\"avatar\"><i class=\"fas fa-child\"><\/i><\/div>\n <div class=\"title-area\">\n <h1><i class=\"fas fa-gamepad\"><\/i> Alexander’s Courage Game<\/h1>\n <p><i class=\"fas fa-star\"><\/i> Play & Learn \u2013 Can you be as brave as Alexander?<\/p>\n <\/div>\n <\/div>\n <div class=\"game-layout\">\n <div class=\"story-side\">\n <h2><i class=\"fas fa-map-marker-alt\"><\/i> Meet Alexander<\/h2>\n <p><strong>\ud83d\udccd Born in Russia (1917)<\/strong> \u2013 Alexander was born in Orenburg, Russia. His family later moved to Germany.<\/p>\n <p><i class=\"fas fa-church\"><\/i> He loved his Orthodox Christian faith. He believed in goodness and helping others.<\/p>\n <div class=\"fun-fact\">\n <i class=\"fas fa-lightbulb\"><\/i> <strong>Fun fact:<\/strong> Alexander could speak Russian and German. He saw good in both cultures!\n <\/div>\n <p><i class=\"fas fa-leaf\"><\/i> When a bad leader named Hitler took power, Alexander was sad. Many were afraid, but he said: \u201cI must tell the truth.\u201d<\/p>\n <p><i class=\"fas fa-pen-fancy\"><\/i> He and his friends wrote secret letters (leaflets) saying \u201cFreiheit!\u201d (Freedom!).<\/p>\n <p><i class=\"fas fa-crown\"><\/i> He was only 25 when he was caught because he stood up for what is right. Today he is remembered as a <strong>saint<\/strong> and a hero.<\/p>\n <\/div>\n <div class=\"game-side\">\n <div class=\"game-card\">\n <div class=\"score-star\"><i class=\"fas fa-star\"><\/i> <span id=\"kidScore\">0<\/span> \/ 600<\/div>\n <div id=\"questionText\" class=\"question-bubble\"><i class=\"fas fa-question-circle\"><\/i> Tap an answer to start!<\/div>\n <div id=\"optionsArea\" class=\"options-area\"><\/div>\n <div id=\"feedbackMsg\" class=\"feedback\"><i class=\"fas fa-smile-wink\"><\/i> Choose the correct answer!<\/div>\n <button id=\"nextBtn\" class=\"next-btn\">\u27a1 Next Question<\/button>\n <button id=\"restartBtn\" class=\"restart-btn\">\ud83d\udd04 Play Again<\/button>\n <div class=\"game-status\"><i class=\"fas fa-crown\"><\/i> 6 questions about Alexander’s bravery<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer><i class=\"fas fa-dove\"><\/i> Alexander Schmorell \u2022 1917\u20131943 \u2022 “A faith that refused to be silent”<\/footer>\n<\/div>\n\n<script>\n \/\/ ----- KID-FRIENDLY QUESTIONS -----\n const questions = [\n { text: \"\ud83c\udf0d Where was Alexander Schmorell born?\", options: [\"Germany\", \"Russia\", \"France\", \"USA\"], correct: 1, explanation: \"He was born in Orenburg, Russia in 1917!\" },\n { text: \"\u271d\ufe0f What gave Alexander courage to stand up for what's right?\", options: [\"His favorite sport\", \"His Christian faith\", \"Being famous\", \"His toys\"], correct: 1, explanation: \"His Orthodox Christian faith taught him to love truth and goodness.\" },\n { text: \"\ud83d\udcdc What did Alexander and his friends write to fight against injustice?\", options: [\"Comic books\", \"Secret leaflets\", \"School essays\", \"Letters to Santa\"], correct: 1, explanation: \"They wrote leaflets urging people to resist lies and be brave.\" },\n { text: \"\u26a1 What German word for 'Freedom' did they paint on walls?\", options: [\"Freiheit\", \"Libert\u00e9\", \"Svoboda\", \"Freedom\"], correct: 0, explanation: \"Freiheit means freedom \u2013 they wanted everyone to be free!\" },\n { text: \"\ud83c\udfc5 How old was Alexander when he was executed for standing up?\", options: [\"20\", \"25\", \"30\", \"35\"], correct: 1, explanation: \"He was only 25 \u2013 young but very brave.\" },\n { text: \"\ud83c\udf1f Which church recognized Alexander as a saint?\", options: [\"Catholic\", \"Orthodox\", \"Lutheran\", \"Anglican\"], correct: 1, explanation: \"The Russian Orthodox Church Outside Russia made him a saint in 2012.\" }\n ];\n\n let currentQ = 0; \/\/ 0 to 5\n let score = 0;\n let answered = false;\n let selectedIndex = null;\n\n const questionDiv = document.getElementById(\"questionText\");\n const optionsDiv = document.getElementById(\"optionsArea\");\n const feedbackDiv = document.getElementById(\"feedbackMsg\");\n const nextBtn = document.getElementById(\"nextBtn\");\n const restartBtn = document.getElementById(\"restartBtn\");\n const scoreSpan = document.getElementById(\"kidScore\");\n\n function updateScoreUI() {\n scoreSpan.innerText = score;\n }\n\n function renderQuestion() {\n if (currentQ >= questions.length) {\n \/\/ Game finished\n questionDiv.innerHTML = `<i class=\"fas fa-trophy\"><\/i> GAME OVER! You scored ${score} \/ 600`;\n optionsDiv.innerHTML = `<div style=\"padding:20px; text-align:center;\">\ud83c\udf89 ${score === 600 ? \"Perfect! You are a true hero!\" : \"Great job! Play again to learn more!\"} \ud83c\udf89<\/div>`;\n feedbackDiv.innerHTML = `<i class=\"fas fa-heart\"><\/i> Remember: one voice can change the world. Alexander showed us that!`;\n nextBtn.style.display = \"none\";\n return;\n }\n\n const q = questions[currentQ];\n questionDiv.innerHTML = `<i class=\"fas fa-smile\"><\/i> ${q.text}`;\n\n let optsHtml = \"\";\n const letters = [\"A\", \"B\", \"C\", \"D\"];\n q.options.forEach((opt, idx) => {\n let disabled = answered ? \"disabled\" : \"\";\n let extraClass = \"\";\n if (answered) {\n if (idx === q.correct) extraClass = \"correct-highlight\";\n if (idx === selectedIndex && idx !== q.correct) extraClass = \"wrong-highlight\";\n }\n optsHtml += `\n <button class=\"kid-option ${extraClass}\" data-index=\"${idx}\" ${disabled}>\n <strong>${letters[idx]}.<\/strong> ${opt}\n <\/button>\n `;\n });\n optionsDiv.innerHTML = optsHtml;\n\n \/\/ Add event listeners only if not answered\n if (!answered) {\n document.querySelectorAll(\".kid-option\").forEach(btn => {\n btn.addEventListener(\"click\", (e) => {\n if (answered) return;\n const chosen = parseInt(btn.getAttribute(\"data-index\"));\n handleAnswer(chosen);\n });\n });\n }\n }\n\n function handleAnswer(chosen) {\n if (answered) return;\n answered = true;\n selectedIndex = chosen;\n const q = questions[currentQ];\n const isCorrect = (chosen === q.correct);\n\n if (isCorrect) {\n score += 100;\n updateScoreUI();\n feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\" style=\"color:green;\"><\/i> \u2705 Correct! ${q.explanation} +100 points`;\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:red;\"><\/i> \u274c Oops! The right answer is ${correctLetter}: ${correctText}. ${q.explanation}`;\n }\n renderQuestion(); \/\/ re-render to show highlights & disable buttons\n nextBtn.style.display = \"block\";\n }\n\n function nextQuestion() {\n if (!answered && currentQ < questions.length) {\n feedbackDiv.innerHTML = `<i class=\"fas fa-hand-peace\"><\/i> Please answer the question first!`;\n return;\n }\n if (currentQ < questions.length) {\n currentQ++;\n answered = false;\n selectedIndex = null;\n if (currentQ < questions.length) {\n feedbackDiv.innerHTML = `<i class=\"fas fa-smile-wink\"><\/i> Choose the next answer!`;\n renderQuestion();\n nextBtn.style.display = \"block\";\n } else {\n renderQuestion(); \/\/ finish screen\n nextBtn.style.display = \"none\";\n }\n }\n }\n\n function restartGame() {\n currentQ = 0;\n score = 0;\n answered = false;\n selectedIndex = null;\n updateScoreUI();\n nextBtn.style.display = \"block\";\n feedbackDiv.innerHTML = `<i class=\"fas fa-smile-wink\"><\/i> Game restarted! Answer all 6 questions.`;\n renderQuestion();\n }\n\n \/\/ Event listeners\n nextBtn.addEventListener(\"click\", nextQuestion);\n restartBtn.addEventListener(\"click\", restartGame);\n\n \/\/ Start the game\n renderQuestion();\n updateScoreUI();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Alexander’s Courage Game \u2013 Kids Quiz Alexander’s Courage Game Play & Learn \u2013 Can you be as brave as Alexander? Meet Alexander \ud83d\udccd Born in Russia (1917) \u2013 Alexander was born in Orenburg, Russia. His family later moved to Germany. He loved his Orthodox Christian faith. He believed in goodness and helping others. Fun fact: […]<\/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-1489","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1489","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=1489"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1489\/revisions"}],"predecessor-version":[{"id":1492,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1489\/revisions\/1492"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}