FeedTheMonsterJS/index.html at main · chimple/FeedTheMonsterJS · 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
101
102
103
104
105
106
107
<!DOCTYPE html>
<html>
  <head>
    <!-- Facebook Pixel Code -->
    <meta
      name="facebook-domain-verification"
      content="paiq9ccapyi9yz99wxwrx3ikuwvhiv"
    />
    <script>
      !(function (f, b, e, v, n, t, s) {
        if (f.fbq) return;
        n = f.fbq = function () {
          n.callMethod
            ? n.callMethod.apply(n, arguments)
            : n.queue.push(arguments);
        };
        if (!f._fbq) f._fbq = n;
        n.push = n;
        n.loaded = !0;
        n.version = "2.0";
        n.queue = [];
        t = b.createElement(e);
        t.async = !0;
        t.src = v;
        s = b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t, s);
      })(
        window,
        document,
        "script",
        "https://connect.facebook.net/en_US/fbevents.js"
      );
      fbq("init", "3165489767069069");
    </script>
    <noscript>
      <img
        height="1"
        width="1"
        src="https://www.facebook.com/tr?id=3165489767069069&ev=PageView
 &noscript=1"
      />
    </noscript>
    <!-- End Facebook Pixel Code -->
    <meta name="viewport" content="width=device-width, user-scalable=no" />
    <link rel="stylesheet" href="./index.css" />
    <title>Feed The Monster</title>
    <link rel="manifest" href="manifest.json" />
    <link
      rel="shortcut icon"
      href="./assets/images/favicon.png"
      sizes="512x512"
      type="image/png"
    />
  </head>

  <body>
    <div class="game-scene">
      <h1 id="version-info-id">v1.0.40</h1>
      <button id="toggle-btn" class="off">Dev</button>
      <!--Keep the server url in href-->
      <a
        href="https://devcuriousreader.wpcomstaging.com/FeedTheMonsterJS2.2/"
        target="_blank"
        id="pwa_app"
      ></a>
      <div id="loading-screen">
        <img
          id="loading-gif"
          src="./assets/images/loadingImg.gif"
          alt="Loading"
        />
        <div id="progress-bar-container">
          <div id="progress-bar"></div>
        </div>
      </div>
      <img id="monster" src="./assets/images/idle4.png" alt="loading" />

      <div id="discription-text">
        <p>
          Thanks for trying our Feed The Monster web version!<br />To play the
          whole game, visit us on the
          <a
            href="https://play.google.com/store/apps/details?id=com.eduapp4syria.feedthemonsterENGLISH"
            >Google Play Store.</a
          >
        </p>
      </div>
      <!-- <div id="about-company">
        <p>
          Feed The Monster teaches your child the fundamentals of reading.<br />Collect
          monster eggs and feed them letters so they<br />can grow into new
          friends! <br />Supported by Curious Learning.
        </p>
      </div> -->
      <!-- Replace the canvas with a div for feedback text -->
      <div id="title" class="title"></div>
      <div id="feedback-text" class="feedback-text"></div>
      <canvas id="loading"></canvas>
      <canvas id="canvas"></canvas>
    </div>
    <script type="module" src="feedTheMonster.js"></script>
    <script
      type="module"
      src="https://storage.googleapis.com/workbox-cdn/releases/6.4.1/workbox-sw.js"
    ></script>
  </body>
</html>