/* Hide both by default */
.mac,
.pc {
    display: none;
}

.rounded-video {
    margin-top: 25px;
    border-radius: 15px;
    overflow: hidden; /* Ensures that the video content respects the rounded corners */
}

// Detect the user's OS using navigator.platform
function getOS() {
    const platform = window.navigator.platform.toLowerCase();
    if (platform.indexOf('mac') !== -1) {
        return 'mac';
    } else if (platform.indexOf('win') !== -1) {
        return 'windows';
    }
    // Fallback for other OS (e.g., Linux)
    return 'windows';
}

// Function to show the appropriate shortcut elements
function initShortcuts() {
    // Reset display styles in case of repeated calls
    document.querySelectorAll('.mac, .pc').forEach(elem => {
        elem.style.display = 'none';
    });

    const os = getOS();
    if (os === 'mac') {
        document.querySelectorAll('.mac').forEach(elem => {
            elem.style.display = 'inline';
        });
    } else {
        document.querySelectorAll('.pc').forEach(elem => {
            elem.style.display = 'inline';
        });
    }
}

// Set up MutationObserver on #content-container to detect content changes
function setupObserver() {
    const container = document.getElementById('content-container');
    if (!container) {
        console.warn('#content-container not found.');
        return;
    }

    const observer = new MutationObserver(() => {
        initShortcuts();
    });

    observer.observe(container, {
        childList: true,
        subtree: true
    });
}

// Initialize shortcuts and observer on initial load
initShortcuts();
setupObserver();

Create Folders

Rename Folders

Rearrange Projects / Folders

Delete Folders

Organise your projects into folders for better structure and easier navigation—create, rename, rearrange, and delete folders