update css and document

Gemfile.lock

@@ -80,6 +80,7 @@ PLATFORMS
   x86_64-darwin-20
   x86_64-darwin-21
   x86_64-darwin-22
+  x86_64-darwin-23
 
 DEPENDENCIES
   jekyll-commonmark-ghpages

README.md

@@ -3,8 +3,8 @@
 `trzsz` ( trz / tsz ) is a simple file transfer tools, similar to `lrzsz` ( rz / sz ), and compatible with `tmux`.
 
 ```sh
-gem install jekyll
-gem install bundler
+sudo gem install -n /usr/local/bin jekyll
+sudo gem install -n /usr/local/bin bundler
 
 bundle install
 bundle exec jekyll serve

assets/css/style.scss

@@ -41,9 +41,18 @@ li > div:first-of-type {
   right: 0.5em;
   bottom: 0.5em;
   left: 0.5em;
-  background: linear-gradient(#fff 20%, transparent 20%, transparent 40%, #fff 40%, #fff 60%, transparent 60%, transparent 80%, #fff 80%);
+  background: linear-gradient(
+    #fff 20%,
+    transparent 20%,
+    transparent 40%,
+    #fff 40%,
+    #fff 60%,
+    transparent 60%,
+    transparent 80%,
+    #fff 80%
+  );
   opacity: 0.6;
-  content: '';
+  content: "";
 }
 
 .menu-button:hover {
@@ -67,7 +76,7 @@ li > div:first-of-type {
 
 .close-button::before,
 .close-button::after {
-  content: '';
+  content: "";
   position: absolute;
   width: 3px;
   height: 100%;
@@ -94,12 +103,12 @@ li > div:first-of-type {
   background-image: linear-gradient(120deg, #155799, #159957);
   padding: 0 1em 1em 1em;
   font-size: 1.15em;
-  -webkit-transform: translate3d(-320px,0,0);
-  transform: translate3d(-320px,0,0);
+  -webkit-transform: translate3d(-320px, 0, 0);
+  transform: translate3d(-320px, 0, 0);
   -webkit-transition: -webkit-transform 0.1s;
   transition: transform 0.1s;
-  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
-  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
+  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
+  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
 }
 
 .menu-wrap a {
@@ -112,48 +121,48 @@ li > div:first-of-type {
 }
 
 .icon-list {
-  -webkit-transform: translate3d(0,100%,0);
-  transform: translate3d(0,100%,0);
+  -webkit-transform: translate3d(0, 100%, 0);
+  transform: translate3d(0, 100%, 0);
 }
 
 .icon-list a {
   display: block;
   padding: 5px;
-  -webkit-transform: translate3d(0,500px,0);
-  transform: translate3d(0,500px,0);
+  -webkit-transform: translate3d(0, 500px, 0);
+  transform: translate3d(0, 500px, 0);
 }
 
 .icon-list,
 .icon-list a {
   -webkit-transition: -webkit-transform 0s 0.1s;
   transition: transform 0s 0.1s;
-  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
-  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
+  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
+  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
 }
 
 .icon-list a:nth-child(2) {
-  -webkit-transform: translate3d(0,1000px,0);
-  transform: translate3d(0,1000px,0);
+  -webkit-transform: translate3d(0, 1000px, 0);
+  transform: translate3d(0, 1000px, 0);
 }
 
 .icon-list a:nth-child(3) {
-  -webkit-transform: translate3d(0,1500px,0);
-  transform: translate3d(0,1500px,0);
+  -webkit-transform: translate3d(0, 1500px, 0);
+  transform: translate3d(0, 1500px, 0);
 }
 
 .icon-list a:nth-child(4) {
-  -webkit-transform: translate3d(0,2000px,0);
-  transform: translate3d(0,2000px,0);
+  -webkit-transform: translate3d(0, 2000px, 0);
+  transform: translate3d(0, 2000px, 0);
 }
 
 .icon-list a:nth-child(5) {
-  -webkit-transform: translate3d(0,2500px,0);
-  transform: translate3d(0,2500px,0);
+  -webkit-transform: translate3d(0, 2500px, 0);
+  transform: translate3d(0, 2500px, 0);
 }
 
 .icon-list a:nth-child(6) {
-  -webkit-transform: translate3d(0,3000px,0);
-  transform: translate3d(0,3000px,0);
+  -webkit-transform: translate3d(0, 3000px, 0);
+  transform: translate3d(0, 3000px, 0);
 }
 
 .icon-list a span {
@@ -163,22 +172,22 @@ li > div:first-of-type {
 
 /* Shown menu */
 .show-menu .menu-wrap {
-  -webkit-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
   -webkit-transition: -webkit-transform 0.2s;
   transition: transform 0.2s;
-  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
-  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
+  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
+  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
 }
 
 .show-menu .icon-list,
 .show-menu .icon-list a {
-  -webkit-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
   -webkit-transition: -webkit-transform 0.2s;
   transition: transform 0.2s;
-  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
-  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
+  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
+  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
 }
 
 .show-menu .icon-list a {
@@ -190,8 +199,25 @@ li > div:first-of-type {
   opacity: 1;
   -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
-  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
-  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
-  -webkit-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
+  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
+  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+
+details > summary {
+  cursor: pointer;
+  list-style-type: none;
+}
+
+details > summary::-webkit-details-marker {
+  display: none;
+}
+
+details > summary::before {
+  content: "► ";
+}
+
+details[open] > summary::before {
+  content: "▼ ";
 }

cn/go.md

@@ -140,7 +140,7 @@ _有关 `trzsz ( trz / tsz )` 更详细的文档，请查看 [https://trzsz.gith
 
   </details>
 
-- 可从 [Releases](https://github.com/trzsz/trzsz-go/releases) 中直接下载适用的版本
+- 可从 [GitHub Releases](https://github.com/trzsz/trzsz-go/releases) 中下载，国内可从 [Gitee 发行版](https://gitee.com/trzsz/trzsz-go/releases) 中下载，解压并加到 `PATH` 环境变量中。
 
 ## 使用方法
 

cn/ssh.md

@@ -148,7 +148,7 @@ trzsz-ssh ( tssh ) 设计为 ssh 客户端的直接替代品，提供与 openssh
 
   </details>
 
-- 可从 [Releases](https://github.com/trzsz/trzsz-ssh/releases) 中直接下载适用的版本
+- 可从 [GitHub Releases](https://github.com/trzsz/trzsz-ssh/releases) 中下载，国内可从 [Gitee 发行版](https://gitee.com/trzsz/tssh/releases) 中下载，解压并加到 `PATH` 环境变量中。
 
 ## 登录界面
 
@@ -326,7 +326,7 @@ trzsz-ssh ( tssh ) 设计为 ssh 客户端的直接替代品，提供与 openssh
     EnableZmodem Yes
   ```
 
