{"id":2192,"date":"2026-08-28T16:49:50","date_gmt":"2026-08-28T16:49:50","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=2192"},"modified":"2026-08-28T16:49:50","modified_gmt":"2026-08-28T16:49:50","slug":"game-for-sendler","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/game-for-sendler\/","title":{"rendered":"Game for Sendler"},"content":{"rendered":"\n&#8220;`html\n<!-- ============================================================\n IRENA SENDLER \u2014 RIGHTEOUS BEHAVIOR MATCHING GAME\n The Righteousness Museum\n WordPress Custom HTML Block\n ============================================================ -->\n\n<style>\n#sendler-match-game {\n    --navy:#172554;\n    --blue:#2563eb;\n    --purple:#7c3aed;\n    --pink:#db2777;\n    --orange:#f97316;\n    --yellow:#facc15;\n    --green:#16a34a;\n    --red:#dc2626;\n    --ink:#172033;\n    --muted:#64748b;\n    --light:#f8fafc;\n\n    font-family:Arial,Helvetica,sans-serif;\n    max-width:1100px;\n    margin:50px auto;\n    padding:20px;\n    color:var(--ink);\n}\n\n#sendler-match-game * {\n    box-sizing:border-box;\n}\n\n\/* ================= HERO ================= *\/\n\n.sm-hero {\n    position:relative;\n    overflow:hidden;\n    border-radius:30px;\n    padding:42px 28px;\n    text-align:center;\n    color:white;\n    background:\n        linear-gradient(\n            135deg,\n            #172554 0%,\n            #4338ca 45%,\n            #be185d 100%\n        );\n    box-shadow:0 20px 50px rgba(30,41,59,.22);\n}\n\n.sm-hero:before {\n    content:\"\";\n    position:absolute;\n    width:240px;\n    height:240px;\n    border-radius:50%;\n    background:#facc15;\n    opacity:.15;\n    top:-120px;\n    right:-60px;\n}\n\n.sm-hero:after {\n    content:\"\";\n    position:absolute;\n    width:200px;\n    height:200px;\n    border-radius:50%;\n    background:#38bdf8;\n    opacity:.15;\n    bottom:-110px;\n    left:-50px;\n}\n\n.sm-hero-content {\n    position:relative;\n    z-index:2;\n}\n\n.sm-badge {\n    display:inline-block;\n    padding:8px 15px;\n    border-radius:999px;\n    background:rgba(255,255,255,.15);\n    border:1px solid rgba(255,255,255,.3);\n    font-size:12px;\n    font-weight:900;\n    letter-spacing:.8px;\n    margin-bottom:15px;\n}\n\n.sm-hero h2 {\n    margin:0 0 12px;\n    color:#fff;\n    font-size:clamp(28px,5vw,48px);\n    line-height:1.05;\n    font-weight:900;\n}\n\n.sm-hero p {\n    max-width:750px;\n    margin:0 auto;\n    color:#eef2ff;\n    line-height:1.65;\n    font-size:17px;\n}\n\n\/* ================= INSTRUCTIONS ================= *\/\n\n.sm-instructions {\n    margin-top:25px;\n    padding:22px;\n    border-radius:20px;\n    background:linear-gradient(135deg,#eff6ff,#fdf2f8);\n    border:2px solid #c7d2fe;\n    text-align:center;\n}\n\n.sm-instructions strong {\n    color:#4338ca;\n}\n\n.sm-instructions p {\n    margin:7px 0 0;\n    line-height:1.6;\n}\n\n\/* ================= SCORE ================= *\/\n\n.sm-scoreboard {\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    gap:12px;\n    flex-wrap:wrap;\n    margin:25px 0;\n}\n\n.sm-score {\n    padding:10px 18px;\n    border-radius:999px;\n    background:#172554;\n    color:white;\n    font-weight:900;\n}\n\n.sm-matches {\n    padding:10px 18px;\n    border-radius:999px;\n    background:#dcfce7;\n    color:#166534;\n    font-weight:900;\n}\n\n.sm-mistakes {\n    padding:10px 18px;\n    border-radius:999px;\n    background:#fee2e2;\n    color:#991b1b;\n    font-weight:900;\n}\n\n\/* ================= GAME BOARD ================= *\/\n\n.sm-board {\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:25px;\n    margin-top:20px;\n}\n\n.sm-column {\n    background:#fff;\n    border-radius:25px;\n    padding:22px;\n    box-shadow:0 12px 35px rgba(15,23,42,.12);\n}\n\n.sm-column h3 {\n    margin:0 0 18px;\n    font-size:21px;\n    text-align:center;\n}\n\n.sm-column-left h3 {\n    color:#2563eb;\n}\n\n.sm-column-right h3 {\n    color:#db2777;\n}\n\n\/* ================= CARDS ================= *\/\n\n.sm-card {\n    position:relative;\n    width:100%;\n    min-height:88px;\n    margin:12px 0;\n    padding:16px;\n    border-radius:17px;\n    border:3px solid #e2e8f0;\n    background:#f8fafc;\n    cursor:pointer;\n    transition:\n        transform .18s ease,\n        border-color .18s ease,\n        background .18s ease,\n        box-shadow .18s ease;\n    display:flex;\n    align-items:center;\n    gap:13px;\n}\n\n.sm-card:hover {\n    transform:translateY(-3px);\n    border-color:#818cf8;\n    box-shadow:0 7px 20px rgba(79,70,229,.13);\n}\n\n.sm-card.selected {\n    border-color:#4f46e5;\n    background:#eef2ff;\n    box-shadow:0 0 0 4px rgba(99,102,241,.12);\n    transform:scale(1.015);\n}\n\n.sm-card.correct {\n    border-color:#22c55e !important;\n    background:#dcfce7 !important;\n    animation:smCorrect .35s ease;\n}\n\n.sm-card.wrong {\n    border-color:#ef4444 !important;\n    background:#fee2e2 !important;\n    animation:smShake .35s ease;\n}\n\n.sm-card.matched {\n    opacity:.65;\n    cursor:default;\n    border-color:#22c55e;\n}\n\n.sm-icon {\n    flex:0 0 43px;\n    width:43px;\n    height:43px;\n    border-radius:13px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    background:linear-gradient(135deg,#dbeafe,#ede9fe);\n    font-size:23px;\n}\n\n.sm-card-text {\n    font-size:15px;\n    line-height:1.45;\n    font-weight:700;\n}\n\n.sm-card-label {\n    display:block;\n    font-size:10px;\n    text-transform:uppercase;\n    letter-spacing:.7px;\n    color:#64748b;\n    margin-bottom:4px;\n    font-weight:900;\n}\n\n\/* ================= ANIMATIONS ================= *\/\n\n@keyframes smCorrect {\n    0% {transform:scale(1);}\n    50% {transform:scale(1.04);}\n    100% {transform:scale(1);}\n}\n\n@keyframes smShake {\n    0%,100% {transform:translateX(0);}\n    25% {transform:translateX(-7px);}\n    75% {transform:translateX(7px);}\n}\n\n\/* ================= RESULT ================= *\/\n\n.sm-result {\n    display:none;\n    margin-top:28px;\n    padding:30px;\n    border-radius:25px;\n    text-align:center;\n    background:linear-gradient(135deg,#fefce8,#fdf2f8,#eff6ff);\n    border:3px solid #c7d2fe;\n}\n\n.sm-result.show {\n    display:block;\n    animation:smAppear .45s ease;\n}\n\n@keyframes smAppear {\n    from {\n        opacity:0;\n        transform:translateY(15px);\n    }\n    to {\n        opacity:1;\n        transform:translateY(0);\n    }\n}\n\n.sm-result-emoji {\n    font-size:55px;\n}\n\n.sm-result h3 {\n    margin:7px 0;\n    font-size:29px;\n}\n\n.sm-result-score {\n    font-size:45px;\n    font-weight:900;\n    background:linear-gradient(90deg,#2563eb,#db2777);\n    -webkit-background-clip:text;\n    background-clip:text;\n    color:transparent;\n}\n\n.sm-result p {\n    max-width:700px;\n    margin:10px auto;\n    line-height:1.65;\n    color:#475569;\n}\n\n.sm-restart {\n    margin-top:15px;\n    border:0;\n    padding:13px 22px;\n    border-radius:13px;\n    color:#fff;\n    background:linear-gradient(90deg,#2563eb,#7c3aed);\n    font-weight:900;\n    cursor:pointer;\n    font-size:15px;\n}\n\n.sm-restart:hover {\n    transform:scale(1.03);\n}\n\n\/* ================= LESSON ================= *\/\n\n.sm-lesson {\n    margin-top:28px;\n    padding:24px;\n    border-radius:22px;\n    background:#fff7ed;\n    border-left:7px solid #f97316;\n}\n\n.sm-lesson h3 {\n    margin:0 0 7px;\n    color:#c2410c;\n}\n\n.sm-lesson p {\n    margin:0;\n    line-height:1.65;\n}\n\n\/* ================= MOBILE ================= *\/\n\n@media(max-width:750px) {\n\n    #sendler-match-game {\n        padding:10px;\n        margin:25px auto;\n    }\n\n    .sm-board {\n        grid-template-columns:1fr;\n    }\n\n    .sm-hero {\n        padding:32px 18px;\n        border-radius:23px;\n    }\n\n    .sm-column {\n        padding:16px;\n    }\n\n    .sm-card {\n        min-height:80px;\n    }\n\n}\n<\/style>\n\n\n<div id=\"sendler-match-game\">\n\n    <!-- ================= HERO ================= -->\n\n    <section class=\"sm-hero\">\n\n        <div class=\"sm-hero-content\">\n\n            <div class=\"sm-badge\">\n                \ud83e\udde9 RIGHTEOUSNESS MUSEUM \u2022 CHARACTER GAME\n            <\/div>\n\n            <h2>\n                Match the Righteous Behavior\n            <\/h2>\n\n            <p>\n                What character principle did Irena Sendler demonstrate?\n                Match each action from her life with the character\n                quality it represents.\n            <\/p>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- ================= INSTRUCTIONS ================= -->\n\n    <div class=\"sm-instructions\">\n\n        <strong>\ud83c\udfaf HOW TO PLAY<\/strong>\n\n        <p>\n            Click one card on the left and then one card on the right.\n            If they belong together, the pair will turn green.\n            If they do not match, try again!\n        <\/p>\n\n    <\/div>\n\n\n    <!-- ================= SCORE ================= -->\n\n    <div class=\"sm-scoreboard\">\n\n        <div class=\"sm-score\">\n            \u2b50 Score: <span id=\"sm-score\">0<\/span>\n        <\/div>\n\n        <div class=\"sm-matches\">\n            \u2705 Matches: <span id=\"sm-match-count\">0<\/span>\/8\n        <\/div>\n\n        <div class=\"sm-mistakes\">\n            \u274c Attempts: <span id=\"sm-attempts\">0<\/span>\n        <\/div>\n\n    <\/div>\n\n\n    <!-- ================= GAME BOARD ================= -->\n\n    <div class=\"sm-board\">\n\n        <!-- LEFT -->\n\n        <div class=\"sm-column sm-column-left\">\n\n            <h3>\ud83e\udde0 What Did She Do?<\/h3>\n\n            <div class=\"sm-card\"\n                 data-side=\"behavior\"\n                 data-match=\"preparation\">\n\n                <div class=\"sm-icon\">\ud83d\udcda<\/div>\n\n                <div class=\"sm-card-text\">\n                    <span class=\"sm-card-label\">\n                        Behavior\n                    <\/span>\n\n                    Developed knowledge, skills,\n                    and professional experience before\n                    the crisis.\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sm-card\"\n                 data-side=\"behavior\"\n                 data-match=\"compassion\">\n\n                <div class=\"sm-icon\">\u2764\ufe0f<\/div>\n\n                <div class=\"sm-card-text\">\n                    <span class=\"sm-card-label\">\n                        Behavior\n                    <\/span>\n\n                    Recognized the suffering of people\n                    trapped in the Warsaw Ghetto and\n                    repeatedly responded with assistance.\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sm-card\"\n                 data-side=\"behavior\"\n                 data-match=\"courage\">\n\n                <div class=\"sm-icon\">\ud83e\udd81<\/div>\n\n                <div class=\"sm-card-text\">\n                    <span class=\"sm-card-label\">\n                        Behavior\n                    <\/span>\n\n                    Entered dangerous conditions and\n                    continued helping people despite\n                    serious personal risk.\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sm-card\"\n                 data-side=\"behavior\"\n                 data-match=\"perseverance\">\n\n                <div class=\"sm-icon\">\ud83d\udd25<\/div>\n\n                <div class=\"sm-card-text\">\n                    <span class=\"sm-card-label\">\n                        Behavior\n                    <\/span>\n\n                    Continued underground rescue work\n                    even after arrest, imprisonment,\n                    torture, and a death sentence.\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sm-card\"\n                 data-side=\"behavior\"\n                 data-match=\"responsibility\">\n\n                <div class=\"sm-icon\">\ud83d\uddc2\ufe0f<\/div>\n\n                <div class=\"sm-card-text\">\n                    <span class=\"sm-card-label\">\n                        Behavior\n                    <\/span>\n\n                    Preserved coded information about\n                    children&#8217;s original identities for\n                    possible future reunification.\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sm-card\"\n                 data-side=\"behavior\"\n                 data-match=\"cooperation\">\n\n                <div class=\"sm-icon\">\ud83e\udd1d<\/div>\n\n                <div class=\"sm-card-text\">\n                    <span class=\"sm-card-label\">\n                        Behavior\n                    <\/span>\n\n                    Worked with \u017begota, families,\n                    institutions, and other collaborators\n                    to organize rescue.\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sm-card\"\n                 data-side=\"behavior\"\n                 data-match=\"service\">\n\n                <div class=\"sm-icon\">\ud83e\udef6<\/div>\n\n                <div class=\"sm-card-text\">\n                    <span class=\"sm-card-label\">\n                        Behavior\n                    <\/span>\n\n                    Continued helping children and\n                    families through social work\n                    after the war.\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sm-card\"\n                 data-side=\"behavior\"\n                 data-match=\"faithfulness\">\n\n                <div class=\"sm-icon\">\ud83c\udf1f<\/div>\n\n                <div class=\"sm-card-text\">\n                    <span class=\"sm-card-label\">\n                        Behavior\n                    <\/span>\n\n                    Continued doing responsible work\n                    even when recognition was delayed\n                    or absent.\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- RIGHT -->\n\n        <div class=\"sm-column sm-column-right\">\n\n            <h3>\ud83d\udc8e Character Principle<\/h3>\n\n\n            <div class=\"sm-card\"\n                 data-side=\"principle\"\n                 data-match=\"courage\">\n\n                <div class=\"sm-icon\">\ud83e\udd81<\/div>\n\n                <div class=\"sm-card-text\">\n                    <span class=\"sm-card-label\">\n                        Character\n                    <\/span>\n\n                    <strong>Courage<\/strong><br>\n                    Acting responsibly when danger\n                    is real.\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sm-card\"\n                 data-side=\"principle\"\n                 data-match=\"service\">\n\n                <div class=\"sm-icon\">\ud83e\udef6<\/div>\n\n                <div class=\"sm-card-text\">\n                    <span class=\"sm-card-label\">\n                        Character\n                    <\/span>\n\n                    <strong>Service<\/strong><br>\n                    Using one&#8217;s abilities to help\n                    people in need.\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sm-card\"\n                 data-side=\"principle\"\n                 data-match=\"responsibility\">\n\n                <div class=\"sm-icon\">\ud83d\uddc2\ufe0f<\/div>\n\n                <div class=\"sm-card-text\">\n                    <span class=\"sm-card-label\">\n                        Character\n                    <\/span>\n\n                    <strong>Responsibility<\/strong><br>\n                    Protecting people and information\n                    entrusted to you.\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sm-card\"\n                 data-side=\"principle\"\n                 data-match=\"preparation\">\n\n                <div class=\"sm-icon\">\ud83d\udcda<\/div>\n\n                <div class=\"sm-card-text\">\n                    <span class=\"sm-card-label\">\n                        Character\n                    <\/span>\n\n                    <strong>Diligence \/ Preparation<\/strong><br>\n                    Developing knowledge and skills\n                    before they are needed.\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sm-card\"\n                 data-side=\"principle\"\n                 data-match=\"cooperation\">\n\n                <div class=\"sm-icon\">\ud83e\udd1d<\/div>\n\n                <div class=\"sm-card-text\">\n                    <span class=\"sm-card-label\">\n                        Character\n                    <\/span>\n\n                    <strong>Cooperation<\/strong><br>\n                    Working with others to accomplish\n                    a responsibility.\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sm-card\"\n                 data-side=\"principle\"\n                 data-match=\"perseverance\">\n\n                <div class=\"sm-icon\">\ud83d\udd25<\/div>\n\n                <div class=\"sm-card-text\">\n                    <span class=\"sm-card-label\">\n                        Character\n                    <\/span>\n\n                    <strong>Perseverance<\/strong><br>\n                    Continuing a worthy responsibility\n                    after hardship.\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sm-card\"\n                 data-side=\"principle\"\n                 data-match=\"compassion\">\n\n                <div class=\"sm-icon\">\u2764\ufe0f<\/div>\n\n                <div class=\"sm-card-text\">\n                    <span class=\"sm-card-label\">\n                        Character\n                    <\/span>\n\n                    <strong>Compassion<\/strong><br>\n                    Recognizing human suffering and\n                    responding to it.\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sm-card\"\n                 data-side=\"principle\"\n                 data-match=\"faithfulness\">\n\n                <div class=\"sm-icon\">\ud83c\udf1f<\/div>\n\n                <div class=\"sm-card-text\">\n                    <span class=\"sm-card-label\">\n                        Character\n                    <\/span>\n\n                    <strong>Faithfulness<\/strong><br>\n                    Doing what is right without depending\n                    on praise or recognition.\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- ================= RESULT ================= -->\n\n    <div id=\"sm-result\" class=\"sm-result\">\n\n        <div class=\"sm-result-emoji\" id=\"sm-result-emoji\">\n            \ud83c\udf89\n        <\/div>\n\n        <h3 id=\"sm-result-title\">\n            Excellent!\n        <\/h3>\n\n        <div class=\"sm-result-score\">\n            <span id=\"sm-final-score\">0<\/span>\/8\n        <\/div>\n\n        <p id=\"sm-result-message\"><\/p>\n\n        <button class=\"sm-restart\"\n                onclick=\"smRestartGame()\">\n            \ud83d\udd04 Play Again\n        <\/button>\n\n    <\/div>\n\n\n    <!-- ================= LESSON ================= -->\n\n    <div class=\"sm-lesson\">\n\n        <h3>\ud83d\udca1 What Is the Righteousness Lesson?<\/h3>\n\n        <p>\n            Irena Sendler&#8217;s example shows that righteousness is not\n            simply knowing what is right. It involves preparing to help,\n            recognizing human need, acting courageously, persevering\n            through difficulty, cooperating with others, protecting\n            human dignity, and continuing responsible service even\n            when recognition may never come.\n        <\/p>\n\n    <\/div>\n\n<\/div>\n\n\n<script>\n\n(function(){\n\n    const game = document.getElementById(\"sendler-match-game\");\n\n    let selected = null;\n    let matches = 0;\n    let attempts = 0;\n    let score = 0;\n\n    const cards = game.querySelectorAll(\".sm-card\");\n\n\n    \/* ================= CLICK ================= *\/\n\n    cards.forEach(function(card){\n\n        card.addEventListener(\"click\", function(){\n\n            if(card.classList.contains(\"matched\")){\n                return;\n            }\n\n            \/* First selection *\/\n\n            if(!selected){\n\n                selected = card;\n\n                card.classList.add(\"selected\");\n\n                return;\n            }\n\n\n            \/* Same card clicked *\/\n\n            if(selected === card){\n\n                card.classList.remove(\"selected\");\n\n                selected = null;\n\n                return;\n            }\n\n\n            \/* Second card *\/\n\n            attempts++;\n\n            document.getElementById(\"sm-attempts\").textContent =\n                attempts;\n\n\n            const firstMatch =\n                selected.getAttribute(\"data-match\");\n\n            const secondMatch =\n                card.getAttribute(\"data-match\");\n\n            const firstSide =\n                selected.getAttribute(\"data-side\");\n\n            const secondSide =\n                card.getAttribute(\"data-side\");\n\n\n            \/* Must be opposite sides *\/\n\n            const validSides =\n                firstSide !== secondSide;\n\n\n            \/* Correct *\/\n\n            if(\n                validSides &&\n                firstMatch === secondMatch\n            ){\n\n                matches++;\n\n                score += 100;\n\n                selected.classList.remove(\"selected\");\n\n                selected.classList.add(\"correct\");\n                card.classList.add(\"correct\");\n\n                selected.classList.add(\"matched\");\n                card.classList.add(\"matched\");\n\n                document.getElementById(\n                    \"sm-score\"\n                ).textContent = score;\n\n                document.getElementById(\n                    \"sm-match-count\"\n                ).textContent = matches;\n\n                selected = null;\n\n\n                \/* Remove green effect after a moment *\/\n\n                setTimeout(function(){\n\n                    cards.forEach(function(c){\n\n                        if(c.classList.contains(\"matched\")){\n                            c.classList.add(\"matched\");\n                        }\n\n                    });\n\n                },500);\n\n\n                \/* WIN *\/\n\n                if(matches === 8){\n\n                    setTimeout(smFinishGame,700);\n\n                }\n\n            }\n\n\n            \/* Incorrect *\/\n\n            else {\n\n                const firstCard = selected;\n\n                const secondCard = card;\n\n                firstCard.classList.add(\"wrong\");\n                secondCard.classList.add(\"wrong\");\n\n                setTimeout(function(){\n\n                    firstCard.classList.remove(\n                        \"selected\",\n                        \"wrong\"\n                    );\n\n                    secondCard.classList.remove(\n                        \"wrong\"\n                    );\n\n                    selected = null;\n\n                },650);\n\n            }\n\n        });\n\n    });\n\n\n    \/* ================= FINISH ================= *\/\n\n    window.smFinishGame = function(){\n\n        const result =\n            document.getElementById(\"sm-result\");\n\n        const emoji =\n            document.getElementById(\"sm-result-emoji\");\n\n        const title =\n            document.getElementById(\"sm-result-title\");\n\n        const finalScore =\n            document.getElementById(\"sm-final-score\");\n\n        const message =\n            document.getElementById(\"sm-result-message\");\n\n\n        finalScore.textContent = matches;\n\n        if(attempts <= 10){\n\n            emoji.textContent = \"\ud83c\udfc6\";\n\n            title.textContent =\n                \"Righteousness Master!\";\n\n            message.textContent =\n                \"Amazing work! You recognized the connection \" +\n                \"between Sendler's actions and the character \" +\n                \"principles behind them. You did not just memorize \" +\n                \"her story\u2014you identified the character demonstrated \" +\n                \"through her actions.\";\n\n        }\n\n        else if(attempts <= 16){\n\n            emoji.textContent = \"\ud83c\udf1f\";\n\n            title.textContent =\n                \"Excellent Character Detective!\";\n\n            message.textContent =\n                \"Great job! You successfully connected the \" +\n                \"behaviors with their character principles. \" +\n                \"Remember: character becomes stronger through \" +\n                \"repeated responsible decisions.\";\n\n        }\n\n        else {\n\n            emoji.textContent = \"\ud83d\udcaa\";\n\n            title.textContent =\n                \"Keep Growing!\";\n\n            message.textContent =\n                \"You completed the challenge! Try playing again \" +\n                \"and see whether you can make the connections faster. \" +\n                \"The goal is not simply speed\u2014the goal is understanding \" +\n                \"how righteous behavior is practiced.\";\n\n        }\n\n\n        result.classList.add(\"show\");\n\n        result.scrollIntoView({\n            behavior:\"smooth\",\n            block:\"center\"\n        });\n\n    };\n\n\n    \/* ================= RESTART ================= *\/\n\n    window.smRestartGame = function(){\n\n        selected = null;\n        matches = 0;\n        attempts = 0;\n        score = 0;\n\n        cards.forEach(function(card){\n\n            card.classList.remove(\n                \"selected\",\n                \"correct\",\n                \"wrong\",\n                \"matched\"\n            );\n\n        });\n\n        document.getElementById(\n            \"sm-score\"\n        ).textContent = \"0\";\n\n        document.getElementById(\n            \"sm-match-count\"\n        ).textContent = \"0\";\n\n        document.getElementById(\n            \"sm-attempts\"\n        ).textContent = \"0\";\n\n        document.getElementById(\n            \"sm-result\"\n        ).classList.remove(\"show\");\n\n        document.getElementById(\n            \"sm-hero\"\n        );\n\n        game.scrollIntoView({\n            behavior:\"smooth\",\n            block:\"start\"\n        });\n\n    };\n\n})();\n\n<\/script>\n```\n","protected":false},"excerpt":{"rendered":"<p>&#8220;`html \ud83e\udde9 RIGHTEOUSNESS MUSEUM \u2022 CHARACTER GAME Match the Righteous Behavior What character principle did Irena Sendler demonstrate? Match each action from her life with the character quality it represents. \ud83c\udfaf HOW TO PLAY Click one card on the left and then one card on the right. If they belong together, the pair will turn [&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-2192","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/2192","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=2192"}],"version-history":[{"count":1,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/2192\/revisions"}],"predecessor-version":[{"id":2193,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/2192\/revisions\/2193"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=2192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}