Replace motion with animejs and new layout redesign (#672)

Co-authored-by: taroj1205 <taroj1205@gmail.com>
Co-authored-by: Shintaro Jokagi <61367823+taroj1205@users.noreply.github.com>
Co-authored-by: mr. m <91018726+mauro-balades@users.noreply.github.com>
Co-authored-by: Canoa <gitgood@thatcanoa.org>
Co-authored-by: Bryan Galdámez <josuegalre@gmail.com>

Author: 4 people

.github/workflows/ci-pipeline.yml

@@ -64,15 +64,6 @@ jobs:
         if: steps.check-node-modules-cache.outputs.cache-hit != 'true'
         run: pnpm install --frozen-lockfile
 
-      - name: Save node_modules cache
-        if: steps.check-node-modules-cache.outputs.cache-hit != 'true'
-        uses: actions/cache/save@v4
-        with:
-          path: |
-            node_modules
-            */node_modules
-          key: ${{ runner.os }}-node-modules-${{ hashFiles('**/pnpm-lock.yaml') }}
-
   quality_checks:
     name: ${{ matrix.name }}
     needs: [check_changes, setup]
@@ -102,6 +93,7 @@ jobs:
           restore-keys: ${{ runner.os }}-turbo-${{ matrix.check }}-
 
       - name: Restore node_modules cache
+        id: cache
         uses: actions/cache/restore@v4
         with:
           path: |
@@ -121,14 +113,15 @@ jobs:
           run_install: false
 
       - name: Install dependencies
+        if: steps.cache.outputs.cache-hit != 'true'
         run: pnpm install --frozen-lockfile
 
       - name: Run ${{ matrix.name }}
         run: pnpm exec turbo run ${{ matrix.check }}
 
   playwright:
     name: Playwright Tests
-    needs: [check_changes, setup, quality_checks]
+    needs: [check_changes, setup]
     if: ${{ needs.check_changes.outputs.exists == 'true' }}
     runs-on: ubuntu-latest
     steps:
@@ -144,6 +137,7 @@ jobs:
           restore-keys: ${{ runner.os }}-turbo-
 
       - name: Restore node_modules cache
+        id: cache
         uses: actions/cache/restore@v4
         with:
           path: |
@@ -163,6 +157,7 @@ jobs:
           run_install: false
 
       - name: Install dependencies
+        if: steps.cache.outputs.cache-hit != 'true'
         run: pnpm install --frozen-lockfile
 
       - name: Cache Playwright Browsers
@@ -177,6 +172,7 @@ jobs:
 
       - name: Run Playwright Tests
         run: pnpm exec turbo run test:playwright
+        timeout-minutes: 10
 
   verify:
     name: Verify

cspell.json

@@ -5,21 +5,22 @@
   "words": [
     "adam",
     "AMOLED",
+    "animejs",
     "Astronav",
-    "Briel",
     "brhm",
     "Brhm",
+    "Briel",
     "bryan",
-    "Canoa",
     "canoa",
+    "Canoa",
     "cfasync",
     "createdAsc",
     "createdDefault",
     "createdDesc",
     "daniel",
-    "FMPEG",
     "ferrocyante",
     "flatpaks",
+    "FMPEG",
     "Galdámez",
     "García",
     "Garro",
@@ -33,14 +34,14 @@
     "Jokagi",
     "junicode",
     "Junicode",
-    "kristijanribaric",
     "Kristijan",
+    "kristijanribaric",
     "laggy",
     "larvey",
     "Larvey",
+    "linaarchsum",
     "linuxarmsum",
     "linuxsum",
-    "linaarchsum",
     "mfsa",
     "mozilla",
     "Nehalem",
@@ -51,12 +52,13 @@
     "patreon",
     "Pdzly",
     "Ribaric",
+    "securtiy",
     "taroj",
-    "Turborepo",
     "testid",
     "theming",
-    "tuta",
     "tsconfigs",
+    "Turborepo",
+    "tuta",
     "unfloatable",
     "unfocusing",
     "unrs",
@@ -66,8 +68,8 @@
     "VAAPI",
     "wmfcdm",
     "workerd",
-    "XPCOM",
     "xmark",
+    "XPCOM",
     "yumemi",
     "zsync"
   ],

package.json

@@ -37,23 +37,25 @@
     "@fortawesome/free-solid-svg-icons": "6.7.1",
     "@types/react": "19.1.6",
     "@types/react-dom": "19.1.5",
+    "animejs": "4.0.2",
     "astro": "5.7.10",
     "astro-navbar": "2.3.7",
-    "turbo": "2.5.4",
     "autoprefixer": "10.4.14",
     "clsx": "2.1.1",
     "date-fns": "4.1.0",
     "free-astro-components": "1.2.0",
     "jiti": "2.4.2",
+    "js-confetti": "0.12.0",
     "lefthook": "1.11.13",
-    "motion": "12.15.0",
     "postcss": "8.5.1",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "sharp": "0.33.5",
     "tailwind-merge": "3.3.0",
     "tailwindcss": "3.4.15",
-    "typescript": "5.6.3"
+    "turbo": "2.5.4",
+    "typescript": "5.6.3",
+    "ua-parser-js": "2.0.3"
   },
   "devDependencies": {
     "@commitlint/cli": "19.8.1",
@@ -72,6 +74,7 @@
     "@playwright/test": "1.52.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/user-event": "14.6.1",
+    "@types/animejs": "3.1.13",
     "@types/eslint-plugin-jsx-a11y": "6.10.0",
     "@types/jsdom": "21.1.7",
     "@types/node": "22.15.18",