Museum Test Prep App | Ancient Chinese H\u00f9x\u012bnj\u00ecng \u2022 SAT \u2022 PSAT \u2022 ACT<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #1f2a1f;\n font-family: 'Georgia', 'Times New Roman', Times, serif;\n color: #2c2b28;\n line-height: 1.5;\n padding: 20px;\n }\n\n .museum-container {\n max-width: 1400px;\n margin: 0 auto;\n background: #fef7e0;\n border-radius: 28px;\n box-shadow: 0 20px 35px rgba(0,0,0,0.3), 0 0 0 1px #b89870 inset;\n overflow: hidden;\n }\n\n .hero {\n background: linear-gradient(135deg, #6b4e2e 0%, #4a3420 100%);\n padding: 1.8rem 2.5rem;\n border-bottom: 6px solid #d4af37;\n color: #f5e7cf;\n display: flex;\n align-items: center;\n gap: 20px;\n flex-wrap: wrap;\n }\n .hero-text {\n flex: 2;\n }\n .hero h1 {\n font-size: 2rem;\n letter-spacing: 1px;\n font-weight: 600;\n }\n .hero h1 i {\n color: #d4af37;\n margin-right: 10px;\n }\n .hero h1 .app-badge {\n font-size: 0.8rem;\n background: #d4af3733;\n padding: 0.2rem 0.8rem;\n border-radius: 40px;\n margin-left: 12px;\n vertical-align: middle;\n }\n .hero p {\n font-size: 1rem;\n font-style: italic;\n margin-top: 0.5rem;\n opacity: 0.85;\n }\n .hero-portrait {\n flex: 0 0 100px;\n text-align: center;\n background: #d4af3730;\n padding: 8px;\n border-radius: 50%;\n border: 2px solid #d4af37;\n }\n .hero-portrait i {\n font-size: 3.5rem;\n color: #ecd9b4;\n }\n .hero-portrait p {\n font-size: 0.65rem;\n margin-top: 5px;\n }\n\n .flex-main {\n display: flex;\n flex-wrap: wrap;\n }\n .article-panel {\n flex: 1.6;\n min-width: 280px;\n padding: 2rem 2rem 2rem 2.2rem;\n background: #fffaf2;\n border-right: 1px solid #ecd9b4;\n }\n .game-sat-panel {\n flex: 1.2;\n min-width: 350px;\n background: #f9efdf;\n padding: 2rem 1.8rem;\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n .article-panel h2 {\n font-size: 1.8rem;\n border-left: 7px solid #d4af37;\n padding-left: 1rem;\n margin: 0.75rem 0 1rem 0;\n color: #5a3a2a;\n }\n .article-panel h2 i {\n color: #d4af37;\n margin-right: 10px;\n }\n .article-panel h3 {\n font-size: 1.3rem;\n margin: 1.4rem 0 0.5rem 0;\n color: #8b5a2b;\n font-weight: 600;\n }\n .article-panel p {\n margin-bottom: 0.9rem;\n text-align: justify;\n }\n .features-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin: 15px 0;\n }\n .feature-badge {\n background: #e9e0cf;\n padding: 6px 14px;\n border-radius: 40px;\n font-size: 0.8rem;\n border: 1px solid #cfb37a;\n }\n .feature-badge i {\n margin-right: 6px;\n font-size: 0.7rem;\n }\n .inset-quote {\n background: #e9e0cf;\n padding: 0.8rem 1.3rem;\n border-left: 4px solid #d4af37;\n margin: 1.2rem 0;\n border-radius: 12px;\n font-weight: 500;\n }\n .reference-list {\n font-size: 0.8rem;\n margin-top: 1.5rem;\n border-top: 1px dashed #cfbc93;\n padding-top: 1rem;\n color: #5e4b2b;\n }\n\n \/* Mode Selection & Quiz Styles *\/\n .mode-selector {\n background: white;\n border-radius: 28px;\n padding: 1.2rem;\n text-align: center;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n .mode-buttons {\n display: flex;\n gap: 12px;\n justify-content: center;\n margin-top: 12px;\n flex-wrap: wrap;\n }\n .mode-btn {\n flex: 1;\n min-width: 90px;\n padding: 12px;\n border: none;\n border-radius: 60px;\n font-weight: bold;\n font-size: 1rem;\n cursor: pointer;\n transition: 0.2s;\n font-family: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n .mode-btn.sat {\n background: #1e3a2f;\n color: white;\n }\n .mode-btn.psat {\n background: #2c5f6e;\n color: white;\n }\n .mode-btn.act {\n background: #8b5a2b;\n color: white;\n }\n .mode-btn:hover {\n transform: translateY(-2px);\n filter: brightness(1.05);\n }\n .mode-btn.active {\n box-shadow: 0 0 0 3px #ffd966;\n }\n .quiz-header {\n background: linear-gradient(145deg, #6b4e2e, #4a3420);\n color: white;\n padding: 1rem;\n border-radius: 28px;\n text-align: center;\n }\n .score-area {\n font-size: 1.6rem;\n font-weight: bold;\n background: #00000055;\n display: inline-block;\n padding: 0.2rem 1.2rem;\n border-radius: 40px;\n margin-top: 8px;\n }\n .question-card {\n background: white;\n border-radius: 28px;\n padding: 1.5rem;\n box-shadow: 0 8px 18px rgba(0,0,0,0.1);\n }\n .question-text {\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 1.2rem;\n background: #fdf4e0;\n padding: 12px;\n border-radius: 20px;\n border-left: 5px solid #d4af37;\n }\n .options-list {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 1.5rem;\n }\n .opt-btn {\n background: #efe2cf;\n border: 2px solid #cfb37a;\n padding: 10px 14px;\n border-radius: 60px;\n font-family: 'Segoe UI', 'Georgia', serif;\n font-size: 0.9rem;\n text-align: left;\n cursor: pointer;\n transition: 0.2s;\n }\n .opt-btn i {\n margin-right: 10px;\n }\n .opt-btn:hover:not(:disabled) {\n background: #e2cfb0;\n }\n .opt-btn.correct-highlight {\n background: #a5d6a5;\n border-color: #2e7d32;\n }\n .opt-btn.wrong-highlight {\n background: #ef9a9a;\n border-color: #c62828;\n }\n .opt-btn:disabled {\n cursor: default;\n opacity: 0.8;\n }\n .feedback {\n margin-top: 15px;\n padding: 12px;\n border-radius: 20px;\n background: #f3efdf;\n font-size: 0.9rem;\n border-left: 5px solid #d4af37;\n }\n .next-btn, .restart-btn {\n background: #846c3e;\n border: none;\n color: white;\n font-weight: bold;\n padding: 10px;\n border-radius: 40px;\n font-size: 1rem;\n cursor: pointer;\n margin-top: 10px;\n width: 100%;\n }\n .next-btn:hover, .restart-btn:hover {\n background: #5f4a2a;\n }\n .game-status {\n font-size: 0.75rem;\n text-align: center;\n background: #e2d5bd;\n padding: 6px;\n border-radius: 50px;\n margin-top: 8px;\n }\n footer {\n text-align: center;\n padding: 1rem;\n background: #dfd2b6;\n font-size: 0.7rem;\n color: #4a3a22;\n }\n .disclaimer {\n font-size: 0.65rem;\n text-align: center;\n margin-top: 8px;\n color: #6b5a3e;\n }\n @media (max-width: 780px) {\n .hero h1 { font-size: 1.3rem; }\n .hero-portrait { flex-basis: 70px; }\n .hero-portrait i { font-size: 2.2rem; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"museum-container\">\n <div class=\"hero\">\n <div class=\"hero-text\">\n <h1><i class=\"fas fa-compass\"><\/i> Ancient Chinese H\u00f9x\u012bnj\u00ecng <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Museum Test Prep App<\/span><\/h1>\n <p><i class=\"fas fa-heart\"><\/i> The Heart-Protecting Mirror \u2014 “Keep thy heart with all diligence; for out of it are the issues of life” (Proverbs 4:23)<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-mask\"><\/i>\n <p><i class=\"fas fa-shield-haltered\"><\/i> Tang\u2013Qing Dynasties<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex-main\">\n <div class=\"article-panel\">\n <h2><i class=\"fas fa-scroll\"><\/i> Ancient Chinese H\u00f9x\u012bnj\u00ecng (\u8b77\u5fc3\u93e1): The Heart-Protecting Mirror<\/h2>\n <p>The H\u00f9x\u012bnj\u00ecng, or \u201cHeart-Protecting Mirror,\u201d represents a unique intersection of ballistic defense and spiritual symbolism in East Asian warfare. Appearing prominently from the Tang Dynasty (618\u2013907 C.E.) through the Qing Dynasty (1644\u20131912 C.E.), these circular plates were typically fashioned from polished bronze, silver, or brass and fastened directly over the chest of a warrior\u2019s armor. Unlike Western breastplates that covered the entire torso, the H\u00f9x\u012bnj\u00ecng focused specialized protection on the most vital organ: the heart.<\/p>\n \n <div class=\"features-grid\">\n <span class=\"feature-badge\"><i class=\"fas fa-mirror\"><\/i> Polished Bronze\/Silver<\/span>\n <span class=\"feature-badge\"><i class=\"fas fa-bullseye\"><\/i> Targeted Heart Protection<\/span>\n <span class=\"feature-badge\"><i class=\"fas fa-sun\"><\/i> Reflective “Brilliant Armor”<\/span>\n <span class=\"feature-badge\"><i class=\"fas fa-shield-alt\"><\/i> Spiritual Ward<\/span>\n <span class=\"feature-badge\"><i class=\"fas fa-feather-alt\"><\/i> High Mobility<\/span>\n <\/div>\n\n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cKeep thy heart with all diligence; for out of it are the issues of life.\u201d \u2014 Proverbs 4:23 (KJV)\n <\/div>\n\n <h3><i class=\"fas fa-microscope\"><\/i> Materiality & Mirror Functionality<\/h3>\n <p><strong>Dual Purpose:<\/strong> Physically, it provided a reinforced layer of defense against high-velocity projectiles. Symbolically, the mirror was believed to reflect and deflect negative spiritual influences. The transition from heavy bronze to refined alloys allowed the H\u00f9x\u012bnj\u00ecng to become \u201cBrilliant Armor\u201d (mingguang kai), known for its ability to catch and reflect sunlight during battle, disorienting opponents.<\/p>\n <p><strong>Targeted Protection:<\/strong> Unlike Western breastplates covering the entire torso, the H\u00f9x\u012bnj\u00ecng focused specialized protection on the most vital organ \u2014 the heart. This design maximized mobility while shielding the source of life.<\/p>\n <p><strong>Reflective Symbolism:<\/strong> The polished surface acted as a spiritual \u201cward,\u201d reflecting evil. As Proverbs 27:19 states: \u201cAs in water face answereth to face, so the heart of man to man.\u201d<\/p>\n\n <h3><i class=\"fas fa-church\"><\/i> Biblical Reflection & Righteousness<\/h3>\n <p>The H\u00f9x\u012bnj\u00ecng perfectly illustrates the biblical metaphor of the heart as the center of human character. In Scripture, the heart is not merely a pump, but the \u201cwellspring of life\u201d that must be guarded with total vigilance. The reflective nature of the mirror echoes the wisdom that a righteous heart acts as a mirror, revealing true character. Just as a warrior polished his mirror for clarity, the believer must maintain a righteous heart to reflect the light of Christ.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cAs in water face answereth to face, so the heart of man to man.\u201d \u2014 Proverbs 27:19 (KJV)\n <\/div>\n\n <h3><i class=\"fas fa-comment-dots\"><\/i> Reflection in Life<\/h3>\n <p>The H\u00f9x\u012bnj\u00ecng was small, yet it protected the most critical part of the soldier. It teaches us that \u201crighteousness\u201d is not about a massive, outward show of strength, but about a targeted, intentional protection of our innermost desires and motives. Consider your own heart: Is your \u201cmirror\u201d polished and bright, reflecting God\u2019s light to those around you? Or has it become tarnished by hidden compromise, losing its ability to deflect the \u201carrows\u201d of temptation? A single scratch on the heart-mirror can blur the entire reflection. Guard your center with the same diligence a warrior guards his life.<\/p>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> D\u2019Amato & Sumner (2009), Laidacker (2014), Needham (1962).\n <\/div>\n <\/div>\n\n <div class=\"game-sat-panel\">\n <div class=\"mode-selector\">\n <i class=\"fas fa-graduation-cap\"><\/i> <strong>Choose Your Exam<\/strong>\n <div class=\"mode-buttons\">\n <button id=\"modeSAT\" class=\"mode-btn sat\"><i class=\"fab fa-sat\"><\/i> SAT<\/button>\n <button id=\"modePSAT\" class=\"mode-btn psat\"><i class=\"fas fa-pen-fancy\"><\/i> PSAT<\/button>\n <button id=\"modeACT\" class=\"mode-btn act\"><i class=\"fas fa-bolt\"><\/i> ACT<\/button>\n <\/div>\n <\/div>\n <div class=\"quiz-header\">\n <h3 id=\"modeTitle\"><i class=\"fas fa-brain\"><\/i> SAT \u2726 Heart-Righteousness Prep<\/h3>\n <div class=\"score-area\"><i class=\"fas fa-star\"><\/i> Score: <span id=\"scoreValue\">0<\/span> \/ 600<\/div>\n <\/div>\n <div class=\"question-card\" id=\"quizContainer\">\n <div id=\"dynamicQuestionArea\"><\/div>\n <div id=\"feedbackArea\" class=\"feedback\"><i class=\"fas fa-info-circle\"><\/i> Select an exam mode above to begin.<\/div>\n <button id=\"nextButton\" class=\"next-btn\" style=\"display: none;\"><i class=\"fas fa-arrow-right\"><\/i> Next Question<\/button>\n <button id=\"restartButton\" class=\"restart-btn\"><i class=\"fas fa-undo-alt\"><\/i> Restart Quiz<\/button>\n <div class=\"game-status\"><i class=\"fas fa-hourglass-half\"><\/i> 6 questions per exam \u2022 H\u00f9x\u012bnj\u00ecng & the Heart-Protecting Mirror<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer>\n <i class=\"fas fa-compass\"><\/i> Museum Test Prep App | SAT \u2022 PSAT \u2022 ACT modes | Ancient Chinese H\u00f9x\u012bnj\u00ecng (Heart-Protecting Mirror)\n <div class=\"disclaimer\">\n <i class=\"fas fa-balance-scale\"><\/i> SAT, PSAT, and ACT are registered trademarks of their respective owners. This educational tool is not affiliated with or endorsed by College Board or ACT Inc. All questions are original and based on historical and biblical content.\n <\/div>\n <\/footer>\n<\/div>\n\n<script>\n \/\/ ========== ANCIENT CHINESE H\u00d9X\u012aNJ\u00ccNG QUESTION BANKS ==========\n \n \/\/ SAT Style \u2014 Analytical, symbolic, cross-cultural biblical connections\n const SAT_QUESTIONS = [\n { topic: \"Design Purpose\", text: \"Unlike Western breastplates that covered the entire torso, the H\u00f9x\u012bnj\u00ecng focused protection specifically on the heart. This design choice demonstrates that:\", options: [\"Chinese armor was inferior\", \"Righteousness is targeted protection of the innermost motives, not an outward show of strength\", \"The heart is not important\", \"Only mirrors can protect\"], correct: 1, explanation: \"The H\u00f9x\u012bnj\u00ecng teaches that righteousness guards the core \u2014 the heart \u2014 rather than merely displaying external religiosity.\" },\n { topic: \"Biblical Connection\", text: \"The exhibit connects the H\u00f9x\u012bnj\u00ecng's reflective surface to Proverbs 27:19 ('As in water face answereth to face, so the heart of man to man'). This verse emphasizes that:\", options: [\"Mirrors are essential\", \"A righteous heart acts as a mirror, revealing true character and reflecting God's light\", \"Water is symbolic\", \"Only kings have hearts\"], correct: 1, explanation: \"Just as a polished mirror reflects the face, a righteous heart reflects truth and the character of God.\" },\n { topic: \"Symbolic Dualism\", text: \"The H\u00f9x\u012bnj\u00ecng served both as physical armor and a spiritual 'ward.' This dual function illustrates the biblical principle that righteousness:\", options: [\"Is only physical\", \"Is only spiritual\", \"Protects both body and soul \u2014 the inner life must be guarded with the same diligence as outward actions\", \"Is irrelevant\"], correct: 2, explanation: \"Physical protection of the heart mirrors the spiritual need to guard one's inner life from corruption.\" },\n { topic: \"Righteousness Definition\", text: \"According to the exhibit, the H\u00f9x\u012bnj\u00ecng teaches that 'righteousness is not about a massive, outward show of strength, but about a targeted, intentional protection of our innermost desires.' This means:\", options: [\"Righteousness is weak\", \"Outward religiosity matters more than inner purity\", \"God cares most about the heart \u2014 the inner life must be guarded intentionally, not just outwardly performative\", \"Only actions matter\"], correct: 2, explanation: \"The small mirror protected the vital organ \u2014 righteousness focuses on the heart, not external appearances.\" },\n { topic: \"Reflective Wisdom\", text: \"The H\u00f9x\u012bnj\u00ecng was polished to catch and reflect sunlight, disorienting opponents. Spiritually, this represents:\", options: [\"Trickery in battle\", \"A righteous life reflects God's light and can 'disorient' darkness\", \"Vanity and pride\", \"Military tactics only\"], correct: 1, explanation: \"Just as the mirror reflects sunlight, a righteous heart reflects divine light, exposing and disorienting evil.\" },\n { topic: \"Reflection Application\", text: \"The reflection asks: 'Is your mirror polished and bright, or has it become tarnished by hidden compromise?' This question encourages:\", options: [\"Perfectionism\", \"Self-examination about hidden sins that blur one's reflection of God's character\", \"Ignoring the heart\", \"Focus on outward appearance\"], correct: 1, explanation: \"Tarnish on a mirror blurs the image \u2014 hidden compromise distorts our reflection of Christ to the world.\" }\n ];\n\n \/\/ PSAT Style \u2014 Main idea, vocabulary, simpler connections\n const PSAT_QUESTIONS = [\n { topic: \"Name Meaning\", text: \"The term 'H\u00f9x\u012bnj\u00ecng' (\u8b77\u5fc3\u93e1) most nearly means:\", options: [\"Warrior's helmet\", \"Heart-Protecting Mirror\", \"Sword of courage\", \"Brass shield\"], correct: 1, explanation: \"H\u00f9x\u012bn = protect heart; j\u00ecng = mirror.\" },\n { topic: \"Biblical Verse\", text: \"The Bible verse that says 'Keep thy heart with all diligence; for out of it are the issues of life' is found in:\", options: [\"Psalm 23\", \"Proverbs 4:23\", \"Isaiah 40\", \"Matthew 5\"], correct: 1, explanation: \"Proverbs 4:23 commands vigilant guarding of the heart as the source of life.\" },\n { topic: \"Material Evolution\", text: \"The H\u00f9x\u012bnj\u00ecng evolved from simple bronze disks to:\", options: [\"Iron plates\", \"Intricately engraved silver plates and 'Brilliant Armor' (mingguang kai)\", \"Wooden shields\", \"Leather patches\"], correct: 1, explanation: \"Refined alloys allowed reflective brilliance, catching sunlight to disorient opponents.\" },\n { topic: \"Reflective Symbolism\", text: \"The polished mirror surface symbolized the ability to:\", options: [\"See the future\", \"Reflect and deflect negative spiritual influences\", \"Store sunlight\", \"Hide from enemies\"], correct: 1, explanation: \"The mirror acted as a spiritual ward, reflecting evil.\" },\n { topic: \"Historical Period\", text: \"The H\u00f9x\u012bnj\u00ecng was used prominently from the Tang Dynasty through the:\", options: [\"Han Dynasty\", \"Qing Dynasty\", \"Ming Dynasty\", \"Song Dynasty\"], correct: 1, explanation: \"It appeared from Tang (618\u2013907 C.E.) through Qing (1644\u20131912 C.E.).\" },\n { topic: \"Heart Metaphor\", text: \"In both the exhibit and Scripture, the 'heart' represents:\", options: [\"Only the physical organ\", \"The center of human character, motives, and spiritual life\", \"The brain\", \"Emotions only\"], correct: 1, explanation: \"The heart is the 'wellspring of life' \u2014 the core of who we are.\" }\n ];\n\n \/\/ ACT Style \u2014 Detail recall, factual accuracy, specific terms\n const ACT_QUESTIONS = [\n { topic: \"Primary Material\", text: \"The H\u00f9x\u012bnj\u00ecng was typically fashioned from:\", options: [\"Gold and jade\", \"Polished bronze, silver, or brass\", \"Iron and steel\", \"Lacquered wood\"], correct: 1, explanation: \"Polished metals provided both physical defense and reflective spiritual symbolism.\" },\n { topic: \"Time Period\", text: \"The H\u00f9x\u012bnj\u00ecng appeared prominently from the Tang Dynasty through which later dynasty?\", options: [\"Yuan Dynasty\", \"Ming Dynasty\", \"Qing Dynasty\", \"Zhou Dynasty\"], correct: 2, explanation: \"The exhibit states from Tang (618\u2013907 C.E.) through Qing (1644\u20131912 C.E.).\" },\n { topic: \"Dynasties\", text: \"During which dynasty did the H\u00f9x\u012bnj\u00ecng first appear prominently?\", options: [\"Han\", \"Tang\", \"Song\", \"Ming\"], correct: 1, explanation: \"Tang Dynasty (618\u2013907 C.E.) is cited as the beginning of prominent use.\" },\n { topic: \"Terminology\", text: \"The H\u00f9x\u012bnj\u00ecng was also known as 'Brilliant Armor' \u2014 in Chinese, this is:\", options: [\"Tiepian jia\", \"Mingguang kai\", \"Longxiang kai\", \"Yunjia\"], correct: 1, explanation: \"Mingguang kai refers to the reflective brilliance of the polished metal.\" },\n { topic: \"Heart Guard\", text: \"Proverbs 4:23 commands believers to guard their heart because:\", options: [\"The heart is fragile\", \"Out of it are the issues of life (the wellspring of life flows from it)\", \"It is the only organ\", \"God lives there\"], correct: 1, explanation: \"The heart is the source of thoughts, words, and actions \u2014 all of life flows from it.\" },\n { topic: \"Tarnished Mirror\", text: \"According to the reflection, a 'tarnished' heart-mirror results in:\", options: [\"Stronger reflection\", \"Blurred reflection of God's light and compromised spiritual defense\", \"No change\", \"Brighter shine\"], correct: 1, explanation: \"Hidden compromise distorts our ability to reflect Christ and deflect temptation.\" }\n ];\n\n let currentMode = \"SAT\";\n let currentQuestions = [...SAT_QUESTIONS];\n let currentIndex = 0;\n let playerScore = 0;\n let quizAnswered = false;\n let selectedOptIdx = null;\n let totalPerMode = 6;\n\n \/\/ 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 === \"SAT\") currentQuestions = [...SAT_QUESTIONS];\n else if (mode === \"PSAT\") currentQuestions = [...PSAT_QUESTIONS];\n else currentQuestions = [...ACT_QUESTIONS];\n \n let icon = mode === \"SAT\" ? '<i class=\"fab fa-sat\"><\/i>' : (mode === \"PSAT\" ? '<i class=\"fas fa-pen-fancy\"><\/i>' : '<i class=\"fas fa-bolt\"><\/i>');\n modeTitle.innerHTML = `${icon} ${mode} \u2726 Heart-Righteousness Prep`;\n \n currentIndex = 0;\n playerScore = 0;\n quizAnswered = false;\n selectedOptIdx = null;\n updateScoreUI();\n nextBtn.style.display = \"none\";\n feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\"><\/i> ${mode} mode activated. Answer 6 questions about the H\u00f9x\u012bnj\u00ecng and the heart-protecting mirror of righteousness.`;\n renderQuestion();\n \n document.querySelectorAll('.mode-btn').forEach(btn => btn.classList.remove('active'));\n if (mode === \"SAT\") document.getElementById(\"modeSAT\").classList.add('active');\n if (mode === \"PSAT\") document.getElementById(\"modePSAT\").classList.add('active');\n if (mode === \"ACT\") document.getElementById(\"modeACT\").classList.add('active');\n }\n\n function renderQuestion() {\n if (currentIndex >= totalPerMode) {\n dynamicArea.innerHTML = `\n <div style=\"text-align:center; padding:20px;\">\n <i class=\"fas fa-trophy\" style=\"font-size:3rem; color:#d4af37;\"><\/i>\n <h3>${currentMode} Complete!<\/h3>\n <p>Your score: ${playerScore} \/ ${totalPerMode*100}<\/p>\n <p><i class=\"fas fa-medal\"><\/i> ${getFinalMessage()}<\/p>\n <i class=\"fas fa-sync-alt\"><\/i> Switch exam mode or press Restart.\n <\/div>\n `;\n nextBtn.style.display = \"none\";\n quizAnswered = true;\n return;\n }\n\n const q = currentQuestions[currentIndex];\n let optionsHtml = '';\n const letters = ['A', 'B', 'C', 'D'];\n q.options.forEach((opt, idx) => {\n let disabledAttr = quizAnswered ? 'disabled' : '';\n let extraClass = '';\n if (quizAnswered) {\n if (idx === q.correct) extraClass = 'correct-highlight';\n else if (idx === selectedOptIdx && idx !== q.correct) extraClass = 'wrong-highlight';\n }\n optionsHtml += `\n <button class=\"opt-btn ${extraClass}\" data-opt-index=\"${idx}\" ${disabledAttr}>\n <i class=\"fas ${idx === 0 ? 'fa-circle' : (idx === 1 ? 'fa-dot-circle' : (idx === 2 ? 'fa-record-vinyl' : 'fa-stop'))}\"><\/i>\n <strong>${letters[idx]}.<\/strong> ${escapeHtml(opt)}\n <\/button>\n `;\n });\n\n const progressHtml = `<div class=\"game-status\" style=\"margin-bottom:12px;\"><i class=\"fas fa-compass\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode}) \u2022 <i class=\"fas fa-heart\"><\/i> ${q.topic}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-mask\"><\/i> ${escapeHtml(q.text)}<\/div>\n <div class=\"options-list\" id=\"optionsList\">${optionsHtml}<\/div>\n `;\n dynamicArea.innerHTML = questionHtml;\n\n if (!quizAnswered) {\n document.querySelectorAll('.opt-btn').forEach(btn => {\n btn.addEventListener('click', (e) => {\n if (quizAnswered) return;\n const chosenIdx = parseInt(btn.getAttribute('data-opt-index'));\n handleAnswer(chosenIdx);\n });\n });\n }\n }\n\n function handleAnswer(chosenIdx) {\n if (quizAnswered) return;\n const q = currentQuestions[currentIndex];\n const isCorrect = (chosenIdx === q.correct);\n selectedOptIdx = chosenIdx;\n if (isCorrect) {\n playerScore += 100;\n updateScoreUI();\n feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\" style=\"color:#2e7d32;\"><\/i> \u2705 ${q.explanation} <i class=\"fas fa-award\"><\/i> +100 points (${q.topic})`;\n } else {\n const correctLetter = String.fromCharCode(65 + q.correct);\n const correctText = q.options[q.correct];\n feedbackDiv.innerHTML = `<i class=\"fas fa-times-circle\" style=\"color:#b71c1c;\"><\/i> Incorrect. Correct answer: ${correctLetter}: ${escapeHtml(correctText)}.<br>\ud83d\udcd6 ${q.explanation} (${q.topic})`;\n }\n quizAnswered = true;\n renderQuestion();\n nextBtn.style.display = \"block\";\n }\n\n function nextQuestion() {\n if (!quizAnswered && currentIndex < totalPerMode) {\n feedbackDiv.innerHTML = `<i class=\"fas fa-exclamation-triangle\"><\/i> Please answer before continuing.`;\n return;\n }\n if (currentIndex + 1 <= totalPerMode) {\n currentIndex++;\n quizAnswered = false;\n selectedOptIdx = null;\n nextBtn.style.display = \"none\";\n if (currentIndex < totalPerMode) {\n feedbackDiv.innerHTML = `<i class=\"fas fa-lightbulb\"><\/i> Read the article carefully, then choose the best answer.`;\n renderQuestion();\n } else {\n renderQuestion();\n nextBtn.style.display = \"none\";\n }\n }\n }\n\n function restartQuiz() {\n loadMode(currentMode);\n }\n\n function getFinalMessage() {\n let maxScore = totalPerMode * 100;\n if (playerScore === maxScore) return `\ud83c\udfc6 Perfect ${currentMode} score! You understand the H\u00f9x\u012bnj\u00ecng and the call to guard your heart with righteousness.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! Keep your mirror polished \u2014 reflect the light.`;\n return `\ud83d\udcdc Review the exhibit about the heart-protecting mirror and Proverbs 4:23. \u201cKeep thy heart with all diligence.\u201d`;\n }\n\n function escapeHtml(str) {\n return str.replace(\/[&<>]\/g, function(m) {\n if (m === '&') return '&';\n if (m === '<') return '<';\n if (m === '>') return '>';\n return m;\n });\n }\n\n \/\/ Event bindings\n document.getElementById(\"modeSAT\").addEventListener(\"click\", () => loadMode(\"SAT\"));\n document.getElementById(\"modePSAT\").addEventListener(\"click\", () => loadMode(\"PSAT\"));\n document.getElementById(\"modeACT\").addEventListener(\"click\", () => loadMode(\"ACT\"));\n nextBtn.addEventListener(\"click\", nextQuestion);\n restartBtn.addEventListener(\"click\", restartQuiz);\n \n \/\/ Initialize with SAT\n loadMode(\"SAT\");\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Museum Test Prep App | Ancient Chinese H\u00f9x\u012bnj\u00ecng \u2022 SAT \u2022 PSAT \u2022 ACT Ancient Chinese H\u00f9x\u012bnj\u00ecng Museum Test Prep App The Heart-Protecting Mirror \u2014 “Keep thy heart with all diligence; for out of it are the issues of life” (Proverbs 4:23) Tang\u2013Qing Dynasties Ancient Chinese H\u00f9x\u012bnj\u00ecng (\u8b77\u5fc3\u93e1): The Heart-Protecting Mirror The H\u00f9x\u012bnj\u00ecng, or \u201cHeart-Protecting […]<\/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-925","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/925","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=925"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/925\/revisions"}],"predecessor-version":[{"id":927,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/925\/revisions\/927"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":925,"date":"2026-05-17T21:56:43","date_gmt":"2026-05-17T21:56:43","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=925"},"modified":"2026-05-17T21:57:08","modified_gmt":"2026-05-17T21:57:08","slug":"museum-test-prep-app-the-ancient-chinese-huxinjing","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/museum-test-prep-app-the-ancient-chinese-huxinjing\/","title":{"rendered":"Museum Test Prep App-The Ancient Chinese H\u00f9x\u012bnj\u00ecng"},"content":{"rendered":"\n\n\n\n \n \n Museum Test Prep App | Ancient Chinese H\u00f9x\u012bnj\u00ecng \u2022 SAT \u2022 PSAT \u2022 ACT<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #1f2a1f;\n font-family: 'Georgia', 'Times New Roman', Times, serif;\n color: #2c2b28;\n line-height: 1.5;\n padding: 20px;\n }\n\n .museum-container {\n max-width: 1400px;\n margin: 0 auto;\n background: #fef7e0;\n border-radius: 28px;\n box-shadow: 0 20px 35px rgba(0,0,0,0.3), 0 0 0 1px #b89870 inset;\n overflow: hidden;\n }\n\n .hero {\n background: linear-gradient(135deg, #6b4e2e 0%, #4a3420 100%);\n padding: 1.8rem 2.5rem;\n border-bottom: 6px solid #d4af37;\n color: #f5e7cf;\n display: flex;\n align-items: center;\n gap: 20px;\n flex-wrap: wrap;\n }\n .hero-text {\n flex: 2;\n }\n .hero h1 {\n font-size: 2rem;\n letter-spacing: 1px;\n font-weight: 600;\n }\n .hero h1 i {\n color: #d4af37;\n margin-right: 10px;\n }\n .hero h1 .app-badge {\n font-size: 0.8rem;\n background: #d4af3733;\n padding: 0.2rem 0.8rem;\n border-radius: 40px;\n margin-left: 12px;\n vertical-align: middle;\n }\n .hero p {\n font-size: 1rem;\n font-style: italic;\n margin-top: 0.5rem;\n opacity: 0.85;\n }\n .hero-portrait {\n flex: 0 0 100px;\n text-align: center;\n background: #d4af3730;\n padding: 8px;\n border-radius: 50%;\n border: 2px solid #d4af37;\n }\n .hero-portrait i {\n font-size: 3.5rem;\n color: #ecd9b4;\n }\n .hero-portrait p {\n font-size: 0.65rem;\n margin-top: 5px;\n }\n\n .flex-main {\n display: flex;\n flex-wrap: wrap;\n }\n .article-panel {\n flex: 1.6;\n min-width: 280px;\n padding: 2rem 2rem 2rem 2.2rem;\n background: #fffaf2;\n border-right: 1px solid #ecd9b4;\n }\n .game-sat-panel {\n flex: 1.2;\n min-width: 350px;\n background: #f9efdf;\n padding: 2rem 1.8rem;\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n .article-panel h2 {\n font-size: 1.8rem;\n border-left: 7px solid #d4af37;\n padding-left: 1rem;\n margin: 0.75rem 0 1rem 0;\n color: #5a3a2a;\n }\n .article-panel h2 i {\n color: #d4af37;\n margin-right: 10px;\n }\n .article-panel h3 {\n font-size: 1.3rem;\n margin: 1.4rem 0 0.5rem 0;\n color: #8b5a2b;\n font-weight: 600;\n }\n .article-panel p {\n margin-bottom: 0.9rem;\n text-align: justify;\n }\n .features-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin: 15px 0;\n }\n .feature-badge {\n background: #e9e0cf;\n padding: 6px 14px;\n border-radius: 40px;\n font-size: 0.8rem;\n border: 1px solid #cfb37a;\n }\n .feature-badge i {\n margin-right: 6px;\n font-size: 0.7rem;\n }\n .inset-quote {\n background: #e9e0cf;\n padding: 0.8rem 1.3rem;\n border-left: 4px solid #d4af37;\n margin: 1.2rem 0;\n border-radius: 12px;\n font-weight: 500;\n }\n .reference-list {\n font-size: 0.8rem;\n margin-top: 1.5rem;\n border-top: 1px dashed #cfbc93;\n padding-top: 1rem;\n color: #5e4b2b;\n }\n\n \/* Mode Selection & Quiz Styles *\/\n .mode-selector {\n background: white;\n border-radius: 28px;\n padding: 1.2rem;\n text-align: center;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n .mode-buttons {\n display: flex;\n gap: 12px;\n justify-content: center;\n margin-top: 12px;\n flex-wrap: wrap;\n }\n .mode-btn {\n flex: 1;\n min-width: 90px;\n padding: 12px;\n border: none;\n border-radius: 60px;\n font-weight: bold;\n font-size: 1rem;\n cursor: pointer;\n transition: 0.2s;\n font-family: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n .mode-btn.sat {\n background: #1e3a2f;\n color: white;\n }\n .mode-btn.psat {\n background: #2c5f6e;\n color: white;\n }\n .mode-btn.act {\n background: #8b5a2b;\n color: white;\n }\n .mode-btn:hover {\n transform: translateY(-2px);\n filter: brightness(1.05);\n }\n .mode-btn.active {\n box-shadow: 0 0 0 3px #ffd966;\n }\n .quiz-header {\n background: linear-gradient(145deg, #6b4e2e, #4a3420);\n color: white;\n padding: 1rem;\n border-radius: 28px;\n text-align: center;\n }\n .score-area {\n font-size: 1.6rem;\n font-weight: bold;\n background: #00000055;\n display: inline-block;\n padding: 0.2rem 1.2rem;\n border-radius: 40px;\n margin-top: 8px;\n }\n .question-card {\n background: white;\n border-radius: 28px;\n padding: 1.5rem;\n box-shadow: 0 8px 18px rgba(0,0,0,0.1);\n }\n .question-text {\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 1.2rem;\n background: #fdf4e0;\n padding: 12px;\n border-radius: 20px;\n border-left: 5px solid #d4af37;\n }\n .options-list {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 1.5rem;\n }\n .opt-btn {\n background: #efe2cf;\n border: 2px solid #cfb37a;\n padding: 10px 14px;\n border-radius: 60px;\n font-family: 'Segoe UI', 'Georgia', serif;\n font-size: 0.9rem;\n text-align: left;\n cursor: pointer;\n transition: 0.2s;\n }\n .opt-btn i {\n margin-right: 10px;\n }\n .opt-btn:hover:not(:disabled) {\n background: #e2cfb0;\n }\n .opt-btn.correct-highlight {\n background: #a5d6a5;\n border-color: #2e7d32;\n }\n .opt-btn.wrong-highlight {\n background: #ef9a9a;\n border-color: #c62828;\n }\n .opt-btn:disabled {\n cursor: default;\n opacity: 0.8;\n }\n .feedback {\n margin-top: 15px;\n padding: 12px;\n border-radius: 20px;\n background: #f3efdf;\n font-size: 0.9rem;\n border-left: 5px solid #d4af37;\n }\n .next-btn, .restart-btn {\n background: #846c3e;\n border: none;\n color: white;\n font-weight: bold;\n padding: 10px;\n border-radius: 40px;\n font-size: 1rem;\n cursor: pointer;\n margin-top: 10px;\n width: 100%;\n }\n .next-btn:hover, .restart-btn:hover {\n background: #5f4a2a;\n }\n .game-status {\n font-size: 0.75rem;\n text-align: center;\n background: #e2d5bd;\n padding: 6px;\n border-radius: 50px;\n margin-top: 8px;\n }\n footer {\n text-align: center;\n padding: 1rem;\n background: #dfd2b6;\n font-size: 0.7rem;\n color: #4a3a22;\n }\n .disclaimer {\n font-size: 0.65rem;\n text-align: center;\n margin-top: 8px;\n color: #6b5a3e;\n }\n @media (max-width: 780px) {\n .hero h1 { font-size: 1.3rem; }\n .hero-portrait { flex-basis: 70px; }\n .hero-portrait i { font-size: 2.2rem; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"museum-container\">\n <div class=\"hero\">\n <div class=\"hero-text\">\n <h1><i class=\"fas fa-compass\"><\/i> Ancient Chinese H\u00f9x\u012bnj\u00ecng <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Museum Test Prep App<\/span><\/h1>\n <p><i class=\"fas fa-heart\"><\/i> The Heart-Protecting Mirror \u2014 “Keep thy heart with all diligence; for out of it are the issues of life” (Proverbs 4:23)<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-mask\"><\/i>\n <p><i class=\"fas fa-shield-haltered\"><\/i> Tang\u2013Qing Dynasties<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex-main\">\n <div class=\"article-panel\">\n <h2><i class=\"fas fa-scroll\"><\/i> Ancient Chinese H\u00f9x\u012bnj\u00ecng (\u8b77\u5fc3\u93e1): The Heart-Protecting Mirror<\/h2>\n <p>The H\u00f9x\u012bnj\u00ecng, or \u201cHeart-Protecting Mirror,\u201d represents a unique intersection of ballistic defense and spiritual symbolism in East Asian warfare. Appearing prominently from the Tang Dynasty (618\u2013907 C.E.) through the Qing Dynasty (1644\u20131912 C.E.), these circular plates were typically fashioned from polished bronze, silver, or brass and fastened directly over the chest of a warrior\u2019s armor. Unlike Western breastplates that covered the entire torso, the H\u00f9x\u012bnj\u00ecng focused specialized protection on the most vital organ: the heart.<\/p>\n \n <div class=\"features-grid\">\n <span class=\"feature-badge\"><i class=\"fas fa-mirror\"><\/i> Polished Bronze\/Silver<\/span>\n <span class=\"feature-badge\"><i class=\"fas fa-bullseye\"><\/i> Targeted Heart Protection<\/span>\n <span class=\"feature-badge\"><i class=\"fas fa-sun\"><\/i> Reflective “Brilliant Armor”<\/span>\n <span class=\"feature-badge\"><i class=\"fas fa-shield-alt\"><\/i> Spiritual Ward<\/span>\n <span class=\"feature-badge\"><i class=\"fas fa-feather-alt\"><\/i> High Mobility<\/span>\n <\/div>\n\n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cKeep thy heart with all diligence; for out of it are the issues of life.\u201d \u2014 Proverbs 4:23 (KJV)\n <\/div>\n\n <h3><i class=\"fas fa-microscope\"><\/i> Materiality & Mirror Functionality<\/h3>\n <p><strong>Dual Purpose:<\/strong> Physically, it provided a reinforced layer of defense against high-velocity projectiles. Symbolically, the mirror was believed to reflect and deflect negative spiritual influences. The transition from heavy bronze to refined alloys allowed the H\u00f9x\u012bnj\u00ecng to become \u201cBrilliant Armor\u201d (mingguang kai), known for its ability to catch and reflect sunlight during battle, disorienting opponents.<\/p>\n <p><strong>Targeted Protection:<\/strong> Unlike Western breastplates covering the entire torso, the H\u00f9x\u012bnj\u00ecng focused specialized protection on the most vital organ \u2014 the heart. This design maximized mobility while shielding the source of life.<\/p>\n <p><strong>Reflective Symbolism:<\/strong> The polished surface acted as a spiritual \u201cward,\u201d reflecting evil. As Proverbs 27:19 states: \u201cAs in water face answereth to face, so the heart of man to man.\u201d<\/p>\n\n <h3><i class=\"fas fa-church\"><\/i> Biblical Reflection & Righteousness<\/h3>\n <p>The H\u00f9x\u012bnj\u00ecng perfectly illustrates the biblical metaphor of the heart as the center of human character. In Scripture, the heart is not merely a pump, but the \u201cwellspring of life\u201d that must be guarded with total vigilance. The reflective nature of the mirror echoes the wisdom that a righteous heart acts as a mirror, revealing true character. Just as a warrior polished his mirror for clarity, the believer must maintain a righteous heart to reflect the light of Christ.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cAs in water face answereth to face, so the heart of man to man.\u201d \u2014 Proverbs 27:19 (KJV)\n <\/div>\n\n <h3><i class=\"fas fa-comment-dots\"><\/i> Reflection in Life<\/h3>\n <p>The H\u00f9x\u012bnj\u00ecng was small, yet it protected the most critical part of the soldier. It teaches us that \u201crighteousness\u201d is not about a massive, outward show of strength, but about a targeted, intentional protection of our innermost desires and motives. Consider your own heart: Is your \u201cmirror\u201d polished and bright, reflecting God\u2019s light to those around you? Or has it become tarnished by hidden compromise, losing its ability to deflect the \u201carrows\u201d of temptation? A single scratch on the heart-mirror can blur the entire reflection. Guard your center with the same diligence a warrior guards his life.<\/p>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> D\u2019Amato & Sumner (2009), Laidacker (2014), Needham (1962).\n <\/div>\n <\/div>\n\n <div class=\"game-sat-panel\">\n <div class=\"mode-selector\">\n <i class=\"fas fa-graduation-cap\"><\/i> <strong>Choose Your Exam<\/strong>\n <div class=\"mode-buttons\">\n <button id=\"modeSAT\" class=\"mode-btn sat\"><i class=\"fab fa-sat\"><\/i> SAT<\/button>\n <button id=\"modePSAT\" class=\"mode-btn psat\"><i class=\"fas fa-pen-fancy\"><\/i> PSAT<\/button>\n <button id=\"modeACT\" class=\"mode-btn act\"><i class=\"fas fa-bolt\"><\/i> ACT<\/button>\n <\/div>\n <\/div>\n <div class=\"quiz-header\">\n <h3 id=\"modeTitle\"><i class=\"fas fa-brain\"><\/i> SAT \u2726 Heart-Righteousness Prep<\/h3>\n <div class=\"score-area\"><i class=\"fas fa-star\"><\/i> Score: <span id=\"scoreValue\">0<\/span> \/ 600<\/div>\n <\/div>\n <div class=\"question-card\" id=\"quizContainer\">\n <div id=\"dynamicQuestionArea\"><\/div>\n <div id=\"feedbackArea\" class=\"feedback\"><i class=\"fas fa-info-circle\"><\/i> Select an exam mode above to begin.<\/div>\n <button id=\"nextButton\" class=\"next-btn\" style=\"display: none;\"><i class=\"fas fa-arrow-right\"><\/i> Next Question<\/button>\n <button id=\"restartButton\" class=\"restart-btn\"><i class=\"fas fa-undo-alt\"><\/i> Restart Quiz<\/button>\n <div class=\"game-status\"><i class=\"fas fa-hourglass-half\"><\/i> 6 questions per exam \u2022 H\u00f9x\u012bnj\u00ecng & the Heart-Protecting Mirror<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer>\n <i class=\"fas fa-compass\"><\/i> Museum Test Prep App | SAT \u2022 PSAT \u2022 ACT modes | Ancient Chinese H\u00f9x\u012bnj\u00ecng (Heart-Protecting Mirror)\n <div class=\"disclaimer\">\n <i class=\"fas fa-balance-scale\"><\/i> SAT, PSAT, and ACT are registered trademarks of their respective owners. This educational tool is not affiliated with or endorsed by College Board or ACT Inc. All questions are original and based on historical and biblical content.\n <\/div>\n <\/footer>\n<\/div>\n\n<script>\n \/\/ ========== ANCIENT CHINESE H\u00d9X\u012aNJ\u00ccNG QUESTION BANKS ==========\n \n \/\/ SAT Style \u2014 Analytical, symbolic, cross-cultural biblical connections\n const SAT_QUESTIONS = [\n { topic: \"Design Purpose\", text: \"Unlike Western breastplates that covered the entire torso, the H\u00f9x\u012bnj\u00ecng focused protection specifically on the heart. This design choice demonstrates that:\", options: [\"Chinese armor was inferior\", \"Righteousness is targeted protection of the innermost motives, not an outward show of strength\", \"The heart is not important\", \"Only mirrors can protect\"], correct: 1, explanation: \"The H\u00f9x\u012bnj\u00ecng teaches that righteousness guards the core \u2014 the heart \u2014 rather than merely displaying external religiosity.\" },\n { topic: \"Biblical Connection\", text: \"The exhibit connects the H\u00f9x\u012bnj\u00ecng's reflective surface to Proverbs 27:19 ('As in water face answereth to face, so the heart of man to man'). This verse emphasizes that:\", options: [\"Mirrors are essential\", \"A righteous heart acts as a mirror, revealing true character and reflecting God's light\", \"Water is symbolic\", \"Only kings have hearts\"], correct: 1, explanation: \"Just as a polished mirror reflects the face, a righteous heart reflects truth and the character of God.\" },\n { topic: \"Symbolic Dualism\", text: \"The H\u00f9x\u012bnj\u00ecng served both as physical armor and a spiritual 'ward.' This dual function illustrates the biblical principle that righteousness:\", options: [\"Is only physical\", \"Is only spiritual\", \"Protects both body and soul \u2014 the inner life must be guarded with the same diligence as outward actions\", \"Is irrelevant\"], correct: 2, explanation: \"Physical protection of the heart mirrors the spiritual need to guard one's inner life from corruption.\" },\n { topic: \"Righteousness Definition\", text: \"According to the exhibit, the H\u00f9x\u012bnj\u00ecng teaches that 'righteousness is not about a massive, outward show of strength, but about a targeted, intentional protection of our innermost desires.' This means:\", options: [\"Righteousness is weak\", \"Outward religiosity matters more than inner purity\", \"God cares most about the heart \u2014 the inner life must be guarded intentionally, not just outwardly performative\", \"Only actions matter\"], correct: 2, explanation: \"The small mirror protected the vital organ \u2014 righteousness focuses on the heart, not external appearances.\" },\n { topic: \"Reflective Wisdom\", text: \"The H\u00f9x\u012bnj\u00ecng was polished to catch and reflect sunlight, disorienting opponents. Spiritually, this represents:\", options: [\"Trickery in battle\", \"A righteous life reflects God's light and can 'disorient' darkness\", \"Vanity and pride\", \"Military tactics only\"], correct: 1, explanation: \"Just as the mirror reflects sunlight, a righteous heart reflects divine light, exposing and disorienting evil.\" },\n { topic: \"Reflection Application\", text: \"The reflection asks: 'Is your mirror polished and bright, or has it become tarnished by hidden compromise?' This question encourages:\", options: [\"Perfectionism\", \"Self-examination about hidden sins that blur one's reflection of God's character\", \"Ignoring the heart\", \"Focus on outward appearance\"], correct: 1, explanation: \"Tarnish on a mirror blurs the image \u2014 hidden compromise distorts our reflection of Christ to the world.\" }\n ];\n\n \/\/ PSAT Style \u2014 Main idea, vocabulary, simpler connections\n const PSAT_QUESTIONS = [\n { topic: \"Name Meaning\", text: \"The term 'H\u00f9x\u012bnj\u00ecng' (\u8b77\u5fc3\u93e1) most nearly means:\", options: [\"Warrior's helmet\", \"Heart-Protecting Mirror\", \"Sword of courage\", \"Brass shield\"], correct: 1, explanation: \"H\u00f9x\u012bn = protect heart; j\u00ecng = mirror.\" },\n { topic: \"Biblical Verse\", text: \"The Bible verse that says 'Keep thy heart with all diligence; for out of it are the issues of life' is found in:\", options: [\"Psalm 23\", \"Proverbs 4:23\", \"Isaiah 40\", \"Matthew 5\"], correct: 1, explanation: \"Proverbs 4:23 commands vigilant guarding of the heart as the source of life.\" },\n { topic: \"Material Evolution\", text: \"The H\u00f9x\u012bnj\u00ecng evolved from simple bronze disks to:\", options: [\"Iron plates\", \"Intricately engraved silver plates and 'Brilliant Armor' (mingguang kai)\", \"Wooden shields\", \"Leather patches\"], correct: 1, explanation: \"Refined alloys allowed reflective brilliance, catching sunlight to disorient opponents.\" },\n { topic: \"Reflective Symbolism\", text: \"The polished mirror surface symbolized the ability to:\", options: [\"See the future\", \"Reflect and deflect negative spiritual influences\", \"Store sunlight\", \"Hide from enemies\"], correct: 1, explanation: \"The mirror acted as a spiritual ward, reflecting evil.\" },\n { topic: \"Historical Period\", text: \"The H\u00f9x\u012bnj\u00ecng was used prominently from the Tang Dynasty through the:\", options: [\"Han Dynasty\", \"Qing Dynasty\", \"Ming Dynasty\", \"Song Dynasty\"], correct: 1, explanation: \"It appeared from Tang (618\u2013907 C.E.) through Qing (1644\u20131912 C.E.).\" },\n { topic: \"Heart Metaphor\", text: \"In both the exhibit and Scripture, the 'heart' represents:\", options: [\"Only the physical organ\", \"The center of human character, motives, and spiritual life\", \"The brain\", \"Emotions only\"], correct: 1, explanation: \"The heart is the 'wellspring of life' \u2014 the core of who we are.\" }\n ];\n\n \/\/ ACT Style \u2014 Detail recall, factual accuracy, specific terms\n const ACT_QUESTIONS = [\n { topic: \"Primary Material\", text: \"The H\u00f9x\u012bnj\u00ecng was typically fashioned from:\", options: [\"Gold and jade\", \"Polished bronze, silver, or brass\", \"Iron and steel\", \"Lacquered wood\"], correct: 1, explanation: \"Polished metals provided both physical defense and reflective spiritual symbolism.\" },\n { topic: \"Time Period\", text: \"The H\u00f9x\u012bnj\u00ecng appeared prominently from the Tang Dynasty through which later dynasty?\", options: [\"Yuan Dynasty\", \"Ming Dynasty\", \"Qing Dynasty\", \"Zhou Dynasty\"], correct: 2, explanation: \"The exhibit states from Tang (618\u2013907 C.E.) through Qing (1644\u20131912 C.E.).\" },\n { topic: \"Dynasties\", text: \"During which dynasty did the H\u00f9x\u012bnj\u00ecng first appear prominently?\", options: [\"Han\", \"Tang\", \"Song\", \"Ming\"], correct: 1, explanation: \"Tang Dynasty (618\u2013907 C.E.) is cited as the beginning of prominent use.\" },\n { topic: \"Terminology\", text: \"The H\u00f9x\u012bnj\u00ecng was also known as 'Brilliant Armor' \u2014 in Chinese, this is:\", options: [\"Tiepian jia\", \"Mingguang kai\", \"Longxiang kai\", \"Yunjia\"], correct: 1, explanation: \"Mingguang kai refers to the reflective brilliance of the polished metal.\" },\n { topic: \"Heart Guard\", text: \"Proverbs 4:23 commands believers to guard their heart because:\", options: [\"The heart is fragile\", \"Out of it are the issues of life (the wellspring of life flows from it)\", \"It is the only organ\", \"God lives there\"], correct: 1, explanation: \"The heart is the source of thoughts, words, and actions \u2014 all of life flows from it.\" },\n { topic: \"Tarnished Mirror\", text: \"According to the reflection, a 'tarnished' heart-mirror results in:\", options: [\"Stronger reflection\", \"Blurred reflection of God's light and compromised spiritual defense\", \"No change\", \"Brighter shine\"], correct: 1, explanation: \"Hidden compromise distorts our ability to reflect Christ and deflect temptation.\" }\n ];\n\n let currentMode = \"SAT\";\n let currentQuestions = [...SAT_QUESTIONS];\n let currentIndex = 0;\n let playerScore = 0;\n let quizAnswered = false;\n let selectedOptIdx = null;\n let totalPerMode = 6;\n\n \/\/ 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 === \"SAT\") currentQuestions = [...SAT_QUESTIONS];\n else if (mode === \"PSAT\") currentQuestions = [...PSAT_QUESTIONS];\n else currentQuestions = [...ACT_QUESTIONS];\n \n let icon = mode === \"SAT\" ? '<i class=\"fab fa-sat\"><\/i>' : (mode === \"PSAT\" ? '<i class=\"fas fa-pen-fancy\"><\/i>' : '<i class=\"fas fa-bolt\"><\/i>');\n modeTitle.innerHTML = `${icon} ${mode} \u2726 Heart-Righteousness Prep`;\n \n currentIndex = 0;\n playerScore = 0;\n quizAnswered = false;\n selectedOptIdx = null;\n updateScoreUI();\n nextBtn.style.display = \"none\";\n feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\"><\/i> ${mode} mode activated. Answer 6 questions about the H\u00f9x\u012bnj\u00ecng and the heart-protecting mirror of righteousness.`;\n renderQuestion();\n \n document.querySelectorAll('.mode-btn').forEach(btn => btn.classList.remove('active'));\n if (mode === \"SAT\") document.getElementById(\"modeSAT\").classList.add('active');\n if (mode === \"PSAT\") document.getElementById(\"modePSAT\").classList.add('active');\n if (mode === \"ACT\") document.getElementById(\"modeACT\").classList.add('active');\n }\n\n function renderQuestion() {\n if (currentIndex >= totalPerMode) {\n dynamicArea.innerHTML = `\n <div style=\"text-align:center; padding:20px;\">\n <i class=\"fas fa-trophy\" style=\"font-size:3rem; color:#d4af37;\"><\/i>\n <h3>${currentMode} Complete!<\/h3>\n <p>Your score: ${playerScore} \/ ${totalPerMode*100}<\/p>\n <p><i class=\"fas fa-medal\"><\/i> ${getFinalMessage()}<\/p>\n <i class=\"fas fa-sync-alt\"><\/i> Switch exam mode or press Restart.\n <\/div>\n `;\n nextBtn.style.display = \"none\";\n quizAnswered = true;\n return;\n }\n\n const q = currentQuestions[currentIndex];\n let optionsHtml = '';\n const letters = ['A', 'B', 'C', 'D'];\n q.options.forEach((opt, idx) => {\n let disabledAttr = quizAnswered ? 'disabled' : '';\n let extraClass = '';\n if (quizAnswered) {\n if (idx === q.correct) extraClass = 'correct-highlight';\n else if (idx === selectedOptIdx && idx !== q.correct) extraClass = 'wrong-highlight';\n }\n optionsHtml += `\n <button class=\"opt-btn ${extraClass}\" data-opt-index=\"${idx}\" ${disabledAttr}>\n <i class=\"fas ${idx === 0 ? 'fa-circle' : (idx === 1 ? 'fa-dot-circle' : (idx === 2 ? 'fa-record-vinyl' : 'fa-stop'))}\"><\/i>\n <strong>${letters[idx]}.<\/strong> ${escapeHtml(opt)}\n <\/button>\n `;\n });\n\n const progressHtml = `<div class=\"game-status\" style=\"margin-bottom:12px;\"><i class=\"fas fa-compass\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode}) \u2022 <i class=\"fas fa-heart\"><\/i> ${q.topic}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-mask\"><\/i> ${escapeHtml(q.text)}<\/div>\n <div class=\"options-list\" id=\"optionsList\">${optionsHtml}<\/div>\n `;\n dynamicArea.innerHTML = questionHtml;\n\n if (!quizAnswered) {\n document.querySelectorAll('.opt-btn').forEach(btn => {\n btn.addEventListener('click', (e) => {\n if (quizAnswered) return;\n const chosenIdx = parseInt(btn.getAttribute('data-opt-index'));\n handleAnswer(chosenIdx);\n });\n });\n }\n }\n\n function handleAnswer(chosenIdx) {\n if (quizAnswered) return;\n const q = currentQuestions[currentIndex];\n const isCorrect = (chosenIdx === q.correct);\n selectedOptIdx = chosenIdx;\n if (isCorrect) {\n playerScore += 100;\n updateScoreUI();\n feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\" style=\"color:#2e7d32;\"><\/i> \u2705 ${q.explanation} <i class=\"fas fa-award\"><\/i> +100 points (${q.topic})`;\n } else {\n const correctLetter = String.fromCharCode(65 + q.correct);\n const correctText = q.options[q.correct];\n feedbackDiv.innerHTML = `<i class=\"fas fa-times-circle\" style=\"color:#b71c1c;\"><\/i> Incorrect. Correct answer: ${correctLetter}: ${escapeHtml(correctText)}.<br>\ud83d\udcd6 ${q.explanation} (${q.topic})`;\n }\n quizAnswered = true;\n renderQuestion();\n nextBtn.style.display = \"block\";\n }\n\n function nextQuestion() {\n if (!quizAnswered && currentIndex < totalPerMode) {\n feedbackDiv.innerHTML = `<i class=\"fas fa-exclamation-triangle\"><\/i> Please answer before continuing.`;\n return;\n }\n if (currentIndex + 1 <= totalPerMode) {\n currentIndex++;\n quizAnswered = false;\n selectedOptIdx = null;\n nextBtn.style.display = \"none\";\n if (currentIndex < totalPerMode) {\n feedbackDiv.innerHTML = `<i class=\"fas fa-lightbulb\"><\/i> Read the article carefully, then choose the best answer.`;\n renderQuestion();\n } else {\n renderQuestion();\n nextBtn.style.display = \"none\";\n }\n }\n }\n\n function restartQuiz() {\n loadMode(currentMode);\n }\n\n function getFinalMessage() {\n let maxScore = totalPerMode * 100;\n if (playerScore === maxScore) return `\ud83c\udfc6 Perfect ${currentMode} score! You understand the H\u00f9x\u012bnj\u00ecng and the call to guard your heart with righteousness.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! Keep your mirror polished \u2014 reflect the light.`;\n return `\ud83d\udcdc Review the exhibit about the heart-protecting mirror and Proverbs 4:23. \u201cKeep thy heart with all diligence.\u201d`;\n }\n\n function escapeHtml(str) {\n return str.replace(\/[&<>]\/g, function(m) {\n if (m === '&') return '&';\n if (m === '<') return '<';\n if (m === '>') return '>';\n return m;\n });\n }\n\n \/\/ Event bindings\n document.getElementById(\"modeSAT\").addEventListener(\"click\", () => loadMode(\"SAT\"));\n document.getElementById(\"modePSAT\").addEventListener(\"click\", () => loadMode(\"PSAT\"));\n document.getElementById(\"modeACT\").addEventListener(\"click\", () => loadMode(\"ACT\"));\n nextBtn.addEventListener(\"click\", nextQuestion);\n restartBtn.addEventListener(\"click\", restartQuiz);\n \n \/\/ Initialize with SAT\n loadMode(\"SAT\");\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Museum Test Prep App | Ancient Chinese H\u00f9x\u012bnj\u00ecng \u2022 SAT \u2022 PSAT \u2022 ACT Ancient Chinese H\u00f9x\u012bnj\u00ecng Museum Test Prep App The Heart-Protecting Mirror \u2014 “Keep thy heart with all diligence; for out of it are the issues of life” (Proverbs 4:23) Tang\u2013Qing Dynasties Ancient Chinese H\u00f9x\u012bnj\u00ecng (\u8b77\u5fc3\u93e1): The Heart-Protecting Mirror The H\u00f9x\u012bnj\u00ecng, or \u201cHeart-Protecting […]<\/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-925","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/925","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=925"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/925\/revisions"}],"predecessor-version":[{"id":927,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/925\/revisions\/927"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}