From 56f574fef51962428ee96b0dc281541a43db5329 Mon Sep 17 00:00:00 2001
From: Roderick Qiu <scrisqiu@hotmail.com>
Date: Sat, 23 Mar 2019 12:03:28 +0800
Subject: [PATCH] optimized

---
 docs/bangzhu.html |  5 +--
 docs/index.html   |  3 +-
 docs/style.css    |  7 ++++
 docs/zh.html      |  3 +-
 index.html        | 35 +++++++++---------
 locales/en.json   | 10 +++++-
 locales/zh.json   | 10 +++++-
 main.js           | 18 ++++++----
 package-lock.json | 90 +++++++++++++++++++++++++++--------------------
 package.json      |  5 +--
 renderer.js       |  3 ++
 settings.html     | 30 +++++++---------
 style.css         |  5 +++
 timer.html        | 32 +++++++++--------
 tourguide.html    | 31 +++++++++++++---
 15 files changed, 183 insertions(+), 104 deletions(-)

diff --git a/docs/bangzhu.html b/docs/bangzhu.html
index 8c2fa43..d3b4b6a 100644
--- a/docs/bangzhu.html
+++ b/docs/bangzhu.html
@@ -63,9 +63,10 @@ <h2 class="h4">1、如何使用</h2>
                 <br />
                 <img src="https://raw.githubusercontent.com/RoderickQiu/wnr/master/res/preview/preview-10.png"
                     class="img-fluid" /><br />
-                以上就是全部的基本使用技巧了，开始让wnr改变你吧！<br />
-                如果有需要更改一些设置，你可以在首页点击齿轮键更改设置。<br /><br />
+                以上就是全部的基本使用技巧了，开始让wnr改变你吧！<br /><br />
                 <h2 class="h4">2、其他</h2>
+                如果有需要更改一些设置，你可以在首页点击齿轮按钮更改设置。<br />
+                如果想要调出这个帮助手册，你可以在首页点击问号按钮。<br />
                 如果你还有问题，或者你发现了wnr有bug，请创建一个<a href="https://github.com/RoderickQiu/wnr/issues/">issue</a>或者<a
                     href="mailto">给我发邮件</a>。谢谢！<br />
             </div><br />
diff --git a/docs/index.html b/docs/index.html
index b898fc7..ea914e9 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -21,7 +21,8 @@
     </script>
     <main role="main" class="flex-shrink-0 align-content-center">
         <div class="container-fluid text-center">
-            <h1 class="display-4">wnr</h1>
+            <h1 class="display-4"><span class="work">w</span><span class="text-black-50">n</span><span
+                    class="rest">r</span></h1>
             <hr />
             <p class="lead">
                 It's a timer app with strong expansibility for computers.
diff --git a/docs/style.css b/docs/style.css
index 4b4735c..4e7f085 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -44,4 +44,11 @@ img{
 
 #howtodoit{
     padding: 0 1.5rem;
+}
+
+.work{
+    color: #ea5454;
+}
+.rest{
+    color: #5490ea;
 }
\ No newline at end of file
diff --git a/docs/zh.html b/docs/zh.html
index 0eb687b..95f8475 100644
--- a/docs/zh.html
+++ b/docs/zh.html
@@ -20,7 +20,8 @@
     </script>
     <main role="main" class="flex-shrink-0 align-content-center">
         <div class="container-fluid text-center">
-            <h1 class="display-4">wnr</h1>
+            <h1 class="display-4"><span class="work">w</span><span class="text-black-50">n</span><span
+                    class="rest">r</span></h1>
             <hr />
             <div class="lead">
                 wnr是一款时间管理程序。<br />
diff --git a/index.html b/index.html
index 4e02bce..76c0d24 100644
--- a/index.html
+++ b/index.html
@@ -21,43 +21,39 @@
     <script src="renderer.js"></script>
     <script src="updater.js"></script>
     <script>
