colortile.github.io/index.html at master · colortile/colortile.github.io · 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="ko">
<head>
    <!-- env -->
    <meta charset="utf-8">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="language" content="Korean">
    <meta http-equiv="content-language" content="KO">
    <link rel="shortcut icon" href="static/images/favicon.ico" type="image/x-icon">
    <link rel="icon" href="static/images/favicon.ico" type="image/x-icon">
    <title>틀린 타일 찾기</title>
    <meta name="title" content="틀린 타일 찾기"/>
    <meta name="description" content="내 색감은 몇 점? 지금 바로 테스트하세요! 미묘하게 다른 타일을 찾아서 당신의 색감을 확인할 수 있습니다. 60초 색감테스트 한글판!"/>
    <meta name="keywords" content="색감테스트,테스트,색감,절대색감,60초,한글판,게임">
    <!-- og -->
    <meta property="og:type" content="game"/>
    <meta property="og:site_name" content="틀린 타일 찾기"/>
    <meta property="og:title" content="틀린 타일 찾기"/>
    <meta property="og:image"
          content="static/images/tiny.png"/>
    <meta property="og:url" content="http://colortile.github.io/"/>
    <!-- Apple Touch Icons -->
    <link rel="apple-touch-icon" href="static/images/apple-touch-icon.png"/>
    <link rel="apple-touch-icon" sizes="57x57" href="static/images/apple-touch-icon-57x57.png"/>
    <link rel="apple-touch-icon" sizes="72x72" href="static/images/apple-touch-icon-72x72.png"/>
    <link rel="apple-touch-icon" sizes="114x114" href="static/images/apple-touch-icon-114x114.png"/>
    <link rel="apple-touch-icon" sizes="144x144" href="static/images/apple-touch-icon-144x144.png"/>
    <link rel="apple-touch-icon" sizes="60x60" href="static/images/apple-touch-icon-60x60.png"/>
    <link rel="apple-touch-icon" sizes="120x120" href="static/images/apple-touch-icon-120x120.png"/>
    <link rel="apple-touch-icon" sizes="76x76" href="static/images/apple-touch-icon-76x76.png"/>
    <link rel="apple-touch-icon" sizes="152x152" href="static/images/apple-touch-icon-152x152.png"/>
    <!-- ms -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="application-name" content="틀린 타일 찾기"/>
    <meta name="msapplication-TileColor" content="#263238"/>
    <meta name="msapplication-square70x70logo" content="static/images/tiny.png"/>
    <meta name="msapplication-square150x150logo" content="static/images/square.png"/>
    <meta name="msapplication-wide310x150logo" content="static/images/wide.png"/>
    <meta name="msapplication-square310x310logo" content="static/images/large.png"/>
    <!--[if lte IE 10 ]>
    <link href="//polyfill.io/normalize.css" rel="stylesheet">
    <script src="//polyfill.io"></script>
    <![endif]-->
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.min.css">
    <link rel="stylesheet" href="static/game.min.css">
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>
<div class="container">
    <div id="content">
        <header>
            <div id="score">
                <span class="title"></span>
                <span class="score"></span>
            </div>
            <div id="timer">
                <div id="clock"><span id="time">10</span></div>
                <progress></progress>
            </div>
        </header>
        <div id="map">
            <div id="tiles"></div>
            <div class="panel" id="end">
                <div class="dialog">
                    <h1>종료!</h1>

                    <p><strong class="score"></strong>점 획득!(연속+<span class="combo">1</span>)<br/>

                        당신은 <span class="title"></span>!!</p>
                    <button type="button" class="start">한번 더!</button>
                    <div id="kakaostory-share">카카오스토리로 공유</div>
                    <div class='shareaholic-canvas' data-app='share_buttons' data-app-id='11235234'></div>
                </div>
            </div>
            <div class="panel" id="start">
                <div class="dialog">
                    <h1>틀린 타일 찾기!</h1>
                    <button type="button" class="start">시작!</button>
                    <div class='shareaholic-canvas' data-app='share_buttons' data-app-id='11235234'></div>
                </div>
            </div>
        </div>
    </div>
    <!-- colortile -->
    <div id="ad">
        <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
        <!-- colortile -->
        <ins class="adsbygoogle"
             style="display:block"
             data-ad-client="ca-pub-2105274835750141"
             data-ad-slot="4318557319"
             data-ad-format="auto"></ins>
        <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
    </div>
</div>
<script type='application/javascript' src="static/kakao.link.js"></script>
<script type='application/javascript' src="static/fastclick.min.js"></script>
<script type='application/javascript' src="static/game.min.js"></script>
<script>
    (function (i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r;
        i[r] = i[r] || function () {
            (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date();
        a = s.createElement(o),
                m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

    ga('create', 'UA-32829704-6', 'auto');
    ga('send', 'pageview');

</script>
<script type="text/javascript">
//<![CDATA[
  (function() {
    var shr = document.createElement('script');
    shr.setAttribute('data-cfasync', 'false');
    shr.src = '//dsms0mj1bbhn4.cloudfront.net/assets/pub/shareaholic.js';
    shr.type = 'text/javascript'; shr.async = 'true';
    shr.onload = shr.onreadystatechange = function() {
      var rs = this.readyState;
      if (rs && rs != 'complete' && rs != 'loaded') return;
      var site_id = '59513b4caa6378987aff6642dd623b46';
      try { Shareaholic.init(site_id); } catch (e) {}
    };
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(shr, s);
  })();
//]]>
</script>
</body>
</html>