{"id":1859,"date":"2026-07-25T22:23:19","date_gmt":"2026-07-25T22:23:19","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=1859"},"modified":"2026-07-25T22:23:19","modified_gmt":"2026-07-25T22:23:19","slug":"righteous-odyssey-exhibition-test-your-knowledge","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/righteous-odyssey-exhibition-test-your-knowledge\/","title":{"rendered":"Righteous Odyssey Exhibition \u2014 Test Your Knowledge"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\">\n<title>Righteous Odyssey Exhibition | Museum of Righteousness<\/title>\n<!-- Font Awesome for icons -->\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: #1a1a2e;\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: 1300px;\n        margin: 0 auto;\n        background: #f5eed6;\n        border-radius: 28px;\n        box-shadow: 0 20px 35px rgba(0,0,0,0.4), 0 0 0 1px #c9a84c inset;\n        overflow: hidden;\n    }\n\n    .hero {\n        background: linear-gradient(135deg, #1a1a2e 0%, #2d2a1e 100%);\n        padding: 1.8rem 2.5rem;\n        border-bottom: 6px solid #c9a84c;\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: 2.2rem;\n        letter-spacing: 1px;\n        font-weight: 600;\n    }\n    .hero h1 i {\n        color: #c9a84c;\n        margin-right: 10px;\n    }\n    .hero h1 .exhibition-badge {\n        font-size: 0.8rem;\n        background: #c9a84c33;\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: #c9a84c30;\n        padding: 8px;\n        border-radius: 50%;\n        border: 2px solid #c9a84c;\n    }\n    .hero-portrait i {\n        font-size: 4rem;\n        color: #ecd9b4;\n    }\n    .hero-portrait p {\n        font-size: 0.7rem;\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: #fef7e0;\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.9rem;\n        border-left: 7px solid #c9a84c;\n        padding-left: 1rem;\n        margin: 0.75rem 0 1rem 0;\n        color: #1a1a2e;\n    }\n    .article-panel h2 i {\n        color: #c9a84c;\n        margin-right: 10px;\n    }\n    .article-panel h3 {\n        font-size: 1.35rem;\n        margin: 1.6rem 0 0.6rem 0;\n        color: #8b6d2b;\n        font-weight: 600;\n    }\n    .article-panel p {\n        margin-bottom: 1rem;\n        text-align: justify;\n    }\n    .inset-quote {\n        background: #e9e0cf;\n        padding: 0.8rem 1.3rem;\n        border-left: 4px solid #c9a84c;\n        margin: 1.2rem 0;\n        border-radius: 12px;\n        font-weight: 500;\n    }\n    .reference-list {\n        font-size: 0.85rem;\n        margin-top: 1.5rem;\n        border-top: 1px dashed #cfbc93;\n        padding-top: 1rem;\n        color: #5e4b2b;\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.exhibit {\n        background: #1a1a2e;\n        color: white;\n    }\n    .mode-btn.character {\n        background: #2c5f6e;\n        color: white;\n    }\n    .mode-btn.theme {\n        background: #8b6d2b;\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 #c9a84c;\n    }\n    .quiz-header {\n        background: linear-gradient(145deg, #1a1a2e, #2d2a1e);\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.15rem;\n        font-weight: 700;\n        margin-bottom: 1.2rem;\n        background: #fdf4e0;\n        padding: 12px;\n        border-radius: 20px;\n        border-left: 5px solid #c9a84c;\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 #c9a84c;\n    }\n    .next-btn, .restart-btn {\n        background: #1a1a2e;\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: #3d3a5c;\n    }\n    .game-status {\n        font-size: 0.8rem;\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.75rem;\n        color: #4a3a22;\n    }\n    .hall-badge {\n        display: inline-block;\n        background: #c9a84c;\n        color: #1a1a2e;\n        padding: 0.2rem 0.8rem;\n        border-radius: 40px;\n        font-size: 0.7rem;\n        font-weight: bold;\n        margin-bottom: 0.5rem;\n    }\n    @media (max-width: 780px) {\n        .hero h1 { font-size: 1.4rem; }\n        .hero-portrait { flex-basis: 70px; }\n        .hero-portrait i { font-size: 2.5rem; }\n    }\n<\/style>\n\n\n<div class=\"museum-container\">\n    <div class=\"hero\">\n        <div class=\"hero-text\">\n            <h1><i class=\"fas fa-ankh\"><\/i> Righteous Odyssey <span class=\"exhibition-badge\"><i class=\"fas fa-landmark\"><\/i> Literary Figures of Righteousness Hall<\/span><\/h1>\n            <p><i class=\"fas fa-star-of-life\"><\/i> Justice, wisdom, loyalty, and restoration in Homer&#8217;s epic<\/p>\n        <\/div>\n        <div class=\"hero-portrait\">\n            <i class=\"fas fa-mask\"><\/i>\n            <p><i class=\"fas fa-ship\"><\/i> c. 8th Century BCE<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"flex-main\">\n        <div class=\"article-panel\">\n            <span class=\"hall-badge\"><i class=\"fas fa-columns\"><\/i> Literary Figures of Righteousness Hall<\/span>\n            <h2><i class=\"fas fa-scroll\"><\/i> The Righteous Odyssey<\/h2>\n            <p><strong>Odysseus, Penelope, Telemachus, Eumaeus, Athena<\/strong> \u2014 each embodies a different face of righteousness: endurance, patience, courage, loyalty, and divine justice.<\/p>\n            <div class=\"inset-quote\"><i class=\"fas fa-quote-left\"><\/i> \u201cRighteousness is not one act but many faithful souls working together.\u201d<\/div>\n            \n            <h3><i class=\"fas fa-dragon\"><\/i> The Cyclops &mdash; Wisdom Over Might<\/h3>\n            <p>Trapped in the cave of the one-eyed giant Polyphemus, Odysseus uses cunning instead of force. He offers wine, blinds the giant with a burning stake, and escapes beneath sheep. This is righteousness in adversity&mdash;resisting oppression with intelligence.<\/p>\n            \n            <h3><i class=\"fas fa-dove\"><\/i> The Temptation of Calypso<\/h3>\n            <p>The goddess Calypso offers Odysseus immortality if he stays. He refuses. He chooses home, mortality, and duty over eternal ease. This is righteousness over temptation&mdash;faithfulness to what truly matters.<\/p>\n            \n            <h3><i class=\"fas fa-bow-arrow\"><\/i> The Judgment of the Suitors<\/h3>\n            <p>Returning disguised, Odysseus strings his bow, shoots through twelve axe\u2011heads, and together with Telemachus and loyal servants, executes judgment on the suitors who ravaged his house. This is righteous judgment&mdash;justice executed, order restored.<\/p>\n            \n            <h3><i class=\"fas fa-hand-holding-heart\"><\/i> Loyalty and Restoration<\/h3>\n            <p>Penelope waits twenty years, weaving and unweaving. Eumaeus remains faithful in obscurity. Athena guides from above. Each plays a part in restoring what was broken.<\/p>\n            \n            <div class=\"reference-list\"><i class=\"fas fa-book-open\"><\/i> References: Homer, <em>The Odyssey<\/em> (Fagles trans.), Segal, Vernant, Foley.<\/div>\n        <\/div>\n\n        <div class=\"game-sat-panel\">\n            <div class=\"mode-selector\">\n                <i class=\"fas fa-graduation-cap\"><\/i> <strong>Explore the Exhibition<\/strong>\n                <div class=\"mode-buttons\">\n                    <button id=\"modeExhibit\" class=\"mode-btn exhibit\"><i class=\"fas fa-landmark\"><\/i> Exhibit<\/button>\n                    <button id=\"modeCharacter\" class=\"mode-btn character\"><i class=\"fas fa-users\"><\/i> Characters<\/button>\n                    <button id=\"modeTheme\" class=\"mode-btn theme\"><i class=\"fas fa-balance-scale\"><\/i> Themes<\/button>\n                <\/div>\n            <\/div>\n            <div class=\"quiz-header\">\n                <h3 id=\"modeTitle\"><i class=\"fas fa-brain\"><\/i> Exhibit \u2726 Righteousness in the Odyssey<\/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 a mode above to explore the exhibition.<\/div>\n                <button id=\"nextButton\" class=\"next-btn\" style=\"display: none;\"><i class=\"fas fa-arrow-right\"><\/i> Next Exhibit<\/button>\n                <button id=\"restartButton\" class=\"restart-btn\"><i class=\"fas fa-undo-alt\"><\/i> Restart Exhibition<\/button>\n                <div class=\"game-status\"><i class=\"fas fa-hourglass-half\"><\/i> 6 exhibits per mode \u2022 Righteousness in Homer&#8217;s epic<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <footer><i class=\"fas fa-chess-queen\"><\/i> Literary Figures of Righteousness Hall \u2014 Righteous Museum | Righteous Odyssey Exhibition<\/footer>\n<\/div>\n\n<script>\n    \/\/ ---------- QUESTION BANKS (Exhibit \/ Character \/ Theme modes) ----------\n    const QUESTION_BANKS = {\n        Exhibit: [\n            { text: \"What is the central event of the 'Righteous Odyssey' exhibition?\", options: [\"The Trojan War\", \"Odysseus' journey home and restoration of justice\", \"The founding of Athens\", \"The fall of Troy\"], correct: 1, explanation: \"The exhibition focuses on Odysseus' return and the restoration of righteousness.\" },\n            { text: \"The exhibition's main argument is that righteousness:\", options: [\"Requires physical strength\", \"Is one great act by one hero\", \"Takes many forms and is built together\", \"Cannot be achieved\"], correct: 2, explanation: \"Righteousness is demonstrated through endurance, patience, courage, loyalty, and divine justice.\" },\n            { text: \"Which gallery would you find Penelope's loom?\", options: [\"Gallery 1: Foundation\", \"Gallery 4: Judgment\", \"Gallery 5: Portraits of the Righteous\", \"Gallery 2: Adversity\"], correct: 2, explanation: \"Penelope is featured in Gallery 5: Portraits of the Righteous.\" },\n            { text: \"What does the exhibition identify as 'the most dangerous prison'?\", options: [\"A dark cave\", \"A prison cell\", \"A paradise that feels like home\", \"The underworld\"], correct: 2, explanation: \"Calypso's island is described as a paradise that is actually a prison.\" },\n            { text: \"According to the exhibition, the fruit of righteousness is:\", options: [\"Wealth\", \"Power\", \"Peace\", \"Fame\"], correct: 2, explanation: \"The exhibition concludes that righteousness brings peace and restoration.\" },\n            { text: \"The exhibition's three core events are:\", options: [\"The Trojan War, the Odyssey, the Iliad\", \"Blinding the Cyclops, Refusing Calypso, Slaying the Suitors\", \"The fall of Troy, the journey, the return\", \"War, peace, and rebuilding\"], correct: 1, explanation: \"The three core events are Blinding the Cyclops, Refusing Calypso, and Slaying the Suitors.\" }\n        ],\n        Characters: [\n            { text: \"Who refused immortality to return home?\", options: [\"Telemachus\", \"Eumaeus\", \"Odysseus\", \"Athena\"], correct: 2, explanation: \"Odysseus refused Calypso's offer of immortality to return to his family.\" },\n            { text: \"Who waited twenty years and used a weaving trick to delay suitors?\", options: [\"Athena\", \"Penelope\", \"Calypso\", \"Helen\"], correct: 1, explanation: \"Penelope wove by day and unraveled by night for three years.\" },\n            { text: \"Who transformed from a boy to a warrior by seeking his father?\", options: [\"Odysseus\", \"Eumaeus\", \"Telemachus\", \"Polyphemus\"], correct: 2, explanation: \"Telemachus sailed to find his father and grew into a warrior.\" },\n            { text: \"Who remained faithful to his absent master for twenty years?\", options: [\"Odysseus\", \"Eumaeus\", \"Telemachus\", \"Athena\"], correct: 1, explanation: \"Eumaeus, the swineherd, remained faithful throughout Odysseus' absence.\" },\n            { text: \"Who is the divine guardian of righteousness in the epic?\", options: [\"Zeus\", \"Athena\", \"Hermes\", \"Poseidon\"], correct: 1, explanation: \"Athena protects Odysseus and champions justice throughout the epic.\" },\n            { text: \"Which character said: 'My home is where my heart must be'?\", options: [\"Telemachus\", \"Eumaeus\", \"Odysseus\", \"Penelope\"], correct: 2, explanation: \"Odysseus chose home over immortality, declaring his heart belonged to his family.\" }\n        ],\n        Themes: [\n            { text: \"What does the Cyclops episode teach about righteousness?\", options: [\"Strength is all that matters\", \"Wisdom can overcome brute force\", \"Never trust strangers\", \"Giants are always evil\"], correct: 1, explanation: \"The episode shows that wisdom and cunning can overcome oppression.\" },\n            { text: \"What does Odysseus' refusal of Calypso represent?\", options: [\"Fear of death\", \"Duty above personal gain\", \"Hatred of women\", \"Love of adventure\"], correct: 1, explanation: \"He chose duty and family over personal immortality.\" },\n            { text: \"What does the slaying of the suitors represent?\", options: [\"Murder\", \"Righteous judgment\", \"Political ambition\", \"Revenge\"], correct: 1, explanation: \"The slaying is presented as the execution of righteous judgment.\" },\n            { text: \"What does Penelope's weaving represent?\", options: [\"Patience and intelligence\", \"Waste of time\", \"Fear of marriage\", \"Love of cloth\"], correct: 0, explanation: \"Her weaving and unweaving represents patient, intelligent resistance.\" },\n            { text: \"What does Eumaeus' loyalty teach us?\", options: [\"Only rich people matter\", \"Faithfulness is rewarded\", \"Shepherds are unimportant\", \"Loyalty goes unnoticed\"], correct: 1, explanation: \"Eumaeus is rewarded for his faithfulness to his master.\" },\n            { text: \"What is the final victory in the Odyssey?\", options: [\"The destruction of Troy\", \"The death of Odysseus\", \"The restoration of peace and order\", \"Odysseus becoming king of the world\"], correct: 2, explanation: \"The epic ends with peace restored and the household reunited.\" }\n        ]\n    };\n\n    let currentMode = \"Exhibit\";\n    let currentQuestions = [...QUESTION_BANKS.Exhibit];\n    let currentIndex = 0;\n    let playerScore = 0;\n    let quizAnswered = false;\n    let selectedOptIdx = null;\n    let totalPerMode = 6;\n\n    \/\/ DOM elements\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 === \"Exhibit\") currentQuestions = [...QUESTION_BANKS.Exhibit];\n        else if (mode === \"Characters\") currentQuestions = [...QUESTION_BANKS.Characters];\n        else currentQuestions = [...QUESTION_BANKS.Themes];\n        \n        let icon = mode === \"Exhibit\" ? '<i class=\"fas fa-landmark\"><\/i>' : (mode === \"Characters\" ? '<i class=\"fas fa-users\"><\/i>' : '<i class=\"fas fa-balance-scale\"><\/i>');\n        modeTitle.innerHTML = `${icon} ${mode} \u2726 Righteousness in the Odyssey`;\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. Explore 6 exhibits based on the article.`;\n        renderQuestion();\n        \n        document.querySelectorAll('.mode-btn').forEach(btn => btn.classList.remove('active'));\n        if (mode === \"Exhibit\") document.getElementById(\"modeExhibit\").classList.add('active');\n        if (mode === \"Characters\") document.getElementById(\"modeCharacter\").classList.add('active');\n        if (mode === \"Themes\") document.getElementById(\"modeTheme\").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:#c9a84c;\"><\/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 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-question-circle\"><\/i> Exhibit ${currentIndex+1} of ${totalPerMode} (${currentMode})<\/div>`;\n        const questionHtml = `\n            ${progressHtml}\n            <div class=\"question-text\"><i class=\"fas fa-gavel\"><\/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> ${q.explanation} <i class=\"fas fa-award\"><\/i> +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:#b71c1c;\"><\/i> Correct: ${correctLetter}: ${escapeHtml(correctText)}.<br>${q.explanation}`;\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 first.`;\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 exhibition, 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! Righteousness mastered.`;\n        if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} understanding! Keep exploring.`;\n        return `\ud83d\udcdc Review the exhibition and try again.`;\n    }\n\n    function escapeHtml(str) {\n        return str.replace(\/[&<>]\/g, function(m) {\n            if (m === '&') return '&amp;';\n            if (m === '<') return '&lt;';\n            if (m === '>') return '&gt;';\n            return m;\n        });\n    }\n\n    \/\/ Event bindings\n    document.getElementById(\"modeExhibit\").addEventListener(\"click\", () => loadMode(\"Exhibit\"));\n    document.getElementById(\"modeCharacter\").addEventListener(\"click\", () => loadMode(\"Characters\"));\n    document.getElementById(\"modeTheme\").addEventListener(\"click\", () => loadMode(\"Themes\"));\n    nextBtn.addEventListener(\"click\", nextQuestion);\n    restartBtn.addEventListener(\"click\", restartQuiz);\n    \n    \/\/ Initialize with Exhibit\n    loadMode(\"Exhibit\");\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Righteous Odyssey Exhibition | Museum of Righteousness Righteous Odyssey Literary Figures of Righteousness Hall Justice, wisdom, loyalty, and restoration in Homer&#8217;s epic c. 8th Century BCE Literary Figures of Righteousness Hall The Righteous Odyssey Odysseus, Penelope, Telemachus, Eumaeus, Athena \u2014 each embodies a different face of righteousness: endurance, patience, courage, loyalty, and divine justice. \u201cRighteousness [&hellip;]<\/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-1859","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1859","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=1859"}],"version-history":[{"count":1,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1859\/revisions"}],"predecessor-version":[{"id":1860,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1859\/revisions\/1860"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}