Webception 98

{"name":"Webception 98","description":"Experience the nostalgia of Windows 98 within a web browser through Webception 98, a fun and retro project created with 98.css.","photo":null,"view_count":3,"fork_count":0,"expires_at":null,"created_at":"2024-04-17T02:03:44.496813Z","updated_at":"2024-04-17T02:03:44.496813Z","user_id":2,"status":"PRIVATE","parent_id":null,"id":1187,"user":{"username":"gamerc0der","id":2,"password_hash":null,"updated_at":"2023-12-11T22:13:50.357943Z","reset_token_expiry":null,"subscription_status":null,"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},"code":{"script.js":"document.querySelector('.search-bar button').addEventListener('click', function() {\n let url = document.querySelector('.search-bar input').value;\n if (!url.match(/^https?:\\/\\//)) {\n url = 'https://' + url;\n }\n document.getElementById('webBrowser').src = url;\n});\ndocument.querySelectorAll('.tool-button')[2].addEventListener('click', function() {\n const iframe = document.getElementById('webBrowser');\n iframe.src = iframe.src;\n}); \ndocument.querySelectorAll('.tool-button')[0].addEventListener('click', function() {\n const iframe = document.getElementById('webBrowser');\n iframe.contentWindow.history.back();\n});\ndocument.querySelectorAll('.tool-button')[1].addEventListener('click', function() {\n const iframe = document.getElementById('webBrowser');\n iframe.contentWindow.history.forward();\n});","style.css":".toolbar {\r\n display: flex;\r\n align-items: center;\r\n padding: 4px;\r\n}\r\n\r\n.tool-button {\r\n margin-right: 8px;\r\n}\r\n\r\n.search-bar {\r\n display: flex;\r\n flex-grow: 1;\r\n align-items: center;\r\n}\r\n\r\n.search-bar input {\r\n width: 100%;\r\n margin-right: 8px;\r\n}\r\n\r\n#webBrowser {\r\n width: 100%;\r\n height: 400px; /* Adjust height as needed */\r\n border: none;\r\n}\r\n","index.html":"\n\n\n \n \n Webception 98\n \n\n\n

Microsoft Internet Explorer

\n \n \n \n

\n \n \n

\n\n\n \n\n"},"chat_history":[{"deleted":0,"code_id":67105,"input_tokens":null,"id":36587,"project_id":1187,"sender":"human","message":"Let's get started!","created_at":"2024-04-17T02:05:05.997025Z","output_tokens":null},{"deleted":0,"code_id":67105,"input_tokens":null,"id":36588,"project_id":1187,"sender":"ai","message":"","created_at":"2024-04-17T02:05:06.005840Z","output_tokens":null},{"deleted":0,"code_id":67106,"input_tokens":null,"id":36589,"project_id":1187,"sender":"human","message":"do microsoft explorer window with a search bar at the top a left right thing and refresh thing and more","created_at":"2024-04-17T02:05:23.756572Z","output_tokens":null},{"deleted":0,"code_id":67106,"input_tokens":null,"id":36590,"project_id":1187,"sender":"ai","message":"```html\n

Microsoft Internet Explorer

\n \n \n \n

\n \n \n

\n```\n- This HTML structure defines a Microsoft Internet Explorer window using 98.css styles.\n- It includes a title bar with minimize, maximize, and close buttons.\n- Beneath the title bar is a toolbar with Back, Forward, and Refresh buttons, alongside a search bar with an input field and a Go button.\n- An `