diff --git a/.github/workflows/build.yaml b/.github/workflows/build.yaml
new file mode 100644
index 0000000..7a1798b
--- /dev/null
+++ b/.github/workflows/build.yaml
@@ -0,0 +1,20 @@
+name: build project on output branch
+
+on:
+  push:
+    branches:
+      - output
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    - name: Install dependencies
+      run: yarn
+
+    - name: Build project
+      run: yarn build
\ No newline at end of file
diff --git a/.github/workflows/webpack.yml b/.github/workflows/webpack.yml
new file mode 100644
index 0000000..bd03468
--- /dev/null
+++ b/.github/workflows/webpack.yml
@@ -0,0 +1,27 @@
+name: NodeJS with Webpack
+
+on:
+  push:
+    branches: [ "output" ]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [18.x]
+
+    steps:
+    - uses: actions/checkout@v3
+
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v3
+      with:
+        node-version: ${{ matrix.node-version }}
+
+    - name: Install dependencies
+      run: yarn
+      
+    - name: Build project
+      run: yarn build
diff --git a/README.md b/README.md
index 5e67255..f86995e 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,13 @@
-[點擊查看Demo(github-page)](https://s956142.github.io/tetris-battle/ "俄羅斯方塊")
+[點擊開啟 俄羅斯方塊 (github-page)](https://s956142.github.io/tetris-battle/ "俄羅斯方塊")
 # tetris-battle
 
-# canvas-demo
 
-# 空格-暫停/開始
+# 速降 空格
 
-# 操控 ↑ ↓ ← →
+# 操控方向  ↓ ← →
+
+# 旋轉 ↑
+
+# 暫停/開始 p 
+
+# 保留 shift
diff --git a/src/index.html b/src/index.html
index d864062..f533568 100644
--- a/src/index.html
+++ b/src/index.html
@@ -108,6 +108,12 @@
 
           <div class="operation-intro mt-10">
             <div class="flex-row align-center">
+              <span class="mr-2">旋轉:</span>
+              <div class="fs-20 flex-row">
+                <span class="mr-2">⭡</span>
+              </div>
+            </div>
+            <div class="mt-10 flex-row align-center">
               <span class="mr-2">移動:</span>
               <div class="fs-20 flex-row">
                 <span class="mr-2">↓ </span>