index.html

<!DOCTYPE html>
<html lang="it">

<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon">
    <link rel="icon" href="assets/favicon.png">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Practice to beat the Hamster Kombat mini game">
    <meta name="keywords" content="hamster kombat, practice, mini game, daily, combo, key, keys, crypto">
    <meta name="google-site-verification" content="scdyXCVoS6qS6Fei8EeMQO6CjNiTDpbmKJkqhYFqu1k" />
    <title>Hamster Kombat Mini Game</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap">

</head>

<body>

    <div class="game-container">
        <canvas id="gameCanvas" width="330" height="330"></canvas>
    </div>
    <footer>
        <nav>
            <div class="code-display">
                <a id='fspv' style="font-size: 14px;" href="" target="_blank"></a>
            </div>
            <br>

            <!-- Buttons for Season Selection -->
            <div class="season-buttons">
            <button id="season2Btn" onclick="showSeason('season2')" class="season-button active" >SEASON 2</button>
            <button id="season1Btn" onclick="showSeason('season1')" class="season-button">SEASON 1</button>
            </div>
            <p>Scroll to view levels</p>

            <!-- SEASON 1 Levels -->
            <ul id="levelList" style="display: none;">
                <li data-level="20240720">Level 2024-07-20</li>
                <li data-level="20240721" class="active">Level 2024-07-21</li>
                <li data-level="20240722" class="disabled">Level 2024-07-22</li>
            </ul>
    
            <!-- SEASON 2 Levels -->
            <ul id="levelList2">
                <li data-level="20240921">Level 2024-09-21</li>
                <li data-level="20240922" class="active">Level 2024-09-22</li>
                <li data-level="20240923" class="disabled">Level 2024-09-23</li>
            </ul>
    
            <br>
            <div class="footer">
                <div><div class="countdown" id="countdown"></div></div>
                <div>created with love by <strong> <a href="https://github.com/Fast0n/HamsterKombatMiniGame" target="_blank">fast0n</strong></a></div>
            </div>

            
        </nav>
    </footer>
    

    <script src="script/svgImage.js"></script>
    <script src="script/script.js"></script>
    <script src="script/daily.js"></script>
</body>

</html>