-- 除了服务器，本地电脑也要安装 `lrzsz`，Windows 可以从 [lrzsz-win32](https://github.com/trzsz/lrzsz-win32/releases) 下载解压并加到 `PATH` 中，也可以如下安装：
+- 除了服务器，本地电脑也要安装 `lrzsz`，Windows 可以从 [lrzsz-win32](https://github.com/trzsz/lrzsz-win32/releases) 下载，解压并加到 `PATH` 环境变量中，也可以如下安装：
 
   ```
   scoop install lrzsz

go.md

@@ -140,7 +140,7 @@ _Please check [https://trzsz.github.io](https://trzsz.github.io) for more inform
 
   </details>
 
-- Download from the [Releases](https://github.com/trzsz/trzsz-go/releases)
+- Download from the [GitHub Releases](https://github.com/trzsz/trzsz-go/releases), unzip and add to `PATH` environment.
 
 ## Usage
 

ssh.md

@@ -148,7 +148,7 @@ trzsz-ssh ( tssh ) is an ssh client designed as a drop-in replacement for the op
 
   </details>
 
-- Download from the [Releases](https://github.com/trzsz/trzsz-ssh/releases)
+- Download from the [GitHub Releases](https://github.com/trzsz/trzsz-ssh/releases), unzip and add to `PATH` environment.
 
 ## Login Prompt
 
@@ -326,7 +326,7 @@ trzsz-ssh ( tssh ) is an ssh client designed as a drop-in replacement for the op
     EnableZmodem Yes
   ```
 
-- Not only the server, but also the local computer needs to install `lrzsz`. For Windows, you can download and unzip it from [lrzsz-win32](https://github.com/trzsz/lrzsz-win32/releases) and add it to `PATH`, or install it as follows:
+- Not only the server, but also the local computer needs to install `lrzsz`. For Windows, you can download from [lrzsz-win32](https://github.com/trzsz/lrzsz-win32/releases), unzip and add to `PATH` environment, or install it as follows:
 
   ```
   scoop install lrzsz