This is an interactive webpage designed for a presentation on the topic of deadlocks in operating systems. The project explains the core concepts of deadlocks and features a live simulation to demonstrate a circular wait condition.
- Multi-Section Layout: The page is divided into distinct, themed sections for each topic.
- Smooth Scrolling: A custom JavaScript implementation provides a fluid, inertia-based scrolling effect.
- Blended Transitions: Modern CSS is used to create curved, "scooped" transitions that blend the colors between each section.
- Responsive Design: The layout is fully responsive and adapts to different screen sizes using CSS Grid and Flexbox.
- Interactive Simulation: An HTML5 Canvas element with JavaScript logic provides a live, animated demonstration of a deadlock scenario.
- Reactive Footer: A clean, modern footer lists the project contributors with a hover effect.
- HTML5: For the structure and content of the webpage.
- CSS3: For all styling, layout, and responsiveness. This includes:
- CSS Custom Properties (Variables)
- CSS Grid & Flexbox
- Pseudo-elements for section blending
- JavaScript (ES6): For the interactive deadlock simulation on the HTML5 Canvas and for the custom smooth-scrolling functionality.
- Sharat Chandraa
- Kosuru Sri Vardhan
- Atul Govind M E