-        if (!store.get('tour') || store.get('tour') == undefined) {
+        if (!store.get('tour')) {
             store.set('tour', 'true');
             ipc.send("tourguide");
         }
     </script>
     <script>
-        function about() {
-            ipc.send("about");
-        }
-        function settings() {
-            ipc.send("settings");
-        }
-        function winhider() {
-            ipc.send("winhider");
-        }
-        function minimizer() {
-            ipc.send("minimizer");
-        }
         function keydown(e) {
             var currKey = 0, e = e || event;
             if (e.keyCode == 13) {
                 window.location.href = "timer.html?title=" + $("#title").val() + "&work-time=" + $("#work-time").val() + "&rest-time=" + $("#rest-time").val() + "&loop=" + $("#loop").val() + "&note=" + $("#note").val();
             }
+            if (e.keyCode == 38 || e.keyCode == 40) {
+                return false;
+            }
         }
         document.onkeydown = keydown;
     </script>
     <div class="d-flex mx-auto justify-content-center align-items-center text-dark" id="main">
         <div id="controller">
-            <a href="javascript:settings()" class="small rest"><i class="fa fa-cog fa-fw"
+            &nbsp;&nbsp;
+            <a href="javascript:call('settings')" class="small rest"><i class="fa fa-cog fa-fw"
                     id="settings"></i></a>&nbsp;&nbsp;
-            <a href="javascript:about()" class="small rest"><i class="fa fa-info fa-fw" id="info"></i></a>&nbsp;&nbsp;
-            <a href="javascript:winhider()" class="small rest" id="win-hider"><i class="fa fa-sort-desc fa-fw"
+            <a href="javascript:call('tourguide')" class="small rest"><i class="fa fa-question"
+                    id="helper"></i></a>&nbsp;&nbsp;
+            <a href="javascript:call('about')" class="small rest"><i class="fa fa-info fa-fw"
+                    id="info"></i></a>&nbsp;&nbsp;
+            <a href="javascript:call('winhider')" class="small rest" id="win-hider"><i class="fa fa-sort-desc fa-fw"
                     id="winhider"></i></a><span id="no-use-space">&nbsp;&nbsp;</span>
-            <a href="javascript:minimizer()" class="small rest"><i class="fa fa-minus fa-fw"
+            <a href="javascript:call('minimizer')" class="small rest"><i class="fa fa-minus fa-fw"
                     id="minimizer"></i></a>&nbsp;&nbsp;
             <a href="javascript:window.close()" class="small rest"><i class="fa fa-times fa-fw" id="exit"></i></a>
             <script>
+                $('#helper').attr('title', i18n.__('helper'));
                 $('#settings').attr('title', i18n.__('settings'));
                 $('#info').attr('title', i18n.__('info'));
                 $('#winhider').attr('title', i18n.__('winhider'));
@@ -88,6 +84,11 @@
                 $('#rest-time').attr('placeholder', i18n.__('resttime'));
                 $('#loop').attr('placeholder', i18n.__('loop'));
                 $('#note').attr('placeholder', i18n.__('note'));
+                $('#work-time').attr('title', i18n.__('worktime'));
+                $('#title').attr('title', i18n.__('title'));
+                $('#rest-time').attr('title', i18n.__('resttime'));
+                $('#loop').attr('title', i18n.__('loop'));
+                $('#note').attr('title', i18n.__('note'));
                 $("input").mouseenter(function () {
                     $("#tip").css('opacity', '1');
                 });
diff --git a/locales/en.json b/locales/en.json
index 2b2d4ab..8c9fbfa 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -84,9 +84,17 @@
     "h": "h ",
     "min": "min ",
     "s": "s",
+    "times": "loops",
     "welcomer1": "Welcome",
     "welcomer2": "When you're in the zone, taking a break is the last thing on your mind. However, you may end up with some serious health issues down the line, and you may not be as productive as you would if you followed a strict work/break schedule. wnr is a simple, Electron-based application that was designed to help you remember when breaks are needed. It allows you to configure work/rest intervals that are then enforced, which will have many positive health effects in the long run. (From Softpedia)",
     "welcomer3": "Take a tour",
     "welcomer4": "Skip the tour",
-    "welcomer5": "Open settings first"
+    "welcomer5": "Open settings first",
+    "helper": "Guide",
+    "loadingtip1": "Loading...",
+    "loadingtip2": "If you cannot see the guide, please click",
+    "loadingtip3": "this link",
+    "loadingtip4": "to see the offline guide. (might be out of date)",
+    "settingstip": "Some tips about wnr settings",
+    "settingstipmsg": "Welcome to settings! When you change one field, the setting will automatially be set. Some settings needs a restart."
 }
