Test — Leon Jacobs

OUTLOOK

DEFENDER

Leon Jacobs - Calendar (Week View)

Meetings Missed: 0 Vacation Status: Protected

Mon 22

Tue 23

Wed 24

Thu 25

Fri 26

Sat 27

Sun 28

OUT OF OFFICE

Calendar Overwhelmed!

Your vacation time has been completely consumed by meetings.

Final Score: 0 meetings missed

Use arrow keys or mouse to move your OUT OF OFFICE paddle

`; } function updatePaddlePosition() { elements.paddle.style.left = `${paddlePosition}%`; } function spawnMeeting() { if (Math.random() < spawnRate) { const meeting = { x: Math.random() * 85 + 7.5, y: 40, velocityY: gameSpeed, velocityX: (Math.random() - 0.5) * 2, type: meetingTypes[Math.floor(Math.random() * meetingTypes.length)], element: null }; const element = document.createElement('div'); element.className = 'od-falling-meeting'; element.textContent = meeting.type; element.style.left = meeting.x + '%'; element.style.top = meeting.y + 'px'; elements.calendar.appendChild(element); meeting.element = element; fallingMeetings.push(meeting); } } function updateMeetings() { for (let i = fallingMeetings.length - 1; i >= 0; i--) { const meeting = fallingMeetings[i]; meeting.y += meeting.velocityY; meeting.x += meeting.velocityX; if (meeting.x <= 0 || meeting.x >= 85) { meeting.velocityX *= -1; } meeting.element.style.left = meeting.x + '%'; meeting.element.style.top = meeting.y + 'px'; if (meeting.y > 450 && meeting.y < 480 && meeting.x > paddlePosition - 8 && meeting.x < paddlePosition + 8) { meeting.velocityY = -Math.abs(meeting.velocityY) * 1.2; meeting.velocityX += (Math.random() - 0.5) * 2; if ((score + Math.floor(Math.random() * 10)) % 5 === 0) { gameSpeed += 0.2; spawnRate += 0.002; } continue; } if (meeting.y >= 470 && meeting.velocityY > 0) { const dayColumn = Math.floor(meeting.x / 14.28); if (dayColumn >= 0 && dayColumn < 7) { addAppointmentToDay(dayColumn, meeting.type); score++; elements.scoreElement.textContent = score; meeting.element.parentNode.removeChild(meeting.element); fallingMeetings.splice(i, 1); continue; } } if (meeting.y < 0 && meeting.velocityY < 0) { meeting.element.parentNode.removeChild(meeting.element); fallingMeetings.splice(i, 1); } } } function addAppointmentToDay(dayIndex, meetingType) { const dayColumn = elements.calendar.children[dayIndex]; const appointment = document.createElement('div'); appointment.className = 'od-appointment'; appointment.textContent = meetingType; const currentHeight = appointments[dayIndex].length; appointment.style.position = 'absolute'; appointment.style.bottom = (10 + currentHeight * 32) + 'px'; appointment.style.left = '2px'; appointment.style.right = '2px'; appointment.style.zIndex = '5'; dayColumn.appendChild(appointment); appointments[dayIndex].push(meetingType); if (appointments[dayIndex].length > 12) { endGame(); } } function handleKeyPress(e) { if (!gameRunning || gamePaused) return; if (e.key === 'ArrowLeft' && paddlePosition > 5) { paddlePosition -= 3; updatePaddlePosition(); } else if (e.key === 'ArrowRight' && paddlePosition < 75) { paddlePosition += 3; updatePaddlePosition(); } } function handleMouseMove(e) { if (!gameRunning || gamePaused) return; const rect = elements.calendar.getBoundingClientRect(); const mouseX = e.clientX - rect.left; const percentage = (mouseX / rect.width) * 100; if (percentage >= 5 && percentage <= 75) { paddlePosition = percentage; updatePaddlePosition(); } } function gameLoop() { if (!gameRunning || gamePaused) return; spawnMeeting(); updateMeetings(); requestAnimationFrame(gameLoop); } function startGame() { gameRunning = true; gamePaused = false; score = 0; paddlePosition = 50; fallingMeetings = []; gameSpeed = 1; spawnRate = 0.005; for (let i = 0; i < 7; i++) { appointments[i] = []; const dayColumn = elements.calendar.children[i]; const existingAppointments = dayColumn.querySelectorAll('.od-appointment'); existingAppointments.forEach(app => app.remove()); } const existingMeetings = elements.calendar.querySelectorAll('.od-falling-meeting'); existingMeetings.forEach(meeting => meeting.remove()); elements.scoreElement.textContent = '0'; elements.statusElement.textContent = 'Protected'; elements.gameOverElement.style.display = 'none'; elements.startBtn.style.display = 'none'; elements.pauseBtn.style.display = 'inline-block'; elements.pauseBtn.textContent = 'Pause'; updatePaddlePosition(); gameLoop(); } function pauseGame() { gamePaused = !gamePaused; elements.pauseBtn.textContent = gamePaused ? 'Resume' : 'Pause'; if (!gamePaused) { gameLoop(); } } function endGame() { gameRunning = false; elements.statusElement.textContent = 'Overwhelmed'; elements.finalScoreElement.textContent = score; elements.gameOverElement.style.display = 'block'; elements.startBtn.style.display = 'inline-block'; elements.pauseBtn.style.display = 'none'; } function restartGame() { startGame(); } // Public API return { init: function(containerId) { const container = document.getElementById(containerId); if (!container) { console.error('OutlookDefender: Container element not found:', containerId); return; } // Add CSS const style = document.createElement('style'); style.textContent = CSS; document.head.appendChild(style); // Add HTML container.className = 'outlook-defender'; container.innerHTML = createHTML(); // Get element references elements.calendar = document.getElementById('od-calendar'); elements.paddle = document.getElementById('od-paddle'); elements.scoreElement = document.getElementById('od-score'); elements.statusElement = document.getElementById('od-status'); elements.gameOverElement = document.getElementById('od-gameOver'); elements.startBtn = document.getElementById('od-startBtn'); elements.pauseBtn = document.getElementById('od-pauseBtn'); elements.finalScoreElement = document.getElementById('od-finalScore'); // Initialize appointments array for (let i = 0; i < 7; i++) { appointments[i] = []; } // Event listeners document.addEventListener('keydown', handleKeyPress); elements.calendar.addEventListener('mousemove', handleMouseMove); updatePaddlePosition(); }, start: startGame, pause: pauseGame, restart: restartGame }; })(); // Auto-initialize if there's a container with default ID document.addEventListener('DOMContentLoaded', function() { const defaultContainer = document.getElementById('outlook-defender-container'); if (defaultContainer) { OutlookDefender.init('outlook-defender-container'); } });