WindowsWorld Game

{"name":"WindowsWorld Game","description":"Experience the nostalgia of Windows in a fun, interactive game! Customize your desktop, play mini-games, and explore the virtual world of Windows.","photo":null,"view_count":6,"fork_count":0,"expires_at":null,"created_at":"2024-01-06T03:21:18.413806Z","updated_at":"2024-01-06T03:21:18.413807Z","user_id":2,"status":"PRIVATE","parent_id":null,"id":288,"user":{"photo":null,"email":null,"recess_id":"a75a82d5-5ae6-41b7-d20f-788415be036d","created_at":"2023-12-11T22:13:50.357940Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"gamerc0der","id":2,"password_hash":null,"updated_at":"2023-12-11T22:13:50.357943Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"\ndocument.getElementById('login-form').addEventListener('submit', function (event) {\n event.preventDefault();\n const username = document.getElementById('username').value;\n\n // Check if the user has logged in before\n if (localStorage.getItem('username')) {\n addNotification('Welcome back!');\n } else {\n localStorage.setItem('username', username);\n }\n\n startGame(username);\n});\n\ndocument.addEventListener('contextmenu', function (e) {\n e.preventDefault();\n const rightClickMenu = document.createElement('ul');\n rightClickMenu.id = 'right-click-menu';\n\n const options = ['Refresh', 'New', 'Display settings', 'Show More Options'];\n options.forEach(option => {\n const listItem = document.createElement('li');\n listItem.textContent = option;\n listItem.addEventListener('click', function () {\n if (option === 'Display settings') {\n openSettings();\n }\n else if (option === 'New') {\n const folderName = prompt('Enter the name of the new folder:');\n if (folderName) {\n currentFolder[folderName] = {};\n openFileExplorer(); // Refresh the file explorer window\n }\n }\n else if (option === 'Show More Options') {\n createModal(\"This is not a feature of Windows YOU\")\n }\n // Add additional conditions for other options here...\n });\n rightClickMenu.appendChild(listItem);\n });\n\n rightClickMenu.style.top = `${e.clientY}px`;\n rightClickMenu.style.left = `${e.clientX}px`;\n\n document.body.appendChild(rightClickMenu);\n});\n\ndocument.addEventListener('click', function (e) {\n const rightClickMenu = document.getElementById('right-click-menu');\n if (rightClickMenu) {\n rightClickMenu.remove();\n }\n});\n// Create clear notifications button\nconst clearNotificationsBtn = document.createElement('button');\nclearNotificationsBtn.id = 'clear-notifications-button';\nclearNotificationsBtn.innerHTML = 'Clear Notifications';\nclearNotificationsBtn.onclick = () => {\n while (notificationsList.firstChild) {\n notificationsList.firstChild.remove();\n }\n};\ndocument.getElementById('taskbar').appendChild(clearNotificationsBtn);\ndocument.getElementById('settings-button').addEventListener('click', function () {\n openSettings();\n});\ndocument.getElementById('clock-button').addEventListener('click', function () {\n openClock();\n});\ndocument.getElementById('calculator-button').addEventListener('click', function () {\n openCalculator();\n});\nfunction updateClock() {\n const now = new Date();\n const hours = now.getHours().toString().padStart(2, '0');\n const minutes = now.getMinutes().toString().padStart(2, '0');\n const seconds = now.getSeconds().toString().padStart(2, '0');\n\n document.getElementById('taskbar-clock').innerText = `${hours}:${minutes}:${seconds}`;\n}\n// Create notifications button\nconst notificationsBtn = document.createElement('button');\nnotificationsBtn.id = 'notifications-button';\nnotificationsBtn.innerHTML = 'Notifications';\ndocument.getElementById('taskbar').appendChild(notificationsBtn);\n\nconst notificationsList = document.createElement('ul');\nnotificationsList.id = 'notifications-list';\nnotificationsList.style.display = 'none'; // Initially hide the notifications list\nnotificationsList.appendChild(clearNotificationsBtn); // Append the clear notifications button to the notifications list\ndocument.getElementById('taskbar').appendChild(notificationsList);\n// Notifications button click event\nnotificationsBtn.onclick = () => {\n if (notificationsList.style.display === 'none') {\n notificationsList.style.display = 'block'; // Show notifications list\n } else {\n notificationsList.style.display = 'none'; // Hide notifications list\n }\n};\n\n// Function to add a notification\nfunction addNotification(message) {\n const notification = document.createElement('li');\n notification.innerHTML = message;\n notificationsList.appendChild(notification);\n}\n\n// Add initial notifications\naddNotification('Welcome to simulator!');\nconst logoutBtn = document.createElement('button');\nlogoutBtn.id = 'logout-button';\nlogoutBtn.innerHTML = 'Logout';\nlogoutBtn.onclick = () => createModal(\"Are you sure you'd like to logout?\", logoutConfirmation);\n\nfunction createModal(content, callback) {\n const overlay = document.createElement('div');\n overlay.style.position = 'fixed';\n overlay.style.top = '0';\n overlay.style.bottom = '0';\n overlay.style.left = '0';\n overlay.style.right = '0';\n overlay.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';\n overlay.style.display = 'flex';\n overlay.style.justifyContent = 'center';\n overlay.style.alignItems = 'center';\n document.body.appendChild(overlay);\n\n const modal = document.createElement('div');\n modal.style.backgroundColor = '#fff';\n modal.style.padding = '20px';\n modal.style.width = '400px';\n modal.style.maxHeight = '80%';\n modal.style.overflowY = 'auto';\n modal.innerText = content;\n overlay.appendChild(modal);\n\n if (callback) { // Check if the callback function is provided\n const yesButton = document.createElement('button');\n yesButton.textContent = 'Yes';\n yesButton.addEventListener('click', function () {\n document.body.removeChild(overlay);\n callback(true);\n });\n modal.appendChild(yesButton);\n\n const noButton = document.createElement('button');\n noButton.textContent = 'No';\n noButton.addEventListener('click', function () {\n document.body.removeChild(overlay);\n callback(false);\n });\n modal.appendChild(noButton);\n } else { // If no callback function is provided, create an 'OK' button instead\n const okButton = document.createElement('button');\n okButton.textContent = 'OK';\n okButton.addEventListener('click', function () {\n document.body.removeChild(overlay);\n });\n modal.appendChild(okButton);\n }\n}\n\nfunction logoutConfirmation(confirm) {\n if (confirm) {\n location.reload();\n }\n}document.getElementById('taskbar').appendChild(logoutBtn);\n// Update the clock immediately and then every second\nupdateClock();\nsetInterval(updateClock, 1000);\nfunction openCalculator() {\n closeWindow(); // Close the current window\n\n const win = document.createElement('div');\n win.className = 'window calculator';\n currentWindow = win; // Set the current window to the new window\n\n const closeButton = document.createElement('button');\n closeButton.innerText = '❌';\n closeButton.className = 'close-button';\n closeButton.addEventListener('click', function (event) {\n event.stopPropagation(); // Stop the event from bubbling up to the window\n win.remove();\n });\n win.appendChild(closeButton);\n\n const maximizeButton = document.createElement('button');\n maximizeButton.innerText = '⭕';\n maximizeButton.className = 'maximize-button';\n maximizeButton.addEventListener('click', function (event) {\n event.stopPropagation(); // Stop the event from bubbling up to the window\n if (win.style.width === '100%') {\n win.style.width = '400px';\n win.style.height = '300px';\n } else {\n win.style.width = '100%';\n win.style.height = '100%';\n }\n });\n win.appendChild(maximizeButton);\n\n const calculatorScreen = document.createElement('div');\n calculatorScreen.className = 'calculator-screen';\n win.appendChild(calculatorScreen);\n\n const calculatorButtons = document.createElement('div');\n calculatorButtons.className = 'calculator-buttons';\n win.appendChild(calculatorButtons);\n\n ['7', '8', '9', '4', '5', '6', '1', '2', '3', '0', '+', '-', '*', '/', '='].forEach(function (button) {\n const calculatorButton = document.createElement('button');\n calculatorButton.innerText = button;\n calculatorButton.addEventListener('click', function () {\n if (button === '=') {\n try {\n calculatorScreen.innerText = eval(calculatorScreen.innerText);\n } catch (error) {\n calculatorScreen.innerText = \"Error!\";\n }\n } else {\n calculatorScreen.innerText += button;\n }\n });\n calculatorButtons.appendChild(calculatorButton);\n });\n\n document.body.appendChild(win);\n}\nfunction openClock() {\n closeWindow(); // Close the current window\n\n const win = document.createElement('div');\n win.className = 'window clock';\n currentWindow = win; // Set the current window to the new window\n\n const closeButton = document.createElement('button');\n closeButton.innerText = '❌';\n closeButton.className = 'close-button';\n closeButton.addEventListener('click', function (event) {\n event.stopPropagation(); // Stop the event from bubbling up to the window\n win.remove();\n });\n win.appendChild(closeButton);\n\n const maximizeButton = document.createElement('button');\n maximizeButton.innerText = '⭕';\n maximizeButton.className = 'maximize-button';\n maximizeButton.addEventListener('click', function (event) {\n event.stopPropagation(); // Stop the event from bubbling up to the window\n if (win.style.width === '100%') {\n win.style.width = '400px';\n win.style.height = '300px';\n } else {\n win.style.width = '100%';\n win.style.height = '100%';\n }\n });\n win.appendChild(maximizeButton);\n\n const timeDisplay = document.createElement('div');\n timeDisplay.className = 'time-display';\n win.appendChild(timeDisplay);\n\n document.body.appendChild(win);\n\n let isDragging = false;\n let previousMousePosition = { x: 0, y: 0 };\n\n win.addEventListener('mousedown', function (event) {\n isDragging = true;\n previousMousePosition = { x: event.clientX, y: event.clientY };\n });\n\n win.addEventListener('mousemove', function (event) {\n if (!isDragging) return;\n const dx = event.clientX - previousMousePosition.x;\n const dy = event.clientY - previousMousePosition.y;\n win.style.left = (win.offsetLeft + dx) + 'px';\n win.style.top = (win.offsetTop + dy) + 'px';\n previousMousePosition = { x: event.clientX, y: event.clientY };\n });\n\n win.addEventListener('mouseup', function () {\n isDragging = false;\n });\n\n function updateClock() {\n const now = new Date();\n const hours = now.getHours().toString().padStart(2, '0');\n const minutes = now.getMinutes().toString().padStart(2, '0');\n const seconds = now.getSeconds().toString().padStart(2, '0');\n timeDisplay.innerText = `${hours}:${minutes}:${seconds}`;\n }\n\n setInterval(updateClock, 1000);\n}\nfunction openSettings() {\n // Close any open window\n closeWindow();\n\n // Create a new window for settings\n const win = document.createElement('div');\n win.className = 'window settings';\n currentWindow = win; // Set the current window to the new window\n\n // Add close and maximize buttons\n const closeButton = document.createElement('button');\n closeButton.innerText = '❌';\n closeButton.className = 'close-button';\n closeButton.addEventListener('click', function (event) {\n event.stopPropagation(); // Stop the event from bubbling up to the window\n win.remove();\n });\n win.appendChild(closeButton);\n\n const maximizeButton = document.createElement('button');\n maximizeButton.innerText = '⭕';\n maximizeButton.className = 'maximize-button';\n maximizeButton.addEventListener('click', function (event) {\n event.stopPropagation(); // Stop the event from bubbling up to the window\n if (win.style.width === '100%') {\n win.style.width = '400px';\n win.style.height = '300px';\n } else {\n win.style.width = '100%';\n win.style.height = '100%';\n }\n });\n win.appendChild(maximizeButton);\n const displaySettingsSection = document.createElement('div');\n displaySettingsSection.innerText = 'Display Settings';\n win.appendChild(displaySettingsSection);\n // Add options for background color, main font, and max icon size\n const bgColorOption = document.createElement('div');\n bgColorOption.innerText = 'Background Color: ';\n const bgColorInput = document.createElement('input');\n bgColorInput.type = 'color';\n bgColorOption.appendChild(bgColorInput);\n win.appendChild(bgColorOption);\n\n const fontOption = document.createElement('div');\n fontOption.innerText = 'Main Font: ';\n const fontInput = document.createElement('input');\n fontInput.type = 'text';\n fontOption.appendChild(fontInput);\n win.appendChild(fontOption);\n\n const iconSizeOption = document.createElement('div');\n iconSizeOption.innerText = 'Max Icon Size on Desktop: ';\n const iconSizeInput = document.createElement('input');\n iconSizeInput.type = 'number';\n iconSizeOption.appendChild(iconSizeInput);\n win.appendChild(iconSizeOption);\n\n document.body.appendChild(win);\n bgColorInput.addEventListener('change', function () {\n document.body.style.backgroundColor = this.value;\n });\n\n fontInput.addEventListener('change', function () {\n document.body.style.fontFamily = this.value;\n });\n\n iconSizeInput.addEventListener('change', function () {\n const desktopIcon = document.querySelector('.desktop-icon img');\n if (desktopIcon) {\n desktopIcon.style.maxWidth = `${this.value}px`;\n desktopIcon.style.maxHeight = `${this.value}px`;\n }\n });\n // Add option to change background image\n const bgImageOption = document.createElement('div');\n bgImageOption.innerText = 'Background Image: ';\n const bgImageInput = document.createElement('input');\n bgImageInput.type = 'file';\n bgImageInput.accept = 'image/*';\n bgImageOption.appendChild(bgImageInput);\n displaySettingsSection.appendChild(bgImageOption);\n bgImageInput.addEventListener('change', function () {\n const reader = new FileReader();\n reader.onload = function (e) {\n document.body.style.backgroundImage = `url(${e.target.result})`;\n };\n reader.readAsDataURL(this.files[0]);\n });\n}\nfunction startGame(username) {\n document.getElementById('login-overlay').style.display = 'none';\n document.getElementById('taskbar').style.display = 'flex';\n console.log('Starting game for user: ' + username);\n // Continue with the rest of your game setup here...\n}\ndocument.getElementById('start-button').addEventListener('click', function () {\n const menu = document.getElementById('start-menu');\n if (menu.style.display === 'none') {\n menu.style.display = 'block';\n } else {\n menu.style.display = 'none';\n }\n});\n\ndocument.querySelector('#start-menu li').addEventListener('click', function () {\n openFileExplorer();\n});\ndocument.getElementById('notepad-button').addEventListener('click', function () {\n openNotepad();\n});\nfunction openRecycleBin() {\n closeWindow(); // Close the current window\n\n const win = document.createElement('div');\n win.className = 'window recycle-bin';\n currentWindow = win; // Set the current window to the new window\n\n // Create close and maximize button like before\n const closeButton = document.createElement('button');\n closeButton.innerText = '❌';\n closeButton.className = 'close-button';\n closeButton.addEventListener('click', function (event) {\n event.stopPropagation(); // Stop the event from bubbling up to the window\n win.remove();\n });\n win.appendChild(closeButton);\n\n const maximizeButton = document.createElement('button');\n maximizeButton.innerText = '⭕';\n maximizeButton.className = 'maximize-button';\n maximizeButton.addEventListener('click', function (event) {\n event.stopPropagation(); // Stop the event from bubbling up to the window\n if (win.style.width === '100%') {\n win.style.width = '400px';\n win.style.height = '300px';\n } else {\n win.style.width = '100%';\n win.style.height = '100%';\n }\n });\n win.appendChild(maximizeButton);\n\n // Set current folder to Recycle Bin\n currentFolder = fileSystem['Desktop']['Recycle Bin'];\n\n const content = document.createElement('div');\n content.className = 'content';\n for (let name in currentFolder) {\n const item = document.createElement('div');\n item.innerText = name;\n item.className = 'item';\n item.addEventListener('click', function () {\n if (typeof currentFolder[name] === 'object') { // Check if the clicked item is a folder\n navigationHistory.push(currentFolder); // Add the current folder to the navigation history\n currentFolder = currentFolder[name]; // Navigate into the clicked folder\n openRecycleBin(); // Refresh the recycle bin window\n }\n });\n content.appendChild(item);\n }\n win.appendChild(content);\n\n document.body.appendChild(win);\n\n let isDragging = false;\n let previousMousePosition = { x: 0, y: 0 };\n\n win.addEventListener('mousedown', function (event) {\n isDragging = true;\n previousMousePosition = { x: event.clientX, y: event.clientY };\n });\n\n win.addEventListener('mousemove', function (event) {\n if (!isDragging) return;\n const dx = event.clientX - previousMousePosition.x;\n const dy = event.clientY - previousMousePosition.y;\n win.style.left = (win.offsetLeft + dx) + 'px';\n win.style.top = (win.offsetTop + dy) + 'px';\n previousMousePosition = { x: event.clientX, y: event.clientY };\n });\n\n win.addEventListener('mouseup', function () {\n isDragging = false;\n });\n}\n// Create Recycle Bin desktop icon\nconst recycleBinIcon = document.createElement('div');\nrecycleBinIcon.className = 'desktop-icon';\n\n// Create image element and set the source to the path of the image\nconst binImage = document.createElement('img');\nbinImage.src = 'https://www.tenforums.com/geek/gars/images/2/types/thumb_Recycle_Bin_Empty.png'; // replace this with the path to your image\nrecycleBinIcon.appendChild(binImage);\n\nrecycleBinIcon.addEventListener('mousedown', function () {\n openRecycleBin();\n});\ndocument.body.appendChild(recycleBinIcon);\ndocument.body.appendChild(recycleBinIcon);\nfunction openNotepad() {\n closeWindow(); // Close the current window\n\n const win = document.createElement('div');\n win.className = 'window notepad';\n currentWindow = win; // Set the current window to the new window\n\n const closeButton = document.createElement('button');\n closeButton.innerText = '❌';\n closeButton.className = 'close-button';\n closeButton.addEventListener('click', function (event) {\n event.stopPropagation(); // Stop the event from bubbling up to the window\n win.remove();\n });\n win.appendChild(closeButton);\n\n const maximizeButton = document.createElement('button');\n maximizeButton.innerText = '⭕';\n maximizeButton.className = 'maximize-button';\n maximizeButton.addEventListener('click', function (event) {\n event.stopPropagation(); // Stop the event from bubbling up to the window\n if (win.style.width === '100%') {\n win.style.width = '400px';\n win.style.height = '300px';\n } else {\n win.style.width = '100%';\n win.style.height = '100%';\n }\n });\n win.appendChild(maximizeButton);\n const iframe = document.createElement('iframe');\n iframe.src = 'https://www.jippity.pro/170'; // Replace with the website you wish to embed\n iframe.style.width = '100%'; // Set the iframe width to 100%\n iframe.style.height = '100%'; // Set the iframe height to 100%\n iframe.style.border = '0'; // Remove the iframe border\n win.appendChild(iframe);\n document.body.appendChild(win);\n\n\n let isDragging = false;\n let previousMousePosition = { x: 0, y: 0 };\n\n win.addEventListener('mousedown', function (event) {\n isDragging = true;\n previousMousePosition = { x: event.clientX, y: event.clientY };\n });\n\n win.addEventListener('mousemove', function (event) {\n if (!isDragging) return;\n const dx = event.clientX - previousMousePosition.x;\n const dy = event.clientY - previousMousePosition.y;\n win.style.left = (win.offsetLeft + dx) + 'px';\n win.style.top = (win.offsetTop + dy) + 'px';\n previousMousePosition = { x: event.clientX, y: event.clientY };\n });\n\n win.addEventListener('mouseup', function () {\n isDragging = false;\n });\n}\nconst fileSystem = {\n 'Desktop': {\n 'My Computer': {\n 'C:': {\n 'Program Files': {},\n 'Users': {\n 'Public': {},\n 'Default': {},\n },\n 'Windows': {},\n },\n 'D:': {},\n },\n 'Recycle Bin': {\n 'deletedFile1.txt': {},\n 'deletedFile2.doc': {},\n },\n 'My Documents': {\n 'Homework': {\n 'Math': {\n 'homework1.txt': {},\n 'homework2.txt': {},\n },\n 'Science': {\n 'lab1.txt': {},\n 'lab2.txt': {},\n },\n },\n 'Photos': {\n 'Vacation': {},\n 'Family': {},\n },\n 'Music': {\n 'Favourite Songs': {},\n 'Albums': {},\n },\n },\n },\n 'My Documents': {\n 'file1.txt': {},\n 'file2.txt': {},\n },\n};\nlet currentFolder = fileSystem['Desktop']; // The folder that the user is currently viewing\nlet navigationHistory = []; // Stack of folders that the user has navigated through\nlet currentWindow = null; // The window that is currently open\n\nfunction closeWindow() {\n if (currentWindow) {\n currentWindow.remove();\n currentWindow = null;\n }\n const rightClickMenu = document.getElementById('right-click-menu');\n if (rightClickMenu) {\n rightClickMenu.remove();\n }\n}\n\nfunction openFileExplorer() {\n closeWindow(); // Close the current window\n\n const win = document.createElement('div');\n win.className = 'window file-explorer';\n currentWindow = win; // Set the current window to the new window\n\n\n const closeButton = document.createElement('button');\n closeButton.innerText = '❌';\n closeButton.className = 'close-button';\n win.appendChild(closeButton);\n\n const maximizeButton = document.createElement('button');\n maximizeButton.innerText = '⭕';\n maximizeButton.className = 'maximize-button';\n win.appendChild(maximizeButton);\n const backButton = document.createElement('button');\n backButton.innerText = '⬅';\n backButton.className = 'back-button';\n backButton.addEventListener('click', function () {\n if (navigationHistory.length > 0) {\n currentFolder = navigationHistory.pop(); // Go back to the last folder\n openFileExplorer(); // Refresh the file explorer window\n }\n });\n const newFolderButton = document.createElement('button');\n newFolderButton.innerText = 'New Folder';\n newFolderButton.addEventListener('click', function () {\n const folderName = prompt('Enter the name of the new folder:');\n if (folderName) {\n currentFolder[folderName] = {};\n openFileExplorer(); // Refresh the file explorer window\n }\n });\n win.appendChild(newFolderButton);\n win.appendChild(backButton);\n const content = document.createElement('div');\n content.className = 'content';\n for (let name in currentFolder) {\n const item = document.createElement('div');\n item.innerText = name;\n item.className = 'item';\n item.addEventListener('click', function () {\n if (typeof currentFolder[name] === 'object') { // Check if the clicked item is a folder\n navigationHistory.push(currentFolder); // Add the current folder to the navigation history\n currentFolder = currentFolder[name]; // Navigate into the clicked folder\n openFileExplorer(); // Refresh the file explorer window\n }\n });\n content.appendChild(item);\n }\n win.appendChild(content);\n\n document.body.appendChild(win);\n\n\n\n let isDragging = false;\n let previousMousePosition = { x: 0, y: 0 };\n\n win.addEventListener('mousedown', function (event) {\n isDragging = true;\n previousMousePosition = { x: event.clientX, y: event.clientY };\n });\n closeButton.addEventListener('click', function (event) {\n event.stopPropagation(); // Stop the event from bubbling up to the window\n win.remove();\n });\n\n maximizeButton.addEventListener('click', function (event) {\n event.stopPropagation(); // Stop the event from bubbling up to the window\n if (win.style.width === '100%') {\n win.style.width = '400px';\n win.style.height = '300px';\n } else {\n win.style.width = '100%';\n win.style.height = '100%';\n }\n });\n win.addEventListener('mousemove', function (event) {\n if (!isDragging) return;\n const dx = event.clientX - previousMousePosition.x;\n const dy = event.clientY - previousMousePosition.y;\n win.style.left = (win.offsetLeft + dx) + 'px';\n win.style.top = (win.offsetTop + dy) + 'px';\n previousMousePosition = { x: event.clientX, y: event.clientY };\n });\n\n win.addEventListener('mouseup', function () {\n isDragging = false;\n });\n\n closeButton.addEventListener('click', function () {\n win.remove();\n });\n\n maximizeButton.addEventListener('click', function () {\n if (win.offsetWidth === window.innerWidth) {\n win.style.width = '400px';\n win.style.height = '300px';\n win.style.left = '0px';\n win.style.top = '0px';\n } else {\n win.style.width = '100%';\n win.style.height = '100%';\n win.style.left = '0px';\n win.style.top = '0px';\n }\n });\n}\ndocument.getElementById('search-bar').addEventListener('input', function (event) {\n const searchQuery = event.target.value.toLowerCase();\n\n // List of all available applications\n const applications = ['notepad', 'settings', 'clock', 'calculator'];\n\n const filteredApps = applications.filter(app => app.includes(searchQuery));\n\n // Clears the start menu\n const startMenu = document.getElementById('start-menu');\n startMenu.innerHTML = '';\n\n // Adds the filtered applications to the start menu\n for (const app of filteredApps) {\n const appElement = document.createElement('li');\n appElement.textContent = app.charAt(0).toUpperCase() + app.slice(1); // Make the first letter uppercase\n\n // Adds a click event listener to open the application\n appElement.addEventListener('click', function () {\n window['open' + app.charAt(0).toUpperCase() + app.slice(1)](); // Calls the function to open the application\n });\n\n startMenu.appendChild(appElement);\n }\n\n // Shows the start menu\n startMenu.style.display = 'block';\n});\nfunction addNotificationUpdate() {\n const notificationUpdate = document.createElement('li');\n const updateButton = document.createElement('button');\n updateButton.innerHTML = \"Update to Windows 9\";\n notificationUpdate.appendChild(updateButton);\n notificationsList.appendChild(notificationUpdate);\n\n updateButton.onclick = () => {\n createModal(\"Are you sure you want to update to Windows 9?\", updateConfirmation);\n\n }\n}\n// Add initial notifications update\naddNotificationUpdate();\n\nfunction updateConfirmation(confirm) {\n if (confirm) {\nopenUpdateWindow(\"You cannot update!\")\n // Here you can add the function that updates the system to Windows 9\n }\n}\n// Function to open a new window with a custom message\nfunction openUpdateWindow(message) {\n const win = document.createElement('div');\n win.className = 'window update-window';\n currentWindow = win;\n\n const content = document.createElement('p');\n content.innerText = message;\n win.appendChild(content);\n\n const cancelButton = document.createElement('button');\n cancelButton.innerText = 'Cancel';\n cancelButton.className = 'cancel-button';\n cancelButton.addEventListener('click', function (event) {\n event.stopPropagation();\n win.remove();\n });\n win.appendChild(cancelButton);\n\n document.body.appendChild(win);\n}","style.css":"#login-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n color: white;\r\n text-align: center;\r\n}\r\n\r\n#login-form input {\r\n margin-top: 20px;\r\n padding: 10px;\r\n font-size: 18px;\r\n}\r\n\r\n#login-form button {\r\n margin-top: 20px;\r\n padding: 10px 20px;\r\n font-size: 18px;\r\n background-color: #4CAF50;\r\n color: white;\r\n border: none;\r\n cursor: pointer;\r\n}\r\n\r\n#login-form button:hover {\r\n background-color: #45a049;\r\n}","index.html":"\n\n\n\n \n \n WindowsWorld Game\n \n\n

\n \n \n

\n\n

\n\n\n \n\n\n\n\n"},"chat_history":[{"message":"make upgarde to windows 9 installer look like a installer\n","project_id":288,"created_at":"2024-01-06T23:19:54.976046Z","output_tokens":null,"sender":"human","code_id":16927,"deleted":0,"input_tokens":null,"id":10611},{"message":"Sure, let's modify the `openUpdateWindow` function to give it more of an installer look. \n\n```javascript\n// Function to open a new window with a custom message\nfunction openUpdateWindow(message) {\n const win = document.createElement('div');\n win.className = 'window update-window';\n currentWindow = win;\n\n const title = document.createElement('h1');\n title.innerText = 'Windows 9 Installer';\n win.appendChild(title);\n\n const content = document.createElement('p');\n content.innerText = message;\n win.appendChild(content);\n\n const progressBar = document.createElement('div');\n progressBar.className = 'progress-bar';\n win.appendChild(progressBar);\n\n const cancelButton = document.createElement('button');\n cancelButton.innerText = 'Cancel';\n cancelButton.className = 'cancel-button';\n cancelButton.addEventListener('click', function (event) {\n event.stopPropagation();\n win.remove();\n","project_id":288,"created_at":"2024-01-06T23:19:54.981834Z","output_tokens":null,"sender":"ai","code_id":16927,"deleted":0,"input_tokens":null,"id":10612},{"message":"make it basiclly after 3 seconds say \"Your device is not complatible with windows 9 as your device does not have 1gb of ram, a supported CPU, at least a nvidia 900 series gpu, A supported display\"","project_id":288,"created_at":"2024-01-06T23:22:04.305924Z","output_tokens":null,"sender":"human","code_id":16932,"deleted":0,"input_tokens":null,"id":10615},{"message":"","project_id":288,"created_at":"2024-01-06T23:22:04.312223Z","output_tokens":null,"sender":"ai","code_id":16932,"deleted":0,"input_tokens":null,"id":10616}],"assets":[],"messages_sent":97,"comments":[],"steps":[{"title":"File Explorer","instruction":"Create a file explorer window where users can navigate through folders and interact with files.","created_at":"2024-01-06T03:21:18.419456","project_id":288,"complete":false,"step_number":0,"updated_at":"2024-01-06T03:21:18.419457","id":1791},{"title":"Customizable Desktop","instruction":"Allow users to customize their desktop background, icon arrangement, and other visual elements.","created_at":"2024-01-06T03:21:18.419509","project_id":288,"complete":false,"step_number":1,"updated_at":"2024-01-06T03:21:18.419510","id":1792},{"title":"Mini-games","instruction":"Include mini-games within the Windows-like interface, such as a puzzle game or a memory game.","created_at":"2024-01-06T03:21:18.419650","project_id":288,"complete":false,"step_number":2,"updated_at":"2024-01-06T03:21:18.419652","id":1793},{"title":"System Notifications","instruction":"Implement system notifications that appear in the taskbar to simulate real-time events or updates.","created_at":"2024-01-06T03:21:18.419702","project_id":288,"complete":false,"step_number":3,"updated_at":"2024-01-06T03:21:18.419703","id":1794},{"title":"Sound Effects","instruction":"Add sound effects to enhance the gaming experience, such as button clicks or window opening/closing sounds.","created_at":"2024-01-06T03:21:18.419740","project_id":288,"complete":false,"step_number":4,"updated_at":"2024-01-06T03:21:18.419741","id":1795}]}

Welcome to WindowsWorld!