\ No newline at end of file
diff --git a/locales/zh.json b/locales/zh.json
index 5228ced..c30a289 100644
--- a/locales/zh.json
+++ b/locales/zh.json
@@ -84,9 +84,17 @@
     "h": "时 ",
     "min": "分 ",
     "s": "秒",
+    "times": "次",
     "welcomer1": "欢迎使用wnr",
     "welcomer2": "wnr是一款时间管理程序。人们常常遇到这样的情况：一直在聚精会神工作，既觉得做了太久已经很累了，又觉得“把这个做完再休息如何”，便一直没有休息，实质上影响了效率。而wnr就是一款为了解决这个问题而出现的软件。",
     "welcomer3": "熟悉一下wnr",
     "welcomer4": "直接进入wnr",
-    "welcomer5": "先调整下设置"
+    "welcomer5": "先调整下设置",
+    "helper": "帮助手册",
+    "loadingtip1": "正在加载……",
+    "loadingtip2": "如果一直无法加载，请点击",
+    "loadingtip3": "此链接",
+    "loadingtip4": "加载本地帮助手册。（本地帮助手册可能已经过时。）",
+    "settingstip": "你似乎是第一次打开设置",
+    "settingstipmsg": "很好，你已经迈出了第一步。wnr的设置组件非常强大，可以丰富和方便你的wnr体验。所有设置都会自动生效，部分组件在被设置后会自动重启程序以应用设置，望知悉。"
 }
\ No newline at end of file
diff --git a/main.js b/main.js
index c955709..6549371 100644
--- a/main.js
+++ b/main.js
@@ -81,8 +81,8 @@ app.on('ready', () => {
 
     if (store.get("top") == true) win.setAlwaysOnTop(true);
 
-    if (store.get('hotkey1') == undefined || !store.get('hotkey1')) store.set('hotkey1', 'W');
-    if (store.get('hotkey2') == undefined || !store.get('hotkey2')) store.set('hotkey2', 'S');
+    if (!store.get('hotkey1')) store.set('hotkey1', 'W');
+    if (!store.get('hotkey2')) store.set('hotkey2', 'S');
 
     globalShortcut.register('CommandOrControl+Shift+Alt+' + store.get('hotkey1'), () => {
         win.isVisible() ? win.hide() : win.show();
@@ -318,19 +318,25 @@ ipcMain.on('settings', function () {
         }
         settingsWin = null
     })
+    if (!store.get("settings-experience")) {
+        store.set("settings-experience", true);
+        dialog.showMessageBox(win, {
+            title: i18n.__('settingstip'),
+            type: "info",
+            message: i18n.__('settingstipmsg'),
+            silent: true
+        })
+    }
 })
 
 ipcMain.on('tourguide', function () {
-    tourWin = new BrowserWindow({ parent: win, modal: true, width: 729, height: 520, resizable: false, frame: false, show: false, center: true, webPreferences: { nodeIntegration: true } });
+    tourWin = new BrowserWindow({ parent: win, modal: true, width: 729, height: 600, resizable: false, frame: false, show: false, center: true, webPreferences: { nodeIntegration: true } });
     tourWin.loadFile("tourguide.html");
     if (store.get("top") == true) tourWin.setAlwaysOnTop(true);
     tourWin.once('ready-to-show', () => {
         tourWin.show();
     })
     tourWin.on('closed', () => {
-        if (win != null) {
-            win.reload();
-        }
         tourWin = null
     })
 })
diff --git a/package-lock.json b/package-lock.json
index 60c77e0..b7d557c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,9 +21,9 @@
       "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q=="
     },
     "ajv": {
-      "version": "6.7.0",
-      "resolved": "http://r.cnpmjs.org/ajv/download/ajv-6.7.0.tgz",
-      "integrity": "sha1-4857s3LWV3uxg58d/fy/WtKUjZY=",
+      "version": "6.10.0",
+      "resolved": "http://registry.npm.taobao.org/ajv/download/ajv-6.10.0.tgz",
+      "integrity": "sha1-kNDVRDnaWHzX6EO/twRfUL0ivfE=",
       "requires": {
         "fast-deep-equal": "^2.0.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -440,12 +440,6 @@
         }
       }
     },
