Quiz: Jay Gatsby \u2014 The Tragic Dreamer | Righteous Museum<\/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: #1a1a2e;\n font-family: 'Georgia', 'Times New Roman', Times, serif;\n color: #2c2b28;\n line-height: 1.5;\n padding: 20px;\n }\n\n .museum-container {\n max-width: 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 #c9a87b inset;\n overflow: hidden;\n }\n\n .hero {\n background: linear-gradient(135deg, #2c2c3a 0%, #1a1a2a 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: #2d482b;\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 .article-panel blockquote {\n margin: 1rem 0;\n padding: 0.8rem 1.5rem;\n background: #f3eddd;\n border-left: 5px solid #d4af37;\n border-radius: 8px;\n font-style: italic;\n color: #4a3a2a;\n }\n .article-panel blockquote i {\n color: #d4af37;\n margin-right: 8px;\n }\n .events-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin: 15px 0;\n }\n .event-badge {\n background: #e9e0cf;\n padding: 6px 14px;\n border-radius: 40px;\n font-size: 0.8rem;\n border: 1px solid #cfb37a;\n }\n .event-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 .timeline-item {\n margin: 12px 0;\n padding-left: 20px;\n border-left: 3px solid #d4af37;\n }\n .timeline-year {\n font-weight: bold;\n color: #8b5a2b;\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, #2c4b3e, #1e3a2f);\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-flag\"><\/i> Quiz: Jay Gatsby \u2014 The Tragic Dreamer <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Literary Quiz<\/span><\/h1>\n <p><i class=\"fas fa-book-open\"><\/i> A dreamer who pursued love through lies, proving honest means matter as much as noble ends.<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-lightbulb\"><\/i>\n <p><i class=\"fas fa-star\"><\/i> The Green Light<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex-main\">\n <div class=\"article-panel\">\n <h2><i class=\"fas fa-tragedy\"><\/i> The Tragic Dreamer<\/h2>\n <p>Jay Gatsby is the protagonist of F. Scott Fitzgerald’s masterpiece <em>The Great Gatsby<\/em>, first published in 1925. Born James Gatz to a poor farming family in rural North Dakota, he reinvented himself completely, changing his name and crafting an entirely new identity. He amassed a vast fortune through organized crime\u2014including illegal alcohol distribution and trading in stolen securities\u2014all in pursuit of one goal: winning back Daisy Buchanan, the wealthy young woman he had loved before World War I.<\/p>\n\n <div class=\"events-grid\">\n <span class=\"event-badge\"><i class=\"fas fa-mask\"><\/i> Reinvention<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-dollar-sign\"><\/i> Wealth<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-heart-broken\"><\/i> Love<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-gavel\"><\/i> Morality<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-flag\"><\/i> American Dream<\/span>\n <\/div>\n\n <h3><i class=\"fas fa-question-circle\"><\/i> The Righteous Dilemma<\/h3>\n <p>Gatsby’s story forces us to confront a difficult question: <strong>Does a noble goal justify corrupt means?<\/strong><\/p>\n <p>Gatsby’s dream was romantic and idealistic\u2014winning Daisy’s love. But his methods were dishonest and illegal: bootlegging, stolen securities, and lies about his background. He spent years building an empire of illusions, only to discover that Daisy\u2014the woman he had idealized\u2014was shallow, materialistic, and unworthy of such devotion. <strong>How we pursue a dream is as important as the dream itself.<\/strong><\/p>\n\n <blockquote><i class=\"fas fa-quote-left\"><\/i> “Can’t repeat the past?… Why of course you can!” \u2014 Jay Gatsby<\/blockquote>\n\n <h3><i class=\"fas fa-gem\"><\/i> Key Lessons on Righteousness<\/h3>\n <ul style=\"padding-left: 1.5rem; margin-bottom: 1rem;\">\n <li><strong>Dreams are not enough\u2014means matter<\/strong> \u2014 How we pursue a dream is as important as the dream itself.<\/li>\n <li><strong>Honesty is the foundation of identity<\/strong> \u2014 A false identity cannot sustain true relationships.<\/li>\n <li><strong>Love cannot be bought<\/strong> \u2014 Wealth cannot purchase authentic love or belonging.<\/li>\n <li><strong>Loyalty has limits<\/strong> \u2014 Loyalty to someone who does not reciprocate is delusion.<\/li>\n <li><strong>The past cannot be reclaimed<\/strong> \u2014 To live with integrity, we must accept reality as it is\u2014not as we wish it to be.<\/li>\n <\/ul>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Fitzgerald, F. S. (1925). <em>The Great Gatsby<\/em>. Charles Scribner’s Sons. Public domain.\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 Quiz Mode<\/strong>\n <div class=\"mode-buttons\">\n <button id=\"modeSAT\" class=\"mode-btn sat\"><i class=\"fas fa-brain\"><\/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 Jay Gatsby \u2014 Righteousness Quiz<\/h3>\n <div class=\"score-area\"><i class=\"fas fa-star\"><\/i> Score: <span id=\"scoreValue\">0<\/span> \/ 600<\/div>\n <\/div>\n <div class=\"question-card\" id=\"quizContainer\">\n <div id=\"dynamicQuestionArea\"><\/div>\n <div id=\"feedbackArea\" class=\"feedback\"><i class=\"fas fa-info-circle\"><\/i> Select a mode above to 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 mode \u2022 Jay Gatsby & righteousness<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer>\n <i class=\"fas fa-chess-queen\"><\/i> The Righteous Museum \u2014 Literary Figures of Righteousness Hall\n <div class=\"disclaimer\">\n <i class=\"fas fa-balance-scale\"><\/i> This educational tool is not affiliated with or endorsed by any rights holders. All content is for educational and research purposes under fair use. <em>The Great Gatsby<\/em> is in the public domain.\n <\/div>\n <\/footer>\n<\/div>\n\n<script>\n \/\/ ========== JAY GATSBY QUESTION BANKS ==========\n\n \/\/ SAT Style \u2014 Analytical, cause\/effect, thematic\n const SAT_QUESTIONS = [\n { \n text: \"Jay Gatsby's decision to reinvent himself as a wealthy socialite is most significant as a commentary on:\", \n options: [\"The importance of education\", \"The American Dream and moral corruption\", \"The value of art over life\", \"The role of government\"], \n correct: 1, \n explanation: \"Gatsby pursues the American Dream through illegal means, highlighting the moral compromises inherent in the pursuit of wealth and status.\"\n },\n { \n text: \"The green light at the end of Daisy's dock symbolizes:\", \n options: [\"Gatsby's wealth\", \"Gatsby's unattainable dream and hope\", \"Daisy's love for Gatsby\", \"The American flag\"], \n correct: 1, \n explanation: \"The green light represents Gatsby's hope and his illusion that he can reclaim the past and win Daisy's love.\"\n },\n { \n text: \"Gatsby's illegal wealth is significant because it:\", \n options: [\"Makes him a hero\", \"Undermines the purity of his dream\", \"Shows his intelligence\", \"Helps his friends\"], \n correct: 1, \n explanation: \"Gatsby's dream is pure, but his methods are corrupt. This paradox is central to the novel's critique of the American Dream.\"\n },\n { \n text: \"The Valley of Ashes in the novel represents:\", \n options: [\"A beautiful landscape\", \"The moral and social decay of the wealthy\", \"A place of hope\", \"Gatsby's childhood home\"], \n correct: 1, \n explanation: \"The Valley of Ashes symbolizes the destruction and moral decay caused by the pursuit of wealth without integrity.\"\n },\n { \n text: \"Gatsby's death at the end of the novel suggests that:\", \n options: [\"He was a hero\", \"The American Dream is attainable\", \"The pursuit of illusion leads to destruction\", \"Love conquers all\"], \n correct: 2, \n explanation: \"Gatsby's death is a consequence of his obsession with a dream built on lies and illusion.\"\n },\n { \n text: \"The novel's central theme regarding righteousness is that:\", \n options: [\"Wealth is the only virtue\", \"The means matter as much as the ends\", \"Love justifies any action\", \"The past can be repeated\"], \n correct: 1, \n explanation: \"Gatsby's story teaches that the means of pursuing a dream are as important as the dream itself. Honest means matter as much as noble ends.\"\n }\n ];\n\n \/\/ PSAT Style \u2014 Main idea, vocabulary, simpler inference\n const PSAT_QUESTIONS = [\n { \n text: \"The term 'reinvention' as used in the context of Jay Gatsby most nearly means:\", \n options: [\"The act of creating something new\", \"The process of rebuilding one's identity\", \"The destruction of old things\", \"The study of history\"], \n correct: 1, \n explanation: \"Gatsby reinvents himself from James Gatz, a poor farm boy, into a wealthy socialite.\"\n },\n { \n text: \"Gatsby's 'green light' is best understood as a symbol of:\", \n options: [\"Money and wealth\", \"Unattainable hope and dreams\", \"Environmental awareness\", \"A traffic signal\"], \n correct: 1, \n explanation: \"The green light represents Gatsby's hope for a future with Daisy\u2014a dream that is always just out of reach.\"\n },\n { \n text: \"The 'American Dream' in The Great Gatsby is portrayed as:\", \n options: [\"Easily attainable\", \"A noble pursuit\", \"Corrupted by materialism and dishonesty\", \"Unimportant\"], \n correct: 2, \n explanation: \"Fitzgerald critiques the American Dream, showing how the pursuit of wealth can corrupt the dreamer.\"\n },\n { \n text: \"Jay Gatsby's real name is:\", \n options: [\"Jay Gatsby\", \"James Gatz\", \"Jimmy Gatsby\", \"John Gatz\"], \n correct: 1, \n explanation: \"Gatsby was born James Gatz and reinvented himself as Jay Gatsby.\"\n },\n { \n text: \"The narrator of The Great Gatsby is:\", \n options: [\"Jay Gatsby\", \"Daisy Buchanan\", \"Nick Carraway\", \"Tom Buchanan\"], \n correct: 2, \n explanation: \"Nick Carraway is the narrator and a cousin of Daisy Buchanan.\"\n },\n { \n text: \"The novel is set in which decade?\", \n options: [\"1910s\", \"1920s\", \"1930s\", \"1940s\"], \n correct: 1, \n explanation: \"The Great Gatsby is set in the 1920s, also known as the Jazz Age.\"\n }\n ];\n\n \/\/ ACT Style \u2014 Detail recall, factual accuracy, chronological\n const ACT_QUESTIONS = [\n { \n text: \"The author of The Great Gatsby is:\", \n options: [\"Ernest Hemingway\", \"F. Scott Fitzgerald\", \"John Steinbeck\", \"William Faulkner\"], \n correct: 1, \n explanation: \"F. Scott Fitzgerald wrote The Great Gatsby, published in 1925.\"\n },\n { \n text: \"The year of The Great Gatsby's publication is:\", \n options: [\"1915\", \"1920\", \"1925\", \"1930\"], \n correct: 2, \n explanation: \"The Great Gatsby was first published on April 10, 1925.\"\n },\n { \n text: \"Gatsby's wealth primarily came from:\", \n options: [\"Real estate\", \"Inheritance\", \"Illegal alcohol sales\", \"Stock market investments\"], \n correct: 2, \n explanation: \"Gatsby amassed his fortune through organized crime, including bootlegging and trading in stolen securities.\"\n },\n { \n text: \"The color of Gatsby's car is often described as:\", \n options: [\"Red\", \"Green\", \"Yellow\", \"White\"], \n correct: 2, \n explanation: \"Gatsby's yellow Rolls-Royce is a symbol of his wealth and the corruption of his dream.\"\n },\n { \n text: \"The city where the novel's main characters reside is:\", \n options: [\"New York City\", \"Chicago\", \"Los Angeles\", \"London\"], \n correct: 0, \n explanation: \"The novel is set in West Egg and East Egg on Long Island, with frequent references to New York City.\"\n },\n { \n text: \"The character who shot Gatsby was:\", \n options: [\"Tom Buchanan\", \"George Wilson\", \"Nick Carraway\", \"Jay Gatsby\"], \n correct: 1, \n explanation: \"George Wilson, grieving his wife Myrtle's death, shoots Gatsby, mistaking him for the driver of the yellow car.\"\n }\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=\"fas fa-brain\"><\/i>' : (mode === \"PSAT\" ? '<i class=\"fas fa-pen-fancy\"><\/i>' : '<i class=\"fas fa-bolt\"><\/i>');\n modeTitle.innerHTML = `${icon} ${mode} \u2726 Jay Gatsby \u2014 Righteousness Quiz`;\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 Gatsby's moral journey.`;\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-question-circle\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode})<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-gavel\"><\/i> ${escapeHtml(q.text)}<\/div>\n <div class=\"options-list\" id=\"optionsList\">${optionsHtml}<\/div>\n `;\n dynamicArea.innerHTML = questionHtml;\n\n if (!quizAnswered) {\n document.querySelectorAll('.opt-btn').forEach(btn => {\n btn.addEventListener('click', (e) => {\n if (quizAnswered) return;\n const chosenIdx = parseInt(btn.getAttribute('data-opt-index'));\n handleAnswer(chosenIdx);\n });\n });\n }\n }\n\n function handleAnswer(chosenIdx) {\n if (quizAnswered) return;\n const q = currentQuestions[currentIndex];\n const isCorrect = (chosenIdx === q.correct);\n selectedOptIdx = chosenIdx;\n if (isCorrect) {\n playerScore += 100;\n updateScoreUI();\n feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\" style=\"color:#2e7d32;\"><\/i> ${q.explanation} <i class=\"fas fa-award\"><\/i> +100 points`;\n } else {\n const correctLetter = String.fromCharCode(65 + q.correct);\n const correctText = q.options[q.correct];\n feedbackDiv.innerHTML = `<i class=\"fas fa-times-circle\" style=\"color:#b71c1c;\"><\/i> Incorrect. Correct answer: ${correctLetter}: ${escapeHtml(correctText)}.<br> ${q.explanation}`;\n }\n quizAnswered = true;\n renderQuestion();\n nextBtn.style.display = \"block\";\n }\n\n function nextQuestion() {\n if (!quizAnswered && currentIndex < totalPerMode) {\n feedbackDiv.innerHTML = `<i class=\"fas fa-exclamation-triangle\"><\/i> Please answer 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 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 ` Perfect ${currentMode} score! You understand Gatsby's tragic moral failure.`;\n if (playerScore >= 400) return ` Strong ${currentMode} readiness! The means matter as much as the ends.`;\n return ` Review Gatsby's story and try again. The green light is always just out of reach.`;\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>Quiz: Jay Gatsby \u2014 The Tragic Dreamer | Righteous Museum Quiz: Jay Gatsby \u2014 The Tragic Dreamer Literary Quiz A dreamer who pursued love through lies, proving honest means matter as much as noble ends. The Green Light The Tragic Dreamer Jay Gatsby is the protagonist of F. Scott Fitzgerald’s masterpiece The Great Gatsby, first […]<\/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-1693","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1693","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=1693"}],"version-history":[{"count":1,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1693\/revisions"}],"predecessor-version":[{"id":1697,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1693\/revisions\/1697"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1693,"date":"2026-07-14T20:07:54","date_gmt":"2026-07-14T20:07:54","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=1693"},"modified":"2026-07-14T20:07:54","modified_gmt":"2026-07-14T20:07:54","slug":"quizjay-gatsby","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/quizjay-gatsby\/","title":{"rendered":"Quiz:Jay Gatsby"},"content":{"rendered":"\n\n\n\n \n \n Quiz: Jay Gatsby \u2014 The Tragic Dreamer | Righteous Museum<\/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: #1a1a2e;\n font-family: 'Georgia', 'Times New Roman', Times, serif;\n color: #2c2b28;\n line-height: 1.5;\n padding: 20px;\n }\n\n .museum-container {\n max-width: 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 #c9a87b inset;\n overflow: hidden;\n }\n\n .hero {\n background: linear-gradient(135deg, #2c2c3a 0%, #1a1a2a 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: #2d482b;\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 .article-panel blockquote {\n margin: 1rem 0;\n padding: 0.8rem 1.5rem;\n background: #f3eddd;\n border-left: 5px solid #d4af37;\n border-radius: 8px;\n font-style: italic;\n color: #4a3a2a;\n }\n .article-panel blockquote i {\n color: #d4af37;\n margin-right: 8px;\n }\n .events-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin: 15px 0;\n }\n .event-badge {\n background: #e9e0cf;\n padding: 6px 14px;\n border-radius: 40px;\n font-size: 0.8rem;\n border: 1px solid #cfb37a;\n }\n .event-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 .timeline-item {\n margin: 12px 0;\n padding-left: 20px;\n border-left: 3px solid #d4af37;\n }\n .timeline-year {\n font-weight: bold;\n color: #8b5a2b;\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, #2c4b3e, #1e3a2f);\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-flag\"><\/i> Quiz: Jay Gatsby \u2014 The Tragic Dreamer <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Literary Quiz<\/span><\/h1>\n <p><i class=\"fas fa-book-open\"><\/i> A dreamer who pursued love through lies, proving honest means matter as much as noble ends.<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-lightbulb\"><\/i>\n <p><i class=\"fas fa-star\"><\/i> The Green Light<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex-main\">\n <div class=\"article-panel\">\n <h2><i class=\"fas fa-tragedy\"><\/i> The Tragic Dreamer<\/h2>\n <p>Jay Gatsby is the protagonist of F. Scott Fitzgerald’s masterpiece <em>The Great Gatsby<\/em>, first published in 1925. Born James Gatz to a poor farming family in rural North Dakota, he reinvented himself completely, changing his name and crafting an entirely new identity. He amassed a vast fortune through organized crime\u2014including illegal alcohol distribution and trading in stolen securities\u2014all in pursuit of one goal: winning back Daisy Buchanan, the wealthy young woman he had loved before World War I.<\/p>\n\n <div class=\"events-grid\">\n <span class=\"event-badge\"><i class=\"fas fa-mask\"><\/i> Reinvention<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-dollar-sign\"><\/i> Wealth<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-heart-broken\"><\/i> Love<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-gavel\"><\/i> Morality<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-flag\"><\/i> American Dream<\/span>\n <\/div>\n\n <h3><i class=\"fas fa-question-circle\"><\/i> The Righteous Dilemma<\/h3>\n <p>Gatsby’s story forces us to confront a difficult question: <strong>Does a noble goal justify corrupt means?<\/strong><\/p>\n <p>Gatsby’s dream was romantic and idealistic\u2014winning Daisy’s love. But his methods were dishonest and illegal: bootlegging, stolen securities, and lies about his background. He spent years building an empire of illusions, only to discover that Daisy\u2014the woman he had idealized\u2014was shallow, materialistic, and unworthy of such devotion. <strong>How we pursue a dream is as important as the dream itself.<\/strong><\/p>\n\n <blockquote><i class=\"fas fa-quote-left\"><\/i> “Can’t repeat the past?… Why of course you can!” \u2014 Jay Gatsby<\/blockquote>\n\n <h3><i class=\"fas fa-gem\"><\/i> Key Lessons on Righteousness<\/h3>\n <ul style=\"padding-left: 1.5rem; margin-bottom: 1rem;\">\n <li><strong>Dreams are not enough\u2014means matter<\/strong> \u2014 How we pursue a dream is as important as the dream itself.<\/li>\n <li><strong>Honesty is the foundation of identity<\/strong> \u2014 A false identity cannot sustain true relationships.<\/li>\n <li><strong>Love cannot be bought<\/strong> \u2014 Wealth cannot purchase authentic love or belonging.<\/li>\n <li><strong>Loyalty has limits<\/strong> \u2014 Loyalty to someone who does not reciprocate is delusion.<\/li>\n <li><strong>The past cannot be reclaimed<\/strong> \u2014 To live with integrity, we must accept reality as it is\u2014not as we wish it to be.<\/li>\n <\/ul>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Fitzgerald, F. S. (1925). <em>The Great Gatsby<\/em>. Charles Scribner’s Sons. Public domain.\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 Quiz Mode<\/strong>\n <div class=\"mode-buttons\">\n <button id=\"modeSAT\" class=\"mode-btn sat\"><i class=\"fas fa-brain\"><\/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 Jay Gatsby \u2014 Righteousness Quiz<\/h3>\n <div class=\"score-area\"><i class=\"fas fa-star\"><\/i> Score: <span id=\"scoreValue\">0<\/span> \/ 600<\/div>\n <\/div>\n <div class=\"question-card\" id=\"quizContainer\">\n <div id=\"dynamicQuestionArea\"><\/div>\n <div id=\"feedbackArea\" class=\"feedback\"><i class=\"fas fa-info-circle\"><\/i> Select a mode above to 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 mode \u2022 Jay Gatsby & righteousness<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer>\n <i class=\"fas fa-chess-queen\"><\/i> The Righteous Museum \u2014 Literary Figures of Righteousness Hall\n <div class=\"disclaimer\">\n <i class=\"fas fa-balance-scale\"><\/i> This educational tool is not affiliated with or endorsed by any rights holders. All content is for educational and research purposes under fair use. <em>The Great Gatsby<\/em> is in the public domain.\n <\/div>\n <\/footer>\n<\/div>\n\n<script>\n \/\/ ========== JAY GATSBY QUESTION BANKS ==========\n\n \/\/ SAT Style \u2014 Analytical, cause\/effect, thematic\n const SAT_QUESTIONS = [\n { \n text: \"Jay Gatsby's decision to reinvent himself as a wealthy socialite is most significant as a commentary on:\", \n options: [\"The importance of education\", \"The American Dream and moral corruption\", \"The value of art over life\", \"The role of government\"], \n correct: 1, \n explanation: \"Gatsby pursues the American Dream through illegal means, highlighting the moral compromises inherent in the pursuit of wealth and status.\"\n },\n { \n text: \"The green light at the end of Daisy's dock symbolizes:\", \n options: [\"Gatsby's wealth\", \"Gatsby's unattainable dream and hope\", \"Daisy's love for Gatsby\", \"The American flag\"], \n correct: 1, \n explanation: \"The green light represents Gatsby's hope and his illusion that he can reclaim the past and win Daisy's love.\"\n },\n { \n text: \"Gatsby's illegal wealth is significant because it:\", \n options: [\"Makes him a hero\", \"Undermines the purity of his dream\", \"Shows his intelligence\", \"Helps his friends\"], \n correct: 1, \n explanation: \"Gatsby's dream is pure, but his methods are corrupt. This paradox is central to the novel's critique of the American Dream.\"\n },\n { \n text: \"The Valley of Ashes in the novel represents:\", \n options: [\"A beautiful landscape\", \"The moral and social decay of the wealthy\", \"A place of hope\", \"Gatsby's childhood home\"], \n correct: 1, \n explanation: \"The Valley of Ashes symbolizes the destruction and moral decay caused by the pursuit of wealth without integrity.\"\n },\n { \n text: \"Gatsby's death at the end of the novel suggests that:\", \n options: [\"He was a hero\", \"The American Dream is attainable\", \"The pursuit of illusion leads to destruction\", \"Love conquers all\"], \n correct: 2, \n explanation: \"Gatsby's death is a consequence of his obsession with a dream built on lies and illusion.\"\n },\n { \n text: \"The novel's central theme regarding righteousness is that:\", \n options: [\"Wealth is the only virtue\", \"The means matter as much as the ends\", \"Love justifies any action\", \"The past can be repeated\"], \n correct: 1, \n explanation: \"Gatsby's story teaches that the means of pursuing a dream are as important as the dream itself. Honest means matter as much as noble ends.\"\n }\n ];\n\n \/\/ PSAT Style \u2014 Main idea, vocabulary, simpler inference\n const PSAT_QUESTIONS = [\n { \n text: \"The term 'reinvention' as used in the context of Jay Gatsby most nearly means:\", \n options: [\"The act of creating something new\", \"The process of rebuilding one's identity\", \"The destruction of old things\", \"The study of history\"], \n correct: 1, \n explanation: \"Gatsby reinvents himself from James Gatz, a poor farm boy, into a wealthy socialite.\"\n },\n { \n text: \"Gatsby's 'green light' is best understood as a symbol of:\", \n options: [\"Money and wealth\", \"Unattainable hope and dreams\", \"Environmental awareness\", \"A traffic signal\"], \n correct: 1, \n explanation: \"The green light represents Gatsby's hope for a future with Daisy\u2014a dream that is always just out of reach.\"\n },\n { \n text: \"The 'American Dream' in The Great Gatsby is portrayed as:\", \n options: [\"Easily attainable\", \"A noble pursuit\", \"Corrupted by materialism and dishonesty\", \"Unimportant\"], \n correct: 2, \n explanation: \"Fitzgerald critiques the American Dream, showing how the pursuit of wealth can corrupt the dreamer.\"\n },\n { \n text: \"Jay Gatsby's real name is:\", \n options: [\"Jay Gatsby\", \"James Gatz\", \"Jimmy Gatsby\", \"John Gatz\"], \n correct: 1, \n explanation: \"Gatsby was born James Gatz and reinvented himself as Jay Gatsby.\"\n },\n { \n text: \"The narrator of The Great Gatsby is:\", \n options: [\"Jay Gatsby\", \"Daisy Buchanan\", \"Nick Carraway\", \"Tom Buchanan\"], \n correct: 2, \n explanation: \"Nick Carraway is the narrator and a cousin of Daisy Buchanan.\"\n },\n { \n text: \"The novel is set in which decade?\", \n options: [\"1910s\", \"1920s\", \"1930s\", \"1940s\"], \n correct: 1, \n explanation: \"The Great Gatsby is set in the 1920s, also known as the Jazz Age.\"\n }\n ];\n\n \/\/ ACT Style \u2014 Detail recall, factual accuracy, chronological\n const ACT_QUESTIONS = [\n { \n text: \"The author of The Great Gatsby is:\", \n options: [\"Ernest Hemingway\", \"F. Scott Fitzgerald\", \"John Steinbeck\", \"William Faulkner\"], \n correct: 1, \n explanation: \"F. Scott Fitzgerald wrote The Great Gatsby, published in 1925.\"\n },\n { \n text: \"The year of The Great Gatsby's publication is:\", \n options: [\"1915\", \"1920\", \"1925\", \"1930\"], \n correct: 2, \n explanation: \"The Great Gatsby was first published on April 10, 1925.\"\n },\n { \n text: \"Gatsby's wealth primarily came from:\", \n options: [\"Real estate\", \"Inheritance\", \"Illegal alcohol sales\", \"Stock market investments\"], \n correct: 2, \n explanation: \"Gatsby amassed his fortune through organized crime, including bootlegging and trading in stolen securities.\"\n },\n { \n text: \"The color of Gatsby's car is often described as:\", \n options: [\"Red\", \"Green\", \"Yellow\", \"White\"], \n correct: 2, \n explanation: \"Gatsby's yellow Rolls-Royce is a symbol of his wealth and the corruption of his dream.\"\n },\n { \n text: \"The city where the novel's main characters reside is:\", \n options: [\"New York City\", \"Chicago\", \"Los Angeles\", \"London\"], \n correct: 0, \n explanation: \"The novel is set in West Egg and East Egg on Long Island, with frequent references to New York City.\"\n },\n { \n text: \"The character who shot Gatsby was:\", \n options: [\"Tom Buchanan\", \"George Wilson\", \"Nick Carraway\", \"Jay Gatsby\"], \n correct: 1, \n explanation: \"George Wilson, grieving his wife Myrtle's death, shoots Gatsby, mistaking him for the driver of the yellow car.\"\n }\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=\"fas fa-brain\"><\/i>' : (mode === \"PSAT\" ? '<i class=\"fas fa-pen-fancy\"><\/i>' : '<i class=\"fas fa-bolt\"><\/i>');\n modeTitle.innerHTML = `${icon} ${mode} \u2726 Jay Gatsby \u2014 Righteousness Quiz`;\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 Gatsby's moral journey.`;\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-question-circle\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode})<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-gavel\"><\/i> ${escapeHtml(q.text)}<\/div>\n <div class=\"options-list\" id=\"optionsList\">${optionsHtml}<\/div>\n `;\n dynamicArea.innerHTML = questionHtml;\n\n if (!quizAnswered) {\n document.querySelectorAll('.opt-btn').forEach(btn => {\n btn.addEventListener('click', (e) => {\n if (quizAnswered) return;\n const chosenIdx = parseInt(btn.getAttribute('data-opt-index'));\n handleAnswer(chosenIdx);\n });\n });\n }\n }\n\n function handleAnswer(chosenIdx) {\n if (quizAnswered) return;\n const q = currentQuestions[currentIndex];\n const isCorrect = (chosenIdx === q.correct);\n selectedOptIdx = chosenIdx;\n if (isCorrect) {\n playerScore += 100;\n updateScoreUI();\n feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\" style=\"color:#2e7d32;\"><\/i> ${q.explanation} <i class=\"fas fa-award\"><\/i> +100 points`;\n } else {\n const correctLetter = String.fromCharCode(65 + q.correct);\n const correctText = q.options[q.correct];\n feedbackDiv.innerHTML = `<i class=\"fas fa-times-circle\" style=\"color:#b71c1c;\"><\/i> Incorrect. Correct answer: ${correctLetter}: ${escapeHtml(correctText)}.<br> ${q.explanation}`;\n }\n quizAnswered = true;\n renderQuestion();\n nextBtn.style.display = \"block\";\n }\n\n function nextQuestion() {\n if (!quizAnswered && currentIndex < totalPerMode) {\n feedbackDiv.innerHTML = `<i class=\"fas fa-exclamation-triangle\"><\/i> Please answer 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 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 ` Perfect ${currentMode} score! You understand Gatsby's tragic moral failure.`;\n if (playerScore >= 400) return ` Strong ${currentMode} readiness! The means matter as much as the ends.`;\n return ` Review Gatsby's story and try again. The green light is always just out of reach.`;\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>Quiz: Jay Gatsby \u2014 The Tragic Dreamer | Righteous Museum Quiz: Jay Gatsby \u2014 The Tragic Dreamer Literary Quiz A dreamer who pursued love through lies, proving honest means matter as much as noble ends. The Green Light The Tragic Dreamer Jay Gatsby is the protagonist of F. Scott Fitzgerald’s masterpiece The Great Gatsby, first […]<\/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-1693","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1693","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=1693"}],"version-history":[{"count":1,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1693\/revisions"}],"predecessor-version":[{"id":1697,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1693\/revisions\/1697"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}