<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta property="og:title" content="Link">
	<meta property="og:url" content="https://moyxs.netlify.app">
    <meta name="”keywords”" content="moyx, roblox, script">
    <meta property="og:image" content="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png">
    <link rel="icon" type="image/png" href="img/main.png">
    <title>@</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/baffle@0.3.6/dist/baffle.min.js"></script>
    <link rel="stylesheet" href="css/styles.css">
</head>

<body>
			<div id="loading">
        <div class="loader"></div>
    </div>
	
	<script>
        // รอให้หน้าเว็บโหลดเสร็จ
        window.addEventListener('load', function () {
            const loader = document.getElementById("loading");

            // เพิ่มเวลา delay ให้หน้าจอโหลด fade-out
            setTimeout(function() {
                loader.style.opacity = '0'; // ค่อยๆ ทำให้หน้าจอโหลดหายไป
                // หลังจากนั้นก็ทำให้การโหลดหายไป
                setTimeout(function() {
                    loader.style.display = 'none'; // ซ่อน #loading
                }, 1500); // รอเวลา 1.5 วินาที (ให้เวลาผ่านไปก่อนที่มันจะหาย)
            }, 200); // delay ก่อนทำ fade
        });
    </script>
    <canvas id="plexus-bg"></canvas>
   <nav class="navbar navbar-expand-lg navbar-dark">
           <div class="container-fluid">
<a class="navbar-brand d-flex align-items-center" href="home.html">
    <img src="img/main.png" alt="Main Logo" class="img-fluid" style="width: 60px; height: auto;" href="home.html">
    <div class="ms-3">
        <div id="clockText" class="clockStyle" href="home.html">NEWBIE</div>
        <div id="clockDisplay" class="clockStyle"></div>

    </div>
</a>
<br>
<br>
<div class="container-fluid">
    <!-- ปุ่ม Toggler -->
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
                    
    <div class="collapse navbar-collapse" id="navbarNav">
        <!-- กลุ่มเมนูหลัก -->
        <ul class="navbar-nav d-flex justify-content-center w-100">
            <li class="nav-item">
                <a class="nav-link" href="home.html">
                    <i class="bi bi-house" style="font-size: 1.6rem;"></i>
                    <span class="link-text"></span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="script.html">
                    <i class="bi bi-code-slash" style="font-size: 1.6rem;"></i>
                    <span class="link-text"></span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="spotify.html">
                    <i class="bi bi-spotify" style="font-size: 1.6rem;"></i>
                    <span class="link-text"></span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="">
                    <i class="" style="font-size: 1.6rem;"></i>
                    <span class="link-text"></span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="">
                    <i class="" style="font-size: 1.6rem;"></i>
                    <span class="link-text"></span>
                </a>
            </li><li class="nav-item">
                <a class="nav-link" href="">
                    <i class="" style="font-size: 1.6rem;"></i>
                    <span class="link-text"></span>
                </a>
            </li><li class="nav-item">
                <a class="nav-link" href="">
                    <i class="" style="font-size: 1.6rem;"></i>
                    <span class="link-text"></span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="">
                    <i class="" style="font-size: 1.6rem;"></i>
                    <span class="link-text"></span>
                </a>
            </li>
        </ul>
     <!-- กลุ่มลิงก์โซเชียล -->
        <ul class="navbar-nav ms-auto d-flex justify-content-center">
            <li class="nav-item">
                <a class="nav-link" href="https://www.instagram.com/mo.icsw/" target="_blank">
                     <i class="bi bi-instagram" style="font-size: 1.6rem;"></i>
                           <span class="link-text"></span>
                                </a>
                                    </li>

        <li class="nav-item">
            <a class="nav-link" href="https://www.facebook.com/is.Moyx" target="_blank">
                <i class="bi bi-facebook" style="font-size: 1.6rem;"></i>
                    <span class="link-text"></span>
                         </a>
                                    </li>
        <li class="nav-item">
            <a class="nav-link" href="https://discord.gg/DENBe6Uc97" target="_blank">
                <i class="bi bi-discord" style="font-size: 1.6rem;"></i>
                    <span class="link-text"></span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </nav>            
                </div>
            </div>
        </nav>
    </div>

<div class="content-container" style="margin-bottom: 50px;">
    <div class="container text-center">
        <div class="row align-items-center" style="margin-bottom: 50px;">
            <div class="col-md-6 text-start">
                
            </div>
        </div>
        <div class="d-flex flex-column align-items-center gap-3 mt-5" style="margin-bottom: 100px;">
            <h4 class="fade-in someSelector" style="animation-delay: 0.2s; font-size: 54px; margin-bottom: 10px;"></h4>
        </div>
    </div>
</div>

    <script src="js/Plexus.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
    <script src="js/main.js"></script>
	<script src="js/webtitle.js"></script>
    <script src="js/event.js"></script>
	<script src="js/clock.js"></script>
</body>
</html>
