<!DOCTYPE html>
<html lang="ko" oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>게임 오픈 카운트다운</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <!-- 숨겨진 메타 정보 추가 -->
    <meta name="description" content="2월 15일일">
    <meta name="author" content="그냥 당신의 여정은 시작됩니다.">
    <!-- 검색엔진에 표시되지 않도록 설정 -->
    <meta name="robots" content="noindex, nofollow">

</head>
<body onkeydown="return false">
    <!-- 배경 동영상 / 이미지 요소 설정 -->
    <div id="background-element">
        <video autoplay muted loop id="background-video">
            <source src="backwhite.mp4" type="video/mp4">
            <source src="backblack.mp4" type="video/mp4">
        </video>
    </div>

    <div class="theme-switch-wrapper">
        <label class="theme-switch">
            <input type="checkbox" id="theme-toggle">
            <span class="slider">
                <span class="icon sun-icon"><i class="fas fa-sun"></i></span>
                <span class="icon moon-icon"><i class="fas fa-moon"></i></span>
            </span>
        </label>
    </div>

    <div class="countdown-container">
        <div class="countdown" id="countdown"></div>
        <div class="message" id="message"></div>
    </div>

    <div class="icon-container" id="icon-container" style="display: none;">
        <a href="https://example.com/link1" class="icon-link"><i class="fas fa-home"></i></a>
        <a href="https://example.com/link2" class="icon-link"><i class="fas fa-info-circle"></i></a>
        <a href="https://example.com/link3" class="icon-link"><i class="fas fa-envelope"></i></a>
    </div>

    <div class="icon-container">
        <a href="https://discord.gg/VsBvRZ65t2" class="icon-link" target="_blank" title="Discord"><i class="fab fa-discord"></i></a>
        <a href="https://www.youtube.com/@%EC%97%90%EC%8A%A4%ED%85%8C%EB%A6%AC%EC%95%84_%EC%9D%BC%EB%8C%80%EA%B8%B0" class="icon-link" target="_blank" title="YouTube"><i class="fab fa-youtube"></i></a>
        <a href="https://open.kakao.com/o/gcXfEpdg" class="icon-link" target="_blank" title="KakaoTalk">
            <svg class="kakao-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 208 191">
                <path fill="currentColor" d="M104 0C46.56 0 0 36.71 0 82c0 29.28 19.47 54.98 48.75 69.47-1.59 5.49-10.24 35.34-10.58 37.69 0 0-.21 1.76.93 2.43.79.46 1.71.35 2.25.28.73-.11 11.45-7.46 32.49-22.27 9.79 1.42 19.89 2.15 30.16 2.15 57.44 0 104-36.71 104-82S161.44 0 104 0z"/>
            </svg>
        </a>
    </div>

    <!-- 숨겨진 텍스트 (화면에는 보이지 않음) -->
    <div style="display: none">
        WEBSECRETCODE
        숨겨진 쿠폰을 찾으셨어요!
        ｡◕‿◕｡
    </div>

    <script src="strings.js"></script> <!-- strings.js 파일 로드 -->
    <script src="script.js"></script>  <!-- 기존 script.js 파일 -->
</body>
</html>