Refactored the bidding application by reorganizing the file structure and extracting CSS into separate files.
- The monolithic `control.html` and `display.html` files have been moved into dedicated `controls/` and `display/`
directories.
- All inline CSS has been extracted into component-specific `style.css` files.
- A new `common/style.css` has been created to hold shared styles, promoting reusability and reducing duplication.
These changes improve the project's modularity, separation of concerns (HTML/CSS), and long-term maintainability without
affecting external behavior.
This commit introduces a complete redesign of the auction's front-end, replacing the basic HTML interface with a modern,
responsive, and dark-themed UI.
Key Changes:
- **Modern Aesthetics:** Implemented a dark theme with a card-based layout, custom fonts, and icons for a professional
look and feel.
- **Improved UX:** Added smooth view transitions on the display page and interactive feedback on the control panel
buttons.
- **Animations:** Introduced animations for price updates and successful deal confirmations to enhance the viewing
experience.
- **Responsive Design:** Ensured both `control.html` and `display.html` are usable on various screen sizes.
- **Enhanced Functionality:** Improved the file upload component to show the selected file name.
This commit introduces a lightweight, browser-based auction system.
It consists of two main components that communicate in real-time using the `BroadcastChannel` API, enabling a serverless
front-end experience:
- `display.html`: The public-facing screen for attendees. It shows the current item, price with smooth animation, and
deal announcements. It automatically generates a unique session ID.
- `control.html`: The auctioneer's control panel. It uses the session ID from the display page to connect. It allows for
managing the auction flow, including loading items from a CSV, starting bids, updating prices, and finalizing sales.
