Tax Inspection Game

{"name":"Gabe Cleanup June 12","description":"//////","photo":"","view_count":4,"fork_count":0,"expires_at":null,"created_at":"2025-08-06T08:42:38.900063Z","updated_at":"2025-08-06T08:42:38.900065Z","user_id":246,"status":"DELETED","parent_id":8196,"id":8222,"user":{"photo":null,"email":"kristen@recess.gg","recess_id":"c4ad84f6-113d-480b-bc29-80549518b3ee","created_at":"2024-10-31T20:27:47.342142Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"chicothedog","id":246,"password_hash":"$2b$12$QgZsBBZ/7CFyOhVkfVhTNeoe4jAY.pIJOieTXeg0HWS23ZcCpiAeO","updated_at":"2024-10-31T20:27:47.342148Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"const levels = [\n [],\n [\n // Sample challenge to initialize Start button\n {\n formData: { Name: 'Test User', SSN: 'XXX-XX-0000', Status: 'Single', Income: '$10,000' },\n idInfo: { IDNumber: 'TS-000000001', DOB: '01/01/1990', Expiration: '01/01/2030' },\n surveillance: ['Sample footage frame 1', 'Sample footage frame 2'],\n appearance: 'Casual',\n responses: { job: 'Tester', appearanceReason: 'Testing game' },\n discrepancy: 'None'\n }\n ]\n];\nlet levelIndex = 1, challengeIndex = 0, score = 0;\nconst report = document.getElementById('level-report');\ndocument.getElementById('start-level').onclick = () => {\n report.style.display = 'none';\n loadChallenge();\n};\n\nlet animInterval;\nfunction animateSurveillance(frames) {\n clearInterval(animInterval);\n const container = document.getElementById('surv-animation');\n const sound = document.getElementById('shutter-sound');\n let idx = 0;\n container.textContent = frames[idx];\n sound.play();\n animInterval = setInterval(() => {\n idx = (idx + 1) % frames.length;\n container.textContent = frames[idx];\n sound.currentTime = 0;\n sound.play();\n }, 1200);\n}\n\nfunction loadChallenge() {\n const level = levels[levelIndex] || [];\n if (challengeIndex >= level.length) {\n console.error('No more challenges in this level.');\n return;\n }\n const c = level[challengeIndex];\n if (!c || !c.formData) {\n console.error('Challenge data missing at index', challengeIndex);\n return;\n }\n // Form\n let tbl = '';\n Object.entries(c.formData).forEach(([k, v]) => tbl += `${k}${v}`);\n document.getElementById('form-table').innerHTML = tbl;\n // ID\n tbl = '';\n Object.entries(c.idInfo).forEach(([k, v]) => tbl += `${k}${v}`);\n document.getElementById('id-table').innerHTML = tbl;\n // Animate surveillance\n animateSurveillance(c.surveillance);\n // Interview\n document.getElementById('appearance').textContent = c.appearance;\n document.getElementById('job').textContent = c.responses.job;\n document.getElementById('why').textContent = c.responses.appearanceReason;\n document.getElementById('feedback').style.display = 'none';\n}\n\nfunction showFeedback(correct) {\n const f = document.getElementById('feedback');\n f.textContent = correct ? '+10 CORRECT!' : '-5 WRONG!';\n f.style.background = correct ? 'rgba(39,174,96,0.9)' : 'rgba(192,57,43,0.9)';\n f.style.display = 'block';\n setTimeout(() => f.style.display = 'none', 1500);\n}\n\nfunction next(isClear) {\n // process answer\n const challenge = levels[levelIndex][challengeIndex];\n const has = !!challenge.discrepancy;\n const correct = (has && !isClear) || (!has && isClear);\n score += correct ? 10 : -5;\n document.getElementById('score').textContent = score;\n showFeedback(correct);\n // advance\n challengeIndex++;\n if (animInterval) clearInterval(animInterval);\n loadChallenge();\n}","style.css":" * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n background: linear-gradient(135deg, #6dd5fa, #2980b9);\n font-family: 'Indie Flower', cursive;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n overflow: hidden;\n }\n\n #game-frame {\n position: relative;\n width: 900px;\n height: 700px;\n background: #fff;\n border: 12px solid #34495e;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);\n overflow: hidden;\n }\n\n #banner {\n background: #34495e;\n padding: 16px;\n text-align: center;\n font-family: 'Patrick Hand', cursive;\n font-size: 2rem;\n color: #f1c40f;\n }\n\n #scoreboard {\n position: absolute;\n top: 16px;\n right: 24px;\n font-family: 'Patrick Hand', cursive;\n color: #f1c40f;\n font-size: 1.2rem;\n }\n\n #level-report {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.8);\n color: #fff;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n font-family: 'Patrick Hand', cursive;\n font-size: 1.5rem;\n text-align: center;\n padding: 20px;\n z-index: 10;\n }\n\n #level-report button {\n margin-top: 20px;\n padding: 12px 24px;\n font-size: 1.2rem;\n font-family: 'Patrick Hand', cursive;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n background: #f1c40f;\n color: #34495e;\n }\n\n #content {\n display: flex;\n height: calc(100% - 140px);\n padding: 16px;\n }\n\n .card {\n flex: 1;\n margin: 8px;\n background: #fafafa;\n border: 4px dashed #7f8c8d;\n border-radius: 12px;\n padding: 16px;\n overflow: auto;\n position: relative;\n }\n\n .card h2 {\n font-family: 'Patrick Hand', cursive;\n font-size: 1.5rem;\n color: #2c3e50;\n margin-bottom: 10px;\n }\n\n .card table {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 12px;\n }\n\n .card th,\n .card td {\n border-bottom: 1px dotted #95a5a6;\n padding: 6px 8px;\n text-align: left;\n }\n\n .card th {\n font-family: sans-serif;\n font-size: 0.9rem;\n color: #2c3e50;\n width: 40%;\n }\n\n .card td {\n font-family: 'Indie Flower', cursive;\n font-size: 1rem;\n }\n\n #controls {\n position: absolute;\n bottom: 16px;\n width: 100%;\n display: flex;\n justify-content: space-around;\n }\n\n .btn {\n flex: 0 1 30%;\n padding: 14px;\n font-family: 'Patrick Hand', cursive;\n font-size: 1.2rem;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n transition: background 0.2s;\n }\n\n .btn.clear {\n background: #27ae60;\n color: #fff;\n }\n\n .btn.flag {\n background: #c0392b;\n color: #fff;\n }\n\n .btn.hint {\n background: #f39c12;\n color: #fff;\n }\n\n #feedback {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: rgba(0, 0, 0, 0.8);\n color: #fff;\n padding: 20px 30px;\n border-radius: 8px;\n font-family: 'Patrick Hand', cursive;\n font-size: 1.5rem;\n display: none;\n text-align: center;\n z-index: 5;\n }\n\n /* Surveillance animation overlay */\n #surv-animation {\n position: absolute;\n top: 50px;\n left: 50%;\n transform: translateX(-50%);\n width: 300px;\n height: 150px;\n background: #000;\n color: #0f0;\n font-family: monospace;\n font-size: 1.2rem;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n border: 2px solid #7f8c8d;\n border-radius: 8px;\n }","index.html":"\n\n\n\n \n \n Tax Inspection Game\n \n \n \n\n\n\n

\n \n

Score: 0

Welcome to Level 2: Surveillance Animation Demo
Watch and listen!

\n \n

IRS Form

ID & Details

Surveillance

Interview

Job:

Why odd?

\n \n \n \n

\n \n

"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[]}