TagGame/index.html at main · ecomsys/TagGame · 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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />

    <!-- FAVICON -->
    <link rel="icon" type="image/png" href="/games/taggame/favicon.png" />
    <!-- MOBILE VIEWPORT -->
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, viewport-fit=cover"
    />

    <script>
      window.addEventListener("DOMContentLoaded", () => {
        (function forceDesktopLayout() {
          const BREAKPOINT = 1536;
          const DESIGN_WIDTH = 1536;

          const screenWidth = window.screen.width;
          const dpr = window.devicePixelRatio || 1;
          const realWidth = screenWidth / dpr;

          const meta = document.querySelector('meta[name="viewport"]');
          if (!meta) return;

          if (realWidth < BREAKPOINT) {
            meta.setAttribute("content", "width=device-width, initial-scale=1");
            console.log("adaptive mode:", realWidth);
            return;
          }

          const scale = realWidth / DESIGN_WIDTH;

          meta.setAttribute(
            "content",
            `width=${DESIGN_WIDTH}, initial-scale=${scale}, maximum-scale=${scale}, user-scalable=no`,
          );

          console.log("forced 1920 mode:", { realWidth, scale });
        })();
      });
    </script>

    <!-- ОСНОВНОЙ SEO -->
    <title>Пятнашки — играть онлайн бесплатно (15 Puzzle)</title>

    <meta
      name="description"
      content="Играй в пятнашки (15 puzzle) онлайн бесплатно в браузере. Классическая головоломка: расставь числа по порядку. Без регистрации, на телефоне и ПК."
    />

    <meta
      name="keywords"
      content="пятнашки, 15 puzzle, игра пятнашки, головоломка 15, sliding puzzle, игра 15 онлайн, пятнашки играть бесплатно"
    />

    <meta name="author" content="Ecomsys Games" />
    <meta name="robots" content="index, follow" />

    <!-- THEME COLOR -->
    <meta name="theme-color" content="#3ba7ff" />
    <meta name="msapplication-navbutton-color" content="#3ba7ff" />

    <!-- iOS PWA -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-title" content="Пятнашки" />
    <meta
      name="apple-mobile-web-app-status-bar-style"
      content="black-translucent"
    />
    <meta name="apple-touch-fullscreen" content="yes" />

    <!-- Android PWA -->
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="full-screen" content="yes" />
    <meta name="screen-orientation" content="portrait" />

    <!-- OPEN GRAPH -->
    <meta
      property="og:title"
      content="Пятнашки (15 Puzzle) — играй онлайн бесплатно"
    />
    <meta
      property="og:description"
      content="Классическая игра пятнашки: собери числа от 1 до 15. Играй прямо в браузере без регистрации."
    />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://ecomsys.ru/games/taggame" />
    <meta
      property="og:image"
      content="https://ecomsys.ru/games/taggame/preview.png"
    />
    <meta property="og:site_name" content="15 Puzzle" />

    <!-- TWITTER -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Пятнашки — играй онлайн бесплатно" />
    <meta
      name="twitter:description"
      content="Собери числа от 1 до 15. Классическая головоломка прямо в браузере."
    />
    <meta
      name="twitter:image"
      content="https://ecomsys.ru/games/taggame/preview.png"
    />

    <!-- CANONICAL -->
    <link rel="canonical" href="https://ecomsys.ru/games/taggame" />

    <!-- PWA -->
    <link rel="manifest" href="/games/taggame/manifest.json" />
  </head>

   <body class="m-0 bg-[#7bad89]">
    <div class="fixed inset-0 ">
      <img src="/images/app-bg.webp" class="w-full h-full object-cover" />
    </div>
    <div id="root" class="h-[100dvh] overflow-y-auto relative z-1"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>