Interactive Desktop Environment

Overview

The Cyber-Consult Desktop is an interactive web-based desktop environment mimicking the appearance and functionality of a traditional operating system desktop. This project includes a customizable desktop background, interactive desktop icons, draggable and resizable application windows, and a functional taskbar with a start menu and clock. The apps are loaded from Websim.

Features

• Customizable Desktop Background: A visually appealing background that can be easily replaced.
• Interactive Taskbar: A functional taskbar at the bottom of the screen with a start button and a real-time clock.
• Start Menu: An interactive start menu with multiple options including Programs, Documents, Settings, and more.
• Desktop Icons: Clickable desktop icons that open different applications in resizable and draggable windows.
• Application Windows: Draggable and resizable windows with minimize, maximize, and close buttons for each application.

Applications Included

1. Game of Life: A digital evolution simulator.
2. Infinite Story Generator: A choose-your-own-adventure story generator.
3. Asteroids: A classic space shooter game.
4. WebCalc Pro: An advanced scientific calculator.
5. LinkedIn Profile: A shortcut to contact Joe Shenouda via LinkedIn.

How to Use

1. Start Menu: Click the start button on the taskbar to open the start menu. Click outside the menu to close it.
2. Clock: The clock displays the current time in a 12-hour format with AM/PM.
3. Desktop Icons: Click any desktop icon to open the corresponding application. The application window will appear on the desktop.
4. Application Windows:
   • Move: Click and drag the window header to move the window.
   • Resize: Click and drag the resize handle at the bottom-right corner to resize the window.
   • Minimize: Click the minimize button (_) to hide the window.
   • Maximize/Restore: Click the maximize button (□) to enlarge the window to full screen. Click again to restore its size.
   • Close: Click the close button (✖) to close the window.

Customization

• Desktop Background: Change the background-image URL in the #desktop style to update the desktop background.
• Clock Format: Modify the updateClock function in the script to change the clock format.
• Add/Remove Applications: Add or remove desktop icons and their corresponding windows by editing the HTML structure and JavaScript setup functions.

Installation

1. Clone or download the repository to your local machine.
2. Open the index.html file in any web browser to start using the Cyber-Consult Desktop.

Demo

Check out the live demo of this project here.

Contributing

If you wish to contribute to this project, please fork the repository and submit a pull request with your proposed changes.

License

This project is licensed under the MIT License. See the LICENSE file for more details. Created by Joe Shenouda ( Cyber-Consult.org )