-    "builtin-modules": {
-      "version": "1.1.1",
-      "resolved": "http://r.cnpmjs.org/builtin-modules/download/builtin-modules-1.1.1.tgz",
-      "integrity": "sha1-Jw8HbFpywC9bZaR9+Uxf46J4iS8=",
-      "dev": true
-    },
     "camelcase": {
       "version": "2.1.1",
       "resolved": "http://r.cnpmjs.org/camelcase/download/camelcase-2.1.1.tgz",
@@ -644,15 +638,41 @@
       }
     },
     "conf": {
-      "version": "2.2.0",
-      "resolved": "http://r.cnpmjs.org/conf/download/conf-2.2.0.tgz",
-      "integrity": "sha1-7igu+vwUULYeIFNyBBrX2GaALZo=",
+      "version": "3.0.0",
+      "resolved": "http://registry.npm.taobao.org/conf/download/conf-3.0.0.tgz",
+      "integrity": "sha1-m3iPiX4ghoSVIFjDjwHdsd/wxAs=",
       "requires": {
         "dot-prop": "^4.1.0",
         "env-paths": "^1.0.0",
-        "make-dir": "^1.0.0",
+        "make-dir": "^2.0.0",
         "pkg-up": "^2.0.0",
-        "write-file-atomic": "^2.3.0"
+        "write-file-atomic": "^2.4.2"
+      },
+      "dependencies": {
+        "make-dir": {
+          "version": "2.1.0",
+          "resolved": "http://registry.npm.taobao.org/make-dir/download/make-dir-2.1.0.tgz",
+          "integrity": "sha1-XwMQ4YuL6JjMBwCSlaMK5B6R5vU=",
+          "requires": {
+            "pify": "^4.0.1",
+            "semver": "^5.6.0"
+          }
+        },
+        "pify": {
+          "version": "4.0.1",
+          "resolved": "http://registry.npm.taobao.org/pify/download/pify-4.0.1.tgz",
+          "integrity": "sha1-SyzSXFDVmHNcUCkiJP2MbfQeMjE="
+        },
+        "write-file-atomic": {
+          "version": "2.4.2",
+          "resolved": "http://registry.npm.taobao.org/write-file-atomic/download/write-file-atomic-2.4.2.tgz",
+          "integrity": "sha1-pxgXBt+6F4VdIhFAqcBuFfzdh7k=",
+          "requires": {
+            "graceful-fs": "^4.1.11",
+            "imurmurhash": "^0.1.4",
+            "signal-exit": "^3.0.2"
+          }
+        }
       }
     },
     "configstore": {
@@ -872,9 +892,9 @@
       "dev": true
     },
     "electron": {
-      "version": "4.1.0",
-      "resolved": "http://registry.npm.taobao.org/electron/download/electron-4.1.0.tgz",
-      "integrity": "sha1-7Lqcg94nHounY3My7OntAjxuo/A=",
+      "version": "4.1.1",
+      "resolved": "http://registry.npm.taobao.org/electron/download/electron-4.1.1.tgz",
+      "integrity": "sha1-3JNDuoKcq78BNkdh5yeW92ZwQYQ=",
       "dev": true,
       "requires": {
         "@types/node": "^10.12.18",
@@ -976,11 +996,11 @@
       }
     },
     "electron-store": {
-      "version": "2.0.0",
-      "resolved": "http://r.cnpmjs.org/electron-store/download/electron-store-2.0.0.tgz",
-      "integrity": "sha1-EDXMoqlUCdH1THRmYGNFhSRQ1ko=",
+      "version": "3.0.0",
+      "resolved": "http://registry.npm.taobao.org/electron-store/download/electron-store-3.0.0.tgz",
+      "integrity": "sha1-bMsfzozDS1iHekspD41minWRz6E=",
       "requires": {
-        "conf": "^2.0.0"
+        "conf": "^3.0.0"
       }
     },
     "emoji-regex": {
@@ -1416,15 +1436,6 @@
       "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
       "dev": true
     },
