add github page deploy

.github/workflows/deploy.yaml

@@ -0,0 +1,35 @@
+on:
+  push:
+    branches:
+    - master
+
+jobs:
+  deploy:
+    name: deploy to page
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pages: write
+      id-token: write
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Build
+        shell: bash
+        run: |
+          echo "::group::Build"
+          npm ci
+          npm run build
+          echo "::endgroup::"
+
+      - name: Upload
+        uses: actions/[email protected]
+        with: 
+          path: dist
+
+      - id: Deploy
+        name: Deploy to GitHub Pages
+        uses: actions/[email protected]
+        with:
+          token: ${{ github.token }}

README.md

@@ -2,16 +2,30 @@
 
 This is an example of the FABRIK algorithm implemented in Typescript. Using html canvas for 2D rendering and Three.js for 3D rendering.
 
+## FABRIK Algorithm
+
+[![FABRIK Algorithm](https://img.youtube.com/vi/UNoX65PRehA/0.jpg)](https://www.youtube.com/watch?v=UNoX65PRehA)
+
 ## 2D Example
 
+[2D Single Chain](https://ruichen0101.github.io/fabrik-example/2d/single-end)
+
+[2D Multi Chain](https://ruichen0101.github.io/fabrik-example/2d/multi-end)
+
 ## 3D Example
 
+[3D Single Chain](https://ruichen0101.github.io/fabrik-example/3d/single-end)
+
+[3D Multi Chain](https://ruichen0101.github.io/fabrik-example/3d/multi-end)
+
+[3D Full Body](https://ruichen0101.github.io/fabrik-example/3d/full-body)
+
 ## Running the project
 
 To run the project, you need to have Node.js installed. Then, you can run the following commands:
 
 ```bash
-npm install
+npm ci
 npm run dev
 ```