memoryGame/index.html at master · mikhail911/memoryGame · 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
<!DOCTYPE html>
<html lang="pl">
<head>
    <title>memoryGame</title>
    <meta name="description" content="Simple JS memory game">
    <meta name="keywords" content="simple, memory, game, js, html, css">
    <meta charset="utf-8">
    <link href="https://fonts.googleapis.com/css?family=Oxygen:400,700&amp;subset=latin-ext" rel="stylesheet">
    <link rel="stylesheet" href="style.css" />
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125786914-2"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-125786914-2');
    </script>
</head>
<body>
    <div id="summary" class="hideMe">
        <div id="summaryBox">
            <div id="summaryTitle">Game summary</div>
            <div id="summaryMsg">
                <div class="gridItem">Game percentage:</div>
                <div class="val1"></div>
                <div class="gridItem">Found pairs:</div>
                <div class="val2"></div>
                <div class="gridItem">Pairs left:</div>
                <div class="val3"></div>
                <div class="gridItem">Total clicks:</div>
                <div class="val4"></div>
                <div class="gridItem">Total time:</div>
                <div class="val5"></div>
                <div class="closeButton"><div id="buttonArea"><img src="img/window-close-solid.svg" />&nbsp;Close</div></div>
            </div>
        </div>
    </div>
    <div id="progressBar">
        <div id="timeLeftStatus"></div>
        <div id="progressStatus" class="green"></div>
    </div>
    <div id="scoreBoard">
        <div id="pairsFound">Found pairs: </div>
        <div id="pairsFoundVal">0</div>
        <div id="pairsNotFound">Pairs left: </div>
        <div id="pairsNotFoundVal">10</div>
        <div id="totalClicks">Total clicks:</div>
        <div id="totalClickVal">0</div>
        <div id="startButton" class="green">Start</div>
    </div>
    <div id="game"></div>
    <script src="index.js"></script>
</body>
</html>