<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ZeroMkdir</title>
    <!-- Meta tags for SEO and social media sharing -->
    <meta property="og:title" content="ZeroMkdir - Products" />
    <meta property="og:description" content="ZeroMkdir is your top choice for quality products, great deals, and exceptional customer service. Visit us to find what you need!" />
    <meta property="og:url" content="https://000x000.netlify.app/" />
    <meta property="og:image" content="https://cdn.pfps.gg/banners/5766-neo.gif" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="ZeroMkdir" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:video" content="https://cdn.pixabay.com/video/2020/04/21/36784-412873690_large.mp4" />
    <meta name="theme-color" content="#43B581" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="ZeroMkdir - Products" />
    <meta name="twitter:description" content="ZeroMkdir is your top choice for quality products, great deals, and exceptional customer service. Visit us to find what you need!" />
    <meta name="twitter:image" content="https://cdn.pfps.gg/banners/5766-neo.gif" />
    <meta name="twitter:site" content="@ZeroMkdir" />
    <meta name="twitter:creator" content="@ZeroMkdir" />
    
    <!-- CSS Links -->
    <link href="assets/css/main.css" rel="stylesheet">
    <link href="assets/css/particles.css" media="screen" rel="stylesheet">
    <link rel="icon" type="image/x-icon" href="assets/images/logo.png">
    
    <!-- Google Fonts -->
    <link href="https://fonts.gstatic.com/" rel="preconnect">
    <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet">
    
	
	 <script>
        function playClickSound() {
            var clickSound = new Audio('assets/sounds/click.mp3');
            clickSound.play();
        }
    </script>
    <!-- JavaScript for Title Change -->
    <script src="assets/js/titlechange.js"></script>

    <!-- Disable Right Click & Keyboard Shortcuts -->
    <script>
        // Disable right-click context menu
        document.addEventListener('contextmenu', function(e) {
            e.preventDefault();  // Disables the right-click context menu
        });

        // Block F12 or right-click "Inspect Element"
        document.onkeydown = function(e) {
            if (e.keyCode == 123) {  // F12
                alert('Developer tools are disabled.');
                return false;
            }
            if (e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)) {  // Ctrl+Shift+I
                alert('Developer tools are disabled.');
                return false;
            }
            if (e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)) {  // Ctrl+U (View Source)
                alert('Viewing the source is disabled.');
                return false;
            }
			            if (e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)) {  // Ctrl+U (View Source)
                alert('Viewing the source is disabled.');
                return false;
            }
			
        };
    </script>

    <!-- Block HTTrack or similar tools -->
    <script>
        if (navigator.userAgent.match(/Mozilla/4.5 (compatible; HTTrack 3.0x; Windows 98)) {
            alert("Scraping tools are not allowed on this site.");
            window.location.href = "about:blank";
        }
    </script>

    <!-- Prevent Caching -->
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
</head>

<body>
    <!-- Background Image -->
    <img src="assets/vids/Untitled.jpg" alt="background-image" style="position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; object-fit: cover; z-index: -1;">
    
    <!-- Audio for Background Music -->
    <audio id="audio" loop autoplay>
        <source src="assets/vids/Untitled.mp3" type="audio/mp3">
        Your browser does not support the audio element.
    </audio>

    <div id="particles-js"></div>

    <div class="center">
        <section>
            <div class="content">
                <h2 style="top: -5cm;">Mkdir</h2>
                <h2 style="top: -5cm;">Mkdir</h2>
            </div>
        </section>
        <link href="assets/css/header.css" rel="stylesheet">
    </div>

    <div class="center">
        <section>
            <div class="button-container">
                <a href="https://pastebin.com/PECty7hH" target="_blank" onclick="playClickSound()">
                    <p class="btns"><i class="fa-solid fa-terminal"></i> AVAILABLE PRODUCTS</p>
                </a>
                <a href="https://t.me/luxabs" target="_blank" onclick="playClickSound()">
                    <p class="btns"><i class="fa-solid fa-terminal"></i> TELEGRAM CONTACT</p>
                </a>
                <a href="#" onclick="toggleMusic()">
                    <p id="musicBtn" class="btns"><i class="fa-solid fa-music"></i> PLAY MUSIC</p>
                </a>
            </div>

            <script>
                window.onload = function() {
                    var audio = document.getElementById('audio');
                    audio.volume = 0.2; // Set the volume to 20%
                };

                function toggleMusic() {
                    var audio = document.getElementById('audio');
                    var btn = document.getElementById('musicBtn');
                    
                    if (audio.paused) {
                        audio.play();
                        btn.innerHTML = '<i class="fa-solid fa-stop"></i> STOP MUSIC';
                    } else {
                        audio.pause();
                        btn.innerHTML = '<i class="fa-solid fa-music"></i> PLAY MUSIC';
                    }
                }
            </script>
        </section>
    </div>

    <!-- JavaScript Files -->
    <script src="assets/js/custom.js"></script>
    <script src="assets/js/particles.js"></script>
    <script src="assets/js/app.js"></script>
    <script crossorigin="anonymous" src="https://kit.fontawesome.com/9105e9014d.js"></script>
</body>
</html>
