emoji-game/index.html at main · titulus/emoji-game · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="en">
<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="manifest" href="manifest.json">
    <link rel="icon" href="/icons/logo.ico" type="image/x-icon">
    <script src="/sdk.js"></script>
    <script>
        if (window.YaGames) {
            YaGames.init().then(ysdk => {
                console.debug('SDK initialized');
                window.ysdk = ysdk;

                ysdk.features.LoadingAPI?.ready();
                console.debug('SDK ready');

                document.getElementsByTagName('body')[0].style.display = '';
                console.debug('body shown');

                ysdk.adv.showBannerAdv();
                console.debug('Sticky banner shown');
            });
        } else {
            document.addEventListener('DOMContentLoaded', () => {
                document.getElementsByTagName('body')[0].style.display = '';
            });
        }
    </script>
</head>
<body style="display: none;" unselectable="on" onselectstart="return false;">
    <div class="game-ui">
        <button id="pause-button">⏸️</button>
        <span id="current-emoji"></span>
        <div id="progress-container">
            <div id="progress-bar"></div>
        </div>
        <span id="next-emoji"></span>
        <div class="score">🎯 <span id="score"></span></div>
    </div>
    <div class="emoji-container"></div>
    <div id="start-screen" class="start-screen">
        <button id="start-button">▶️</button>
    </div>
    <div class="pause-menu" style="display: none;">
        <div class="pause-menu-content">
            <button id="resume-button">⏯️</button>
            <button id="sound-toggle">🔊</button>
        </div>
    </div>
    <div class="game-over" style="display: none;">
        <div class="game-over-content">
            <div class="final-score">🏆 <span id="final-score">0</span></div>
            <div id="emoji-stats"></div>
            <button id="restart-button">🔄→🐙</button>
            <button id="restart-ad-button">📺→🐙</button>
        </div>
    </div>
    <script type="module" src="./src/script.ts"></script>
</body>
</html>