<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>nyzcez</title>
    <script src="assets/js/jnyzcez.js"></script>
</head>
<body>
    <div class="window" id="cmd-window">
        <div class="title-bar" id="title-bar">
            <div class="title">
                <img src="assets/images/Cmd.png" alt="Windows Logo">
                <span>C:\WINDOWS\system32\cmd.exe</span>
            </div>
            <div class="title-bar-buttons">
                <div class="button" id="minimize"></div>
                <div class="button" id="maximize"></div>
                <div class="button" id="close"></div>
            </div>            
        </div>
        <div class="cmd-container" id="cmd-container">
            <div class="output">Microsoft Windows [Version 10.0.26100.2894]</div>
            <div class="output">(c) Microsoft Corporation. All rights reserved.</div>
            <div class="output">󠀧</div>
            <div id="output-area"></div>
            <div class="cmd-line">
                <span>C:\Users\nyzcez></span>
                <input type="text" id="input" autofocus>
            </div>
        </div>
    </div>
    <div class="taskbar">
        <div class="taskbar-start">
            <img src="assets/images/Start.png" class="taskbar-icon">
            <img src="assets/images/search.png" class="taskbar-icon">
            <img src="assets/images/Task View.png" class="taskbar-icon">
            <img src="assets/images/Cloud Rain.png" class="taskbar-icon">
            <img src="assets/images/Copilot.png" class="taskbar-icon">
            <img src="assets/images/Explorer.png" class="taskbar-icon">
            <img src="assets/images/Edge.png" class="taskbar-icon">
            <img src="assets/images/Opera GX.png" class="taskbar-icon">
            <img src="assets/images/Microsoft Store.png" class="taskbar-icon">
            <img src="assets/images/Spotify.png" class="taskbar-icon">
            <img src="assets/images/Discord.png" class="taskbar-icon">
            <img src="assets/images/Steam.png" class="taskbar-icon">
            <img src="assets/images/Visual Studio.png" class="taskbar-icon">
            <img src="assets/images/Cmd.png" class="taskbar-icon" id="cmd-icon">
        </div>
        <div class="taskbar-system-icons">
            <img src="assets/images/Bluetooth.png" class="taskbar-icon" id="bluetooth-icon" alt="Bluetooth">
            <img src="assets/images/Volume.png" class="taskbar-icon" id="volume-icon" alt="Volume">
            <img src="assets/images/Network.png" class="taskbar-icon" id="network-icon" alt="Network">
            <div class="taskbar-clock">
                <span id="time">6:36 PM</span>
                <img src="assets/images/Notification.png" class="taskbar-icon" alt="Notifications">
                <img src="assets/images/Show Desktop.png" class="taskbar-icon">
            </div>
        </div>
    </div>

    <div class="bluetooth-menu" id="bluetooth-menu">
        <h3>Bluetooth</h3>
        <div class="toggle-container">
            <span>Bluetooth</span>
            <input type="checkbox">
        </div>
        <ul>
            <li>New devices</li>
            <li>Troubleshoot Bluetooth connections</li>
        </ul>
        <div class="footer">
            <a href="#">More Bluetooth settings</a>
        </div>
    </div>

    <div class="volume-menu" id="volume-menu">
        <div class="menu-grid">
            <div class="menu-item">
                <img src="assets/images/Bluetooth.png" alt="Bluetooth">
                <span>Bluetooth</span>
            </div>
            <div class="menu-item">
                <img src="assets/images/Airplane.png" alt="Airplane Mode">
                <span>Airplane Mode</span>
            </div>
            <div class="menu-item">
                <img src="assets/images/Accessibility.png" alt="Accessibility">
                <span>Accessibility</span>
            </div>
            <div class="menu-item">
                <img src="assets/images/Energy Saver.png" alt="Energy Saver">
                <span>Energy Saver</span>
            </div>
            <div class="menu-item">
                <img src="assets/images/Live Captions.png" alt="Live Captions">
                <span>Live Captions</span>
            </div>
            <div class="menu-item">
                <img src="assets/images/Night Light.png" alt="Night Light">
                <span>Night Light</span>
            </div>
        </div>
        <div class="slider-container">
            <img src="assets/images/Volume.png" alt="Volume Icon">
            <input type="range" min="0" max="100" value="100">
            <img src="assets/images/Volume Control.png">
        </div>
        <div class="settings">
            <img src="assets/images/Settings.png" alt="Settings" class="taskbar-icon">
        </div>
    </div>

    <div class="network-menu" id="network-menu">
        <div class="menu-grid">
            <div class="menu-item">
                <img src="assets/images/Bluetooth.png" alt="Bluetooth">
                <span>Bluetooth</span>
            </div>
            <div class="menu-item">
                <img src="assets/images/Airplane.png" alt="Airplane Mode">
                <span>Airplane Mode</span>
            </div>
            <div class="menu-item">
                <img src="assets/images/Accessibility.png" alt="Accessibility">
                <span>Accessibility</span>
            </div>
            <div class="menu-item">
                <img src="assets/images/Energy Saver.png" alt="Energy Saver">
                <span>Energy Saver</span>
            </div>
            <div class="menu-item">
                <img src="assets/images/Live Captions.png" alt="Live Captions">
                <span>Live Captions</span>
            </div>
            <div class="menu-item">
                <img src="assets/images/Night Light.png" alt="Night Light">
                <span>Night Light</span>
            </div>
        </div>
        <div class="slider-container">
            <img src="assets/images/Volume.png" alt="Volume Icon">
            <input type="range" min="0" max="100" value="100">
            <img src="assets/images/Volume Control.png">
        </div>
        <div class="settings">
            <img src="assets/images/Settings.png" alt="Settings" class="taskbar-icon">
        </div>
    </div>

    <div class="context-menu" id="context-menu">
        <ul>
            <li>View</li>
            <li>Sort by</li>
            <li>Refresh</li>
            <li>New</li>
            <li>Display settings</li>
            <li>Personalize</li>
        </ul>
    </div>
    <div id="notification" class="notification hidden">
        <div class="notification-icon">
            <img src="assets/images/Info.png" alt="Info Icon" />
        </div>
        <div class="notification-content">
            <div class="notification-header">
                <img src="assets/images/nyzcez.png" alt="App Icon" class="app-icon" />
                <h4 class="notification-title">nyzcez</h4>
            </div>
            <p class="notification-message">
                bu site halla nyzcez tarafından geliştiriliyor.<br />
                yeni özelliklerin ve hataların düzeltilmesini bekleyin.
            </p>
        </div>
        <div class="notification-controls">
            <span class="menu">...</span>
            <span class="close" id="close-notification">×</span>
        </div>
    </div>
    
    
    <script src="assets/js/jnyzcez.js"></script>
</body>
</html>