{"id":417,"date":"2026-03-25T16:23:38","date_gmt":"2026-03-25T16:23:38","guid":{"rendered":"https:\/\/staginglab.us\/spirit-music\/?page_id=417"},"modified":"2026-04-21T17:32:54","modified_gmt":"2026-04-21T17:32:54","slug":"scripture-card-game","status":"publish","type":"page","link":"https:\/\/staginglab.us\/spirit-music\/scripture-card-game\/","title":{"rendered":"Scripture Card Game"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"417\" class=\"elementor elementor-417\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0560356 e-flex e-con-boxed e-con e-parent\" data-id=\"0560356\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51ab8c5 elementor-widget elementor-widget-heading\" data-id=\"51ab8c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Scripture Card Game<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81280d1 elementor-widget elementor-widget-image\" data-id=\"81280d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"225\" height=\"235\" src=\"https:\/\/staginglab.us\/spirit-music\/wp-content\/uploads\/2026\/03\/logo-scripture-game-1.png\" class=\"attachment-full size-full wp-image-419\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dba33a2 e-flex e-con-boxed e-con e-parent\" data-id=\"dba33a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e600332 divider-line-yellow elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"e600332\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11f8100 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"11f8100\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Match the Bible verse to the correct book and chapter, build your streak, earn points, and grow in the Word \u2014 one card at a time.\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f87e313 divider-line-yellow elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"f87e313\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5ea503 e-flex e-con-boxed e-con e-parent\" data-id=\"f5ea503\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85fa8ac elementor-widget elementor-widget-shortcode\" data-id=\"85fa8ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <!-- Game Container -->\n    <section id=\"ssr-game\" class=\"ssr-game\">\n        <header class=\"ssr-bar\">\n            <div class=\"ssr-left\">Round <span id=\"roundNo\">#1<\/span><\/div>\n            <button id=\"restart\" class=\"ssr-btn\">Restart Game<\/button>\n            <div class=\"ssr-right\">Score: <span id=\"scoreVal\">0<\/span><\/div>\n        <\/header>\n        <br>\n        <h2 class=\"ssr-verse\" id=\"promptRef\">Loading\u2026<\/h2>\n        <div id=\"cardGrid\" class=\"ssr-grid\" aria-live=\"polite\"><\/div>\n        <p class=\"ssr-motto\">LOVE \u00b7 PEACE \u00b7 SALVATION \u00b7 HOLY SPIRIT (RUACH HaKODESH)<\/p>\n    <\/section>\n\n    <!-- CSV Data - Edit verses here -->\n    <textarea id=\"ssr-verse-csv\" hidden>\nQuestion,Answer\nProverbs 8:17,\"I love those who love ME, and those who earnestly seek ME do find ME.\"\nJohn 3:16,\"For Y\u2019HOVAH so loved the world that HE gave HIS only brought-forth Son, so that everyone who believes in HIM should not perish but possess everlasting life.\"\nRomans 5:8,\"But Y\u2019HOVAH proves HIS own love for us, in that while we were still sinners, YESHUA died for us.\"\n1 Corinthians 13:13,\"And now belief, expectation, and love remain - these three. But the greatest of these is love.\"\n1 John 4:7-8,\"Beloved ones, let us love one another, because love is of Y\u2019HOVAH, and everyone who loves has been born of Y\u2019HOVAH, and knows Y\u2019HOVAH. The one who does not love does not know Y\u2019HOVAH, for Y\u2019HOVAH is love.\"\n1 John 4:16 & 19,\"And we have known and believed the love that Y\u2019HOVAH has for us. Y\u2019HOVAH is love, and he who stays in love stays in Y\u2019HOVAH, and Y\u2019HOVAH in him. We love Y\u2019HOVAH because Y\u2019HOVAH first loved us.\"\nPsalms 4:8,\"I lie down in peace altogether, and sleep; for YOU alone, O\u2019Y\u2019HOVAH, make me dwell in safety.\"\nPsalms 29:11,\"Y\u2019HOVAH gives strength to His people; Y\u2019HOVAH blesses His people with peace.\"\nJohn 14:27,\"Peace I leave with you \u2013 My peace I give to you. I do not give to you as the world gives. Do not let your heart be troubled, neither let it be afraid.\"\nRomans 5:1,\"Therefore, having been declared right by belief, we have peace with Y\u2019HOVAH through our Master YESHUA our Messiah.\"\nPhilippians 4:7,\"And the peace of Y\u2019HOVAH, which surpasses all understanding, shall guard your hearts and minds through YESHUA our Messiah.\"\nColossians 3:15,\"And let the peace of Y\u2019HOVAH rule in your hearts, to which indeed you were called in one Body, and be filled with thanks.\"\nIsaiah 53:6,\"We all, like sheep, went astray, each one of us has turned to his own way. And Y\u2019HOVAH has laid on Him the crookedness of us all.\"\nJohn 3:3,\"YESHUA answered and said to him, Truly, truly, I say to you, unless one is born from above, he is unable to see the reign of Y\u2019HOVAH our Elohim.\"\nRomans 3:23,\"For all have sinned and fall short of the esteem of Y\u2019HOVAH our Elohim.\"\nRomans 6:23,\"For the wages of sin is death, but the favourable gift of Y\u2019HOVAH is everlasting life in Messiah YESHUA our Master.\"\nRomans 10:9,\"That if you confess with your mouth the Master YESHUA and believe in your heart that Y\u2019HOVAH has raised Him from the dead, you shall be saved.\"\nEphesians 2:8-9,\"For by favor you have been saved, through belief, and that not of yourselves, it is the gift of Y\u2019HOVAH, it is not by works, so that no one should boast.\"\nJoel 2:28,\"And after this it shall be that I pour out MY Spirit on all flesh. And your sons and your daughters shall prophesy, your old men dream dreams, your young men see visions.\"\nLuke 11:13,\"If you then, being wicked, know how to give good gifts to your children, how much more shall your Father from Heaven give the Holy Spirit to those asking HIM!\"\nJohn 14:16,\"And I shall ask the Father Y\u2019HOVAH, and HE shall give you another Helper, to stay with you forever.\"\nActs 2:4,\"And they were all filled with the Set-apart Spirit and began to speak with other tongues, as the Spirit gave them to speak.\"\nActs 4:31,\"And when they had prayed, the place where they came together was shaken. And they were all filled with the Holy Spirit and they spoke the word of Y\u2019HOVAH with boldness.\"\nEphesians 5:18,\"And do not be drunk with wine, in which is loose behavior, but be filled with the Holy Spirit.\"\n<\/textarea>\n    \n    <style>\n        \/* Game Styles - Border Only Version *\/\n        .ssr-game {\n            --gap: 24px;\n            --card: clamp(170px, 18vw, 300px);\n            --radius: 20px;\n            color: #F4CD4E;\n            font-family: Poppins, system-ui, Segoe UI, Roboto, Arial, sans-serif;\n            max-width: 1200px;\n            margin: 0 auto;\n            text-align: center;\n        }\n        \n        .ssr-bar {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin: 20px 0 14px;\n            font-weight: 700;\n            font-size: clamp(16px, 3.2vw, 36px);\n            background: rgba(0,0,0,0.2);\n            padding: 15px 20px;\n            border-radius: 60px;\n        }\n        \n        .ssr-left, .ssr-right {\n            background: rgba(0,0,0,0.4);\n            padding: 5px 20px;\n            border-radius: 40px;\n        }\n        \n        .ssr-btn {\n            background: #2d6cdf;\n            border: 0;\n            color: #fff;\n            padding: .65rem 1.1rem;\n            border-radius: 999px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all 0.3s;\n        }\n        \n        .ssr-btn:hover {\n            background: #1a4ba8;\n            transform: scale(1.05);\n        }\n        \n        .ssr-verse {\n            margin: .35rem auto 1.4rem;\n            font-size: clamp(20px, 2.2vw, 28px);\n            max-width: 75ch;\n            color: #F4CD4E;\n            font-family: 'Georgia', 'Times New Roman', serif;\n            font-style: italic;\n            text-align: center;\n            background: rgba(0, 0, 0, 0.5);\n            padding: 20px 30px;\n            border-radius: 20px;\n            display: inline-block;\n            line-height: 1.4;\n            border-left: 4px solid #F4CD4E;\n            border-right: 4px solid #F4CD4E;\n        }\n        \n        .ssr-grid {\n            display: grid;\n            grid-template-columns: repeat(4, minmax(var(--card), 1fr));\n            gap: var(--gap);\n            justify-content: center;\n            align-items: center;\n            margin: 30px auto;\n            max-width: calc(4*var(--card) + 3*var(--gap));\n        }\n        \n        @media (max-width: 780px) {\n            .ssr-grid {\n                grid-template-columns: repeat(2, minmax(var(--card), 1fr));\n            }\n        }\n        \n        .ssr-card {\n                  background: linear-gradient(135deg, rgba(255, 135, 0, 0.9), rgba(255, 70, 0, 0.9), rgba(255, 203, 0, 0.9));\n        background-size: 200% 200%;\n        transition: all 0.4s ease;\n            border: 3px solid #f6d564;\n            border-radius: var(--radius);\n            padding: 100px 20px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            min-height: 180px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            font-weight: bold;\n            font-size: clamp(18px, 2.2vw, 20px);\n            color: white;\n            box-shadow: 0 10px 20px rgba(0,0,0,0.3);\n        }\n\t\t#cardGrid .ssr-card {\n    background: linear-gradient(135deg, rgba(255, 135, 0, 0.9), rgba(255, 70, 0, 0.9), rgba(255, 203, 0, 0.9)) !important;\n        background-size: 200% 200%;\n        transition: all 0.4s ease;\n}\n        \n        .ssr-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 30px rgba(0,0,0,0.4);\n        }\n        \n        \/* ONLY BORDER CHANGES - Background remains same *\/\n        .ssr-card.correct {\n            border: 3px solid #2ecc71 !important;\n            \/* Background unchanged *\/\n        }\n        \n        .ssr-card.wrong {\n            border: 3px solid #e74c3c !important;\n            \/* Background unchanged *\/\n        }\n        \n        @keyframes pulse {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.02); }\n            100% { transform: scale(1); }\n        }\n        \n        @keyframes shake {\n            0%, 100% { transform: translateX(0); }\n            25% { transform: translateX(-5px); }\n            75% { transform: translateX(5px); }\n        }\n        \n        .ssr-card.correct {\n            animation: pulse 0.3s ease;\n        }\n        \n        .ssr-card.wrong {\n            animation: shake 0.3s ease;\n        }\n        \n        .ssr-motto {\n            margin-top: 30px;\n            font-size: 14px;\n            opacity: 1;\n            letter-spacing: 2px;\n            color: #F4CD4E;\n        }\n    <\/style>\n    \n    <script>\n    (function() {\n        const LION_IMG = \"https:\/\/spiritsoundrecords.com\/wp-content\/uploads\/2025\/10\/roar_lion.avif\";\n        const TOTAL_ROUNDS = 10;\n        const POINTS_CORRECT = 10;\n        \n        function parseCSV() {\n            const ta = document.getElementById('ssr-verse-csv');\n            if (!ta) return [];\n            const raw = (ta.value || ta.textContent || '').trim();\n            if (!raw) return [];\n            const lines = raw.split(\/\\r?\\n\/).filter(Boolean);\n            const hasHeader = \/^question\\s*,\\s*answer$\/i.test(lines[0]);\n            const body = hasHeader ? lines.slice(1) : lines;\n            const rows = body.map(line => {\n                const i = line.indexOf(',');\n                if (i < 0) return null;\n                let q = line.slice(0, i).trim().replace(\/^\"(.*)\"$\/, '$1');\n                let a = line.slice(i + 1).trim().replace(\/^\"(.*)\"$\/, '$1');\n                return (q && a) ? { q, a } : null;\n            }).filter(Boolean);\n            return rows;\n        }\n        \n        function shuffle(arr) {\n            for (let i = arr.length - 1; i > 0; i--) {\n                const j = Math.floor(Math.random() * (i + 1));\n                [arr[i], arr[j]] = [arr[j], arr[i]];\n            }\n            return arr;\n        }\n        \n        function initQuiz() {\n            const grid = document.getElementById('cardGrid');\n            const promptRef = document.getElementById('promptRef');\n            const roundEl = document.getElementById('roundNo');\n            const scoreEl = document.getElementById('scoreVal');\n            const restartBtn = document.getElementById('restart');\n            \n            if (!grid || !promptRef || !roundEl || !scoreEl || !restartBtn) return;\n            \n            grid.innerHTML = '';\n            promptRef.textContent = '';\n            \n            const data = parseCSV();\n            if (!data.length) {\n                promptRef.textContent = 'No verses found! Please add verses to the CSV.';\n                return;\n            }\n            \n            let used = new Set();\n            let score = 0;\n            let round = 1;\n            let lock = false;\n            \n            function pickIndex() {\n                if (used.size >= data.length) used.clear();\n                let i;\n                do {\n                    i = Math.floor(Math.random() * data.length);\n                } while (used.has(i));\n                used.add(i);\n                return i;\n            }\n            \n            function buildRound() {\n                lock = false;\n                grid.innerHTML = '';\n                \n                const correctIndex = pickIndex();\n                const correct = data[correctIndex];\n                \n                promptRef.textContent = correct.a;\n                \n                const options = shuffle([\n                    correct,\n                    ...shuffle(data.filter((_, i) => i !== correctIndex)).slice(0, 3)\n                ]);\n                \n                options.forEach(opt => {\n                    const btn = document.createElement('button');\n                    btn.className = 'ssr-card';\n                    btn.textContent = opt.q;\n                    btn.dataset.correct = (opt === correct) ? '1' : '0';\n                    btn.onclick = function() { choose(this); };\n                    grid.appendChild(btn);\n                });\n            }\n            \n            function choose(card) {\n                if (lock) return;\n                lock = true;\n                \n                if (card.dataset.correct === '1') {\n                    card.classList.add('correct');\n                    score += POINTS_CORRECT;\n                    scoreEl.textContent = score;\n                    \n                    \/\/ Trigger confetti\n                    if (typeof window.confetti === 'function') {\n                        window.confetti({\n                            particleCount: 100,\n                            spread: 70,\n                            origin: { y: 0.6 },\n                            colors: ['#2ecc71', '#f6d564', '#3894d4', '#ff6b6b']\n                        });\n                    }\n                    \n                    setTimeout(nextRound, 1500);\n                } else {\n                    card.classList.add('wrong');\n                    setTimeout(() => {\n                        card.classList.remove('wrong');\n                        lock = false;\n                    }, 1000);\n                }\n            }\n            \n            function nextRound() {\n                round++;\n                if (round > TOTAL_ROUNDS) {\n                    round = 1;\n                    score = 0;\n                    used.clear();\n                    scoreEl.textContent = '0';\n                    setTimeout(() => {\n                        alert('\ud83c\udf89 Game Complete! Starting new game with fresh questions.');\n                    }, 100);\n                }\n                roundEl.textContent = '#' + round;\n                buildRound();\n            }\n            \n            restartBtn.onclick = function() {\n                round = 1;\n                score = 0;\n                used.clear();\n                scoreEl.textContent = '0';\n                roundEl.textContent = '#1';\n                buildRound();\n            };\n            \n            buildRound();\n        }\n        \n        \/\/ Load confetti library\n        if (!window.confetti && !document.getElementById('ssr-confetti-lib')) {\n            const script = document.createElement('script');\n            script.id = 'ssr-confetti-lib';\n            script.src = 'https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.9.0\/dist\/confetti.browser.min.js';\n            document.head.appendChild(script);\n        }\n        \n        \/\/ Initialize when ready\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', initQuiz);\n        } else {\n            initQuiz();\n        }\n    })();\n    <\/script>\n    \n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Scripture Card Game Match the Bible verse to the correct book and chapter, build your streak, earn points, and grow in the Word \u2014 one card at a time.<\/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-417","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staginglab.us\/spirit-music\/wp-json\/wp\/v2\/pages\/417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staginglab.us\/spirit-music\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staginglab.us\/spirit-music\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staginglab.us\/spirit-music\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staginglab.us\/spirit-music\/wp-json\/wp\/v2\/comments?post=417"}],"version-history":[{"count":43,"href":"https:\/\/staginglab.us\/spirit-music\/wp-json\/wp\/v2\/pages\/417\/revisions"}],"predecessor-version":[{"id":1281,"href":"https:\/\/staginglab.us\/spirit-music\/wp-json\/wp\/v2\/pages\/417\/revisions\/1281"}],"wp:attachment":[{"href":"https:\/\/staginglab.us\/spirit-music\/wp-json\/wp\/v2\/media?parent=417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}