imagematch/index.html at master · syedecryptr/imagematch · 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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./css/stopwatch.css">
  <link rel="stylesheet" href="./css/form.css">
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" href="./css/table.css">
  <script defer src="./js/design/all.js"></script> <!--load all styles -->
  <script defer src="./js/design/icons.js"></script> <!--load all styles -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto+Mono'>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"/>
  <title>Image Match</title>
</head>
<body>
        <div class="reload-container" id="reload-container">
            <a href="#" class="refresh-button"><i class="fas fa-redo fa-1x"></i></a>
        </div>
        <div class="container" id="container">
            <form>
                <input id="email" type="email" placeholder="Email" onfocus="this.placeholder = ''"
                onblur="this.placeholder = 'Email'" >
                <a href="#" class="round-button"><i class="fa fa-play fa-1x"></i></a>
            </form>
        </div>
        <div class="centre" id="main">
            <div class="clockcontainer">
                <input class="hidden" id="start" name="controls" type="radio"/>
                <input class="hidden" id="stop" name="controls" type="radio"/>
                <input class="hidden" id="reset" name="controls" type="radio"/>
                <div class="timer">
                  <div class="clockcell">
                    <div class="numbers minute moveten" id="minute"></div>
                  </div>
                  <div class="clockcell divider">
                    <div class="numbers">:</div>
                  </div>
                  <div class="clockcell">
                    <div class="numbers second moveten" id="second"></div>
                  </div>
                  <div class="clockcell divider">
                    <div class="numbers">:</div>
                  </div>
                  <div class="clockcell">
                    <div class="numbers millisecond moveten" id="millisecond"></div>
                  </div>
                </div>
                <!-- <div class="timer-controls">
                  <label for="start"> <i class="fa fa-play"></i></label>
                  <label for="stop"><i class="fa fa-pause"></i></label>
                  <label for="reset"><i class="fa fa-refresh"></i></label>
                </div> -->
            </div>
            <div class="board" id="board">
            </div>
        </div>
        <table class="container" id="table">
          <tr>
          </tr>
        </table>
        <!-- partial -->
  <script src='https://cdnjs.cloudflare.com/ajax/libs/d3/5.9.2/d3.min.js'></script>

  <script src="https://www.gstatic.com/firebasejs/7.14.5/firebase-app.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js"></script>

  <script src="https://www.gstatic.com/firebasejs/7.14.5/firebase-analytics.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.14.5/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.14.5/firebase-database.js"></script>

  <script>
    // Your web app's Firebase configuration
    var firebaseConfig = {
      apiKey: "AIzaSyBFA6pKujAvbwjw5XneUC79EuL6vLlP5sc",
      authDomain: "imagematch-e9c86.firebaseapp.com",
      databaseURL: "https://imagematch-e9c86.firebaseio.com",
      projectId: "imagematch-e9c86",
      storageBucket: "imagematch-e9c86.appspot.com",
      messagingSenderId: "399763931102",
      appId: "1:399763931102:web:fcd0629373f6eafe95a74f",
      measurementId: "G-Y8N1PY1Z44"
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    firebase.analytics();
  </script>
  <script src="./js/design/stopwatch.js" defer></script>
  <script src="./js/gamelogic/config.js" defer></script>
  <script src="./js/gamelogic/utils.js" defer></script>
  <script src="./js/gamelogic/database.js" defer></script>
  <script  src="./js/design/table.js"></script>
  <script src="./js/gamelogic/main.js" defer></script>

</body>
</html>

<!-- add reload buttom -->