优化多人联机反馈页面 (#294)

Author: neveler

_config.yml

@@ -307,6 +307,8 @@ compress_html:
 
 head_scripts:
   - /assets/js/theme.js
+after_footer_scripts:
+  - /assets/js/plugins/jquery.auto-redirect.js
 
 # jekyll-feed
 feed:

_multiplayer/feedback.md

@@ -1,14 +1,24 @@
 ---
-title: HMCL x Terracotta | 陶瓦联机
+title: 多人联机反馈
 date: 2025-10-07 18:44:00 +0800
 author: Burning_TNT
+classes: wide
+toc: false
 ---
 
-## 反馈
+## Terracotta | 陶瓦联机
 
-您即将被重定向到反馈表界面。
+<!--{% comment %}-->
+> [!TIP]
+> 欢迎您填写[反馈表单](https://account.wps.cn/?cb=https%3A%2F%2Faccount.kdocs.cn%2Fpassport%2Fsinglesign%3Fcb%3Dhttps%253A%252F%252Ff.kdocs.cn%252Fksform%252Fw%252Fwrite%252FnjMwdtgD%253Fchannel%253Dmdlsjp%2523routePromt%26form%3Df.kdocs.cn&reload=true&from=v1-wap-wps-login&wxpluginappid=wx53f22ed6915cdf17&wxpluginpath=pages%2Fweb%2Fweb&wxpluginquery=url%3Dhttps%3A%2F%2Ff.wps.cn%2Fksform%2Fw%2Fwrite%2FnjMwdtgD%3Fchannel%3Dmdlsjp%23routePromt%26source%3Dweb_login&qrcode=kdocs&plusreffer=f.kdocs.cn)。
+<!--{% endcomment %}-->
 
-## Terracotta | 陶瓦联机
+<!----{{ '>' }}
+
+> 欢迎您填写<a href="https://account.wps.cn/?cb=https%3A%2F%2Faccount.kdocs.cn%2Fpassport%2Fsinglesign%3Fcb%3Dhttps%253A%252F%252Ff.kdocs.cn%252Fksform%252Fw%252Fwrite%252FnjMwdtgD%253Fchannel%253Dmdlsjp%2523routePromt%26form%3Df.kdocs.cn&reload=true&from=v1-wap-wps-login&wxpluginappid=wx53f22ed6915cdf17&wxpluginpath=pages%2Fweb%2Fweb&wxpluginquery=url%3Dhttps%3A%2F%2Ff.wps.cn%2Fksform%2Fw%2Fwrite%2FnjMwdtgD%3Fchannel%3Dmdlsjp%23routePromt%26source%3Dweb_login&qrcode=kdocs&plusreffer=f.kdocs.cn" data-delay="10" data-redirect>反馈表单</a>。
+{: .notice--success }
+
+{{ '<' }}!---->
 
 我们注意到了 EasyTier 项目。它提供了一种简单、安全、去中心化的异地组网方案，足以承载 Minecraft 的联机需求。
 在 EasyTier 开发团队的帮助下，我们决定重新在启动器内提供联机服务。
@@ -24,11 +34,3 @@ author: Burning_TNT
 它的主要目标依然是让朋友之间能共同游玩，而不是长时间的对外开放。
 
 最后，我想感谢一切参与到 EasyTier、Terracotta \| 陶瓦联机开发和测试、为 EasyTier 提供打洞和中继服务器的社区志愿者。欢迎大家访问 easytier.cn 深入了解这一项目。
-
-<script>
-    /* TODO: Read info from query argument 'v' and 'launcher_version' to determine the 'channel' argument in url. */
-    /* 等待 5 秒. */
-    setTimeout(function() {
-        window.location.href = "https://f.kdocs.cn/ksform/w/write/njMwdtgD?channel=mdlsjp";
-    }, 5000);
-</script>

_multiplayer/help.md

@@ -0,0 +1,65 @@
+(function ($) {
+  var pluginName = "autoRedirect";
+
+  function Plugin(element, options) {
+    this.$el = $(element);
+    this.settings = $.extend({}, $.fn[pluginName].defaults, options, this.$el.data());
+    this.timer = null;
+    this.init();
+  }
+
+  Plugin.prototype = {
+    init: function () {
+      var self = this;
+      var delay = parseInt(self.settings.delay, 10);
+      var href = self.$el.attr("href");
+
+      if (!href) return;
+
+      var $info = $("<span class=\"redirect-info\"> (将在 <span class=\"time\">" + delay + "</span> 秒后自动跳转，您也可以手动<a href=\"javascript:;\" class=\"cancel-redirect\">取消跳转</a>) </span>");
+      self.$el.after($info);
+
+      self.timer = setInterval(function () {
+        delay--;
+        $info.find(".time").text(delay);
+        if (delay <= 0) {
+          clearInterval(self.timer);
+          window.location.href = href;
+        }
+      }, 1000);
+
+      $info.on("click", ".cancel-redirect", function () {
+        clearInterval(self.timer);
+        $info.text("");
+      });
+    },
+    destroy: function () {
+      clearInterval(this.timer);
+      this.$el.next(".redirect-info").remove();
+    }
+  };
+
+  $.fn[pluginName] = function (option) {
+    return this.each(function () {
+      var $this = $(this);
+      var instance = $this.data(pluginName);
+
+      if (!instance) {
+        $this.data(pluginName, new Plugin(this, option));
+      } else if (typeof option === "string" && instance[option]) {
+        instance[option]();
+      }
+    });
+  };
+
+  $.fn[pluginName].defaults = {
+    delay: 5
+  };
+
+  $(function () {
+    $("a[data-redirect]").each(function () {
+      $(this)[pluginName]();
+    });
+  });
+
+})(jQuery);