Preparations

Version 0.2.0 is Coming.

1. Optimize details.

Author: OneSitos

README.md

@@ -14,7 +14,7 @@ _🦌 网页小游戏 🥛_
 
 小游戏：吃掉蔡徐坤
 
-最新版本号：[0.1.0](https://github.com/OneSitos/EatKun/tree/0.1.0)
+最新版本号：[0.2.0](https://github.com/OneSitos/EatKun/tree/0.2.0)
 
 [English](README_EN.md)
 |
@@ -80,7 +80,7 @@ _🦌 网页小游戏 🥛_
 
    你可以随意更改右侧文字，就可以显示你想要的内容，**不要删掉双引号**！
 
-3. 找到`static/image`文件夹，点击前显示的图片是`ClickBefore.png`, 点击后的图片是`ClickAfter.png`，网站显示的图标为`ProgressiveWebApps.png`，把他们改成你想要的即可。
+3. 找到`static/image`文件夹，点击前显示的图片是`ClickBefore.png`, 点击后的图片是`ClickAfter.png`，网站显示的图标为`ProgressiveWebApps.png`（比例必须为 1:1），把他们改成你想要的即可。
 
    **注意文件格式，需要是png**
 

README_EN.md

@@ -14,7 +14,7 @@ _🦌 Web Game 🥛_
 
 A web game: EatKun
 
-Latest version: [0.1.0](https://github.com/OneSitos/EatKun/tree/0.1.0)
+Latest version: [0.2.0](https://github.com/OneSitos/EatKun/tree/0.2.0)
 
 [简体中文](README.md)
 |
@@ -78,7 +78,7 @@ Follow these steps to change the text displayed to what you want.
 
    You can change the text on the right side. **Note that don't remove quotes(i.e. `"`)**
 
-3. Go to directory `static/image`. The image shown before clicking is `ClickBefore.png`, after is `ClickAfter.png`, and the icon displayed on the website is `ProgressiveWebApps.png`.
+3. Go to directory `static/image`. The image shown before clicking is `ClickBefore.png`, after is `ClickAfter.png`, and the icon displayed on the website is `ProgressiveWebApps.png` (ratio must be 1:1).
 
    **The file type must be png**
 

README_HANT.md

@@ -14,7 +14,7 @@ _🦌 網頁小遊戲 🥛_
 
 小遊戲：吃掉蔡徐坤
 
-最新版本號：[0.1.0](https://github.com/OneSitos/EatKun/tree/0.1.0)
+最新版本號：[0.2.0](https://github.com/OneSitos/EatKun/tree/0.2.0)
 
 [English](README_EN.md)
 |
@@ -80,7 +80,7 @@ _🦌 網頁小遊戲 🥛_
 
 你可以隨意更改右側文字，就可以顯示你想要的內容，**不要刪掉雙引號**！
 
-3. 找到`static/image`資料夾，點擊前顯示的圖片是`ClickBefore.png`，點擊後的圖片是`ClickAfter.png`，網站顯示的圖示為`ProgressiveWebApps.png`，把它們改成你想要的即可。
+3. 找到`static/image`資料夾，點擊前顯示的圖片是`ClickBefore.png`，點擊後的圖片是`ClickAfter.png`，網站顯示的圖示為`ProgressiveWebApps.png`（比例必須為 1:1），把它們改成你想要的即可。
 
    **注意檔案格式，需要是png**
 

index.html

@@ -57,7 +57,7 @@
                     <span data-i18n="game-intro4">GAME-INTRO4-I18N</span><br />
                 </div>
                 <div id="version" style="display: none;font-size:2.2em; color:#fff; line-height:1.5em;">
-                    <span data-i18n="version">VERSION-I18N</span><a href="javascript: void(0);" onclick="openWebpage('https://github.com/OneSitos/EatKun/tree/0.1.0')">0.1.0</a><br />
+                    <span data-i18n="version">VERSION-I18N</span><a href="javascript: void(0);" onclick="openWebpage('https://github.com/OneSitos/EatKun/tree/0.2.0')">0.2.0</a><br />
                 </div>
             </div>
             <div id="btn_group" class="container text-nowrap">

index.php

@@ -63,7 +63,7 @@
                         <span data-i18n="game-intro4">GAME-INTRO4-I18N</span><br />
                     </div>
                     <div id="version" style="display: none;font-size:2.2em; color:#fff; line-height:1.5em;">
-                        <span data-i18n="version">VERSION-I18N</span><a href="javascript: void(0);" onclick="openWebpage('https://github.com/OneSitos/EatKun/tree/0.1.0')">0.1.0</a><br />
+                        <span data-i18n="version">VERSION-I18N</span><a href="javascript: void(0);" onclick="openWebpage('https://github.com/OneSitos/EatKun/tree/0.2.0')">0.2.0</a><br />
                     </div>
                 </div>
                 <div id="btn_group" class="container text-nowrap">

static/javascript/LanguageDetection.js

@@ -34,6 +34,19 @@
         }).responseJSON
     }
 
+    const I18N = getJsonI18N()
+
+    $('[data-i18n]').each(function() {
+        const content = I18N[this.dataset.i18n];
+        $(this).text(content);
+    });
+
+    $('[data-placeholder-i18n]').each(function() {
+        $(this).attr('placeholder', I18N[this.dataset.placeholderI18n]);
+    });
+
+    $('html').attr('lang', I18N['lang']);
+
     function setupLocalizedManifest() {
         const LANG_TO_MANIFEST = [
             { regex: /^zh-TW\b/i, file: 'manifest_zht.webmanifest' },
@@ -56,19 +69,6 @@
         document.head.appendChild(linkEl);
     }
 
-    const I18N = getJsonI18N()
-
-    $('[data-i18n]').each(function() {
-        const content = I18N[this.dataset.i18n];
-        $(this).text(content);
-    });
-
-    $('[data-placeholder-i18n]').each(function() {
-        $(this).attr('placeholder', I18N[this.dataset.placeholderI18n]);
-    });
-
-    $('html').attr('lang', I18N['lang']);
-
     w.init = function() {
         setupLocalizedManifest();
         if ('serviceWorker' in navigator) {