-    "is-builtin-module": {
-      "version": "1.0.0",
-      "resolved": "http://r.cnpmjs.org/is-builtin-module/download/is-builtin-module-1.0.0.tgz",
-      "integrity": "sha1-VAVy0096wxGfj3bDDLwbHgN6/74=",
-      "dev": true,
-      "requires": {
-        "builtin-modules": "^1.0.0"
-      }
-    },
     "is-ci": {
       "version": "2.0.0",
       "resolved": "http://r.cnpmjs.org/is-ci/download/is-ci-2.0.0.tgz",
@@ -1535,9 +1546,9 @@
       "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo="
     },
     "js-yaml": {
-      "version": "3.12.2",
-      "resolved": "http://registry.npm.taobao.org/js-yaml/download/js-yaml-3.12.2.tgz",
-      "integrity": "sha1-7x0GfFqdnLZb1y8oW12BBcd/FPw=",
+      "version": "3.13.0",
+      "resolved": "http://registry.npm.taobao.org/js-yaml/download/js-yaml-3.13.0.tgz",
+      "integrity": "sha1-OO5xeKwO6iyX/22W//SxjH2M+Y4=",
       "dev": true,
       "requires": {
         "argparse": "^1.0.7",
@@ -1682,6 +1693,7 @@
       "version": "1.3.0",
       "resolved": "http://r.cnpmjs.org/make-dir/download/make-dir-1.3.0.tgz",
       "integrity": "sha1-ecEDO4BRW9bSTsmTPoYMp17ifww=",
+      "dev": true,
       "requires": {
         "pify": "^3.0.0"
       }
@@ -1836,13 +1848,13 @@
       }
     },
     "normalize-package-data": {
-      "version": "2.4.0",
-      "resolved": "http://r.cnpmjs.org/normalize-package-data/download/normalize-package-data-2.4.0.tgz",
-      "integrity": "sha1-EvlaMH1YNSB1oEkHuErIvpisAS8=",
+      "version": "2.5.0",
+      "resolved": "http://registry.npm.taobao.org/normalize-package-data/download/normalize-package-data-2.5.0.tgz",
+      "integrity": "sha1-5m2xg4sgDB38IzIl0SyzZSDiNKg=",
       "dev": true,
       "requires": {
         "hosted-git-info": "^2.1.4",
-        "is-builtin-module": "^1.0.0",
+        "resolve": "^1.10.0",
         "semver": "2 || 3 || 4 || 5",
         "validate-npm-package-license": "^3.0.1"
       }
@@ -2123,7 +2135,8 @@
     "pify": {
       "version": "3.0.0",
       "resolved": "http://r.cnpmjs.org/pify/download/pify-3.0.0.tgz",
-      "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY="
+      "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
+      "dev": true
     },
     "pinkie": {
       "version": "2.0.4",
@@ -3005,6 +3018,7 @@
       "version": "2.3.0",
       "resolved": "http://r.cnpmjs.org/write-file-atomic/download/write-file-atomic-2.3.0.tgz",
       "integrity": "sha1-H/YVdcLipOjlENb6TiQ8zhg5mas=",
+      "dev": true,
       "requires": {
         "graceful-fs": "^4.1.11",
         "imurmurhash": "^0.1.4",
diff --git a/package.json b/package.json
index f617497..383d868 100644
--- a/package.json
+++ b/package.json
@@ -21,14 +21,15 @@
   "copyright": "© Roderick Qiu",
   "productName": "wnr",
   "dependencies": {
+    "ajv": "^6.10.0",
     "auto-launch": "^5.0.5",
     "cheerio": "^1.0.0-rc.2",
-    "electron-store": "^2.0.0",
+    "electron-store": "^3.0.0",
     "i18n": "^0.8.3",
     "request": "^2.88.0"
   },
   "devDependencies": {
-    "electron": "^4.1.0",
+    "electron": "^4.1.1",
     "electron-builder": "^20.39.0"
   },
   "build": {
diff --git a/renderer.js b/renderer.js
index 7b5dbf1..01d3157 100644
--- a/renderer.js
+++ b/renderer.js
@@ -12,4 +12,7 @@ function isTimerWindow(isTimer) {
     if (isTimer) {
         ipc.send('timer-win', true);
     } else ipc.send('timer-win', false);
+}
+function call(content) {
+    ipc.send(content);
 }
\ No newline at end of file
diff --git a/settings.html b/settings.html
index c1b1af0..1d030e3 100644
--- a/settings.html
+++ b/settings.html
@@ -154,7 +154,7 @@
                     </b>
                 </li>
                 <li>
-                    <a href="javascript:deleteall()" class="rest">
+                    <a href="javascript:call('deleteall')" class="rest">
                         <script>document.write(i18n.__('deleteall'));</script>
                     </a>
                     <b>
@@ -168,36 +168,35 @@
         if (process.platform == 'darwin') {
             $("#hotkey-tip").css("display", "none");
         }
-        function relauncher() {
-            ipc.send("relauncher");
-        }
     </script>
     <script src="updater.js"></script>
     <script>
+        var minute = i18n.__('min');
+        var times = i18n.__('times');
         if (store.get("worktime") != undefined) {
             $("#work-time-set").val(store.get("worktime"));
-            $("#work-time-show").text(store.get("worktime"));
+            $("#work-time-show").text(store.get("worktime") + minute);
         }
         function worktimeset() {
-            $("#work-time-show").html($("#work-time-set").val());
+            $("#work-time-show").html($("#work-time-set").val() + minute);
             if ($("#work-time-set").val() != 0) store.set("worktime", $("#work-time-set").val());
             else store.delete("worktime");
         }
         if (store.get("resttime") != undefined) {
             $("#rest-time-set").val(store.get("resttime"));
-            $("#rest-time-show").text(store.get("resttime"));
+            $("#rest-time-show").text(store.get("resttime") + minute);
         }
         function resttimeset() {
-            $("#rest-time-show").html($("#rest-time-set").val());
+            $("#rest-time-show").html($("#rest-time-set").val() + minute);
             if ($("#rest-time-set").val() != 0) store.set("resttime", $("#rest-time-set").val());
             else store.delete("resttime");
         }
         if (store.get("looptime") != undefined) {
             $("#loop-time-set").val(store.get("looptime"));
-            $("#loop-time-show").text(store.get("looptime"));
+            $("#loop-time-show").text(store.get("looptime") + times);
         }
         function looptimeset() {
-            $("#loop-time-show").html($("#loop-time-set").val());
+            $("#loop-time-show").html($("#loop-time-set").val() + times);
             if ($("#loop-time-set").val() != 0) store.set("looptime", $("#loop-time-set").val());
             else store.delete("looptime");
         }
@@ -208,7 +207,7 @@
         function langset() {
             if (document.getElementById("lang-set").checked == true) store.set("i18n", 'en');
             else store.set("i18n", 'zh');
-            var t = setTimeout("relauncher()", 500);
+            var t = setTimeout("call('relauncher')", 500);
         }
         if (store.get("sound") != undefined) {
             if (store.get("sound")) document.getElementById("sound-set").checked = true;
@@ -225,7 +224,7 @@
         function topset() {
             if (document.getElementById("top-set").checked == true) store.set("top", true);
             else store.set("top", false);
-            var t = setTimeout("relauncher()", 500);
+            var t = setTimeout("call('relauncher')", 500);
         }
         if (store.get("autostart") == true) document.getElementById("autostart-set").checked = true;
         else document.getElementById("autostart-set").checked = false;
@@ -271,7 +270,7 @@
                 $("#hotkey1-set").val($("#hotkey1-set").val().toUpperCase());
                 store.set("hotkey1", $("#hotkey1-set").val());
             }
-            var t = setTimeout("relauncher()", 500);
+            var t = setTimeout("call('relauncher')", 500);
         }
         $("#hotkey2-set").val(store.get("hotkey2").toUpperCase());
         function hotkey2set() {
@@ -279,10 +278,7 @@
                 $("#hotkey2-set").val($("#hotkey2-set").val().toUpperCase());
                 store.set("hotkey2", $("#hotkey2-set").val());
             }
-            var t = setTimeout("relauncher()", 500);
-        }
-        function deleteall() {
-            ipc.send("deleteall");
+            var t = setTimeout("call('relauncher')", 500);
         }
     </script>
 </body>
diff --git a/style.css b/style.css
index 6b02907..d84b715 100644
--- a/style.css
+++ b/style.css
@@ -154,4 +154,9 @@ li{
     height: 333px;
     border: none;
     outline: none;
+}
+#loadingtip{
+    position: absolute;
+    top: 50%;
+    bottom: 50%;
 }
\ No newline at end of file
diff --git a/timer.html b/timer.html
index 569bdb9..20d5e4e 100644
--- a/timer.html
+++ b/timer.html
@@ -20,9 +20,9 @@
     <script src="renderer.js"></script>
     <div class="d-flex mx-auto justify-content-center align-items-center text-dark" id="main">
         <div id="controller">
-            <a href="javascript:winhider()" class="small work" id="win-hider"><i class="fa fa-sort-desc fa-fw"
+            <a href="javascript:call('winhider')" class="small work" id="win-hider"><i class="fa fa-sort-desc fa-fw"
                     id="winhider"></i></a><span id="no-use-space">&nbsp;&nbsp;</span>
-            <a href="javascript:minimizer()" class="small work"><i class="fa fa-minus fa-fw"
+            <a href="javascript:call('minimizer')" class="small work"><i class="fa fa-minus fa-fw"
                     id="minimizer"></i></a>&nbsp;&nbsp;
             <a href="javascript:window.close()" class="small work"><i class="fa fa-times fa-fw" id="exit"></i></a>
             <script>
@@ -56,6 +56,12 @@
             $("#win-hider").css("display", "none");
             $("#no-use-space").css("display", "none");
         }
+        function keydownOnError(e) {
+            var currKey = 0, e = e || event;
+            if (e.keyCode == 13) {
+                window.location.href = "index.html";
+            }
+        }
         var $_GET = (function () {
             var url = window.document.location.href.toString();
             var u = url.split("?");
@@ -79,19 +85,23 @@
         var h = i18n.__('h');
         var min = i18n.__('min');
         var s = i18n.__('s');
-        if (!worktime || worktime == "undefined" || !resttime || resttime == "undefined" || !loop || loop == "undefined") {
+        if (!worktime || !resttime || !loop) {
             $("#timer").html("<p class='text-center lead'>" + i18n.__('notenough') + "<br/><a href='index.html' class='work'>" + i18n.__('back') + "</a></p>");
+            $("#timer").css("width", "75%");
             isTimerWindow(false);
+            document.onkeydown = keydownOnError;
         } else if (worktime / 60000 > 1440 || resttime / 60000 > 1440) {
             $("#timer").html("<p class='text-center lead'>" + i18n.__('toolong') + "<br/><a href='index.html' class='work'>" + i18n.__('back') + "</a></p>");
+            $("#timer").css("width", "75%");
             isTimerWindow(false);
+            document.onkeydown = keydownOnError;
         } else {
             isTimerWindow(true);
-            if (title && title != "undefined") $("#title").html(title);
-            if (note && note != "undefined") $("#note").html(note);
+            if (title) $("#title").html(title);
+            if (note) $("#note").html(note);
             var starttime, int, t, seconds, minutes, hours, method = 1, times = 0, isclockworking = 1;//method: 1-work / 2-rest, times: time-reset times
             starttime = new Date().getTime();
-            int = self.setInterval("clock()", 100);
+            int = self.setInterval(clock, 100);
             function stopper() {
                 if (isclockworking) {
                     window.clearInterval(int);
@@ -100,7 +110,7 @@
                 } else {
                     if (method == 1) starttime = new Date().getTime() - (worktime - hours * 3600000 - minutes * 60000 - seconds * 1000);
                     else starttime = new Date().getTime() - (resttime - hours * 3600000 - minutes * 60000 - seconds * 1000);
-                    int = self.setInterval("clock()", 100);
+                    int = self.setInterval(clock, 100);
                     $("#stopper").html("<i class='fa fa-pause' aria-hidden='true'></i>");
                     isclockworking = 1;//to restart
                 }
@@ -119,7 +129,7 @@
                 else {
                     if (isend == 1) ipc.send('warninggiver-workend');
                     else ipc.send('warninggiver-restend');
-                    var t = setTimeout("stopper()", 500);
+                    var t = setTimeout(stopper, 500);
                     ipc.once('warning-closed', function () {
                         stopper();
                     });
@@ -188,12 +198,6 @@
                 stopper();
             })
         }
-        function winhider() {
-            ipc.send("winhider");
-        }
-        function minimizer() {
-            ipc.send("minimizer");
-        }
     </script>
 </body>
 
diff --git a/tourguide.html b/tourguide.html
index ad2f225..1340370 100644
--- a/tourguide.html
+++ b/tourguide.html
@@ -19,6 +19,9 @@
 <body>
     <script src="renderer.js"></script>
     <div class="d-flex mx-auto justify-content-center align-items-center text-dark" id="main">
+        <div id="loadingtip">
+            <script>document.write(i18n.__('loadingtip1'))</script>
+        </div>
         <div id="controller">
             <a href="javascript:window.close()" class="small rest"><i class="fa fa-times fa-fw" id="exitsave"></i></a>
             <script>
@@ -39,10 +42,18 @@
                     <script>document.write(i18n.__('welcomer4'))</script></a><br /><br />
             </div>
             <div id="tourguide-part2">
-                <iframe id="tourguide" src="https://wnr.scris.top/help.html?m=1">
-                    <center>Loading...</center>
-                </iframe>
-                <br /><br />
+                <p class="h3 rest text-left"><i class="fa fa-question" id="settings" aria-hidden="true"></i>
+                    <script>document.write(i18n.__('helper'));</script>
+                </p>
+                <hr />
+                <iframe id="tourguide" src="https://wnr.scris.top/bangzhu.html?m=1"></iframe>
+                <p class="small text-black-50" id="loadingtip2">
+                    <script>document.write(i18n.__('loadingtip2'))</script>
+                    <a href="javascript:offline()">
+                        <script>document.write(i18n.__('loadingtip3'))</script></a>
+                    <script>document.write(i18n.__('loadingtip4'))</script>
+                </p>
+                <hr />
                 <a href="javascript:settings()" class="btn btn-primary">
                     <script>document.write(i18n.__('welcomer5'))</script></a>&nbsp;
                 <a href="javascript:window.close()" class="btn btn-secondary">
@@ -52,14 +63,26 @@
     </div>
     <script>
         $("#tourguide-part2").css("display", "none");
+        $("#loadingtip").css("display", "none");
+        var isLoaded = false;
+        var frame = document.getElementById("tourguide");
+        frame.onload = function () {
+            isLoaded = true;
+            $("#loadingtip").css("display", "none");
+        }
         function tourguide() {
             $("#tourguide-part1").css("display", "none");
             $("#tourguide-part2").css("display", "block");
+            if (!isLoaded) $("#loadingtip").css("display", "block");
         }
         function settings() {
             ipc.send("settings");
             window.close();
         }
+        function offline() {
+            frame.src = "docs/bangzhu.html?m=1";
+            $("#loadingtip2").css("display", "none");
+        }
     </script>
 </body>