ci: use npm instead of pnpm

Also update dependencies and update some descriptions of the docs.

Author: wuda-io

.github/workflows/deploy.yml

@@ -13,21 +13,21 @@ jobs:
         uses: actions/checkout@v4
       - name: Setup
         uses: actions/setup-node@v3
-      - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v2
-        with:
-          version: 8
-          run_install: |
-            - recursive: true
-              args: [--frozen-lockfile, --strict-peer-dependencies]
-            - args: [--global, prettier, typescript]
+      # - uses: actions/checkout@v4
+      # - uses: pnpm/action-setup@v2
+      #   with:
+      #     version: 8
+      #     run_install: |
+      #       - recursive: true
+      #         args: [--frozen-lockfile, --strict-peer-dependencies]
+      #       - args: [--global, prettier, typescript]
 
       - name: Build
         run: |
           git submodule init
           git submodule update
-          pnpm install
-          pnpm build
+          npm install
+          npm build
 
       - name: Upload production-ready build files
         uses: actions/upload-artifact@v3

config.materialize.js

@@ -4,8 +4,7 @@ export const config = {
       id: "index",
       url: "index.html",
       name: "Documentation",
-      description:
-        "Materialize is a modern responsive CSS framework based on Material Design by Google.",
+      description: "Materialize is a modern responsive CSS framework based on Material Design by Google.",
     },
     {
       id: "about",
@@ -17,18 +16,31 @@ export const config = {
       id: "gettingstarted",
       url: "getting-started.html",
       name: "Getting started",
-      description:
-        "Learn how to easily start using Materialize and integrate it into your project.",
+      description: "Learn how to easily start using Materialize and integrate it into your project.",
+    },
+    {
+      id: "color",
+      url: "color.html",
+      name: "Color",
+      description: "Materialize offers a lot of colors which can be used in your next project.",
+    },
+    {
+      id: "grid",
+      url: "grid.html",
+      name: "Grid",
+      description: "Use Materializes powerful grid system which uses CSS Grid to make formatting your web project easier and more comfortable.",
+    },
+    {
+      id: "helpers",
+      url: "helpers.html",
+      name: "Helpers",
+      description: "Get an overview of all helper classes for visibility and common css properties.",
     },
-    { id: "color", url: "color.html", name: "Color" },
-    { id: "grid", url: "grid.html", name: "Grid" },
-    { id: "helpers", url: "helpers.html", name: "Helpers" },
     {
       id: "mediacss",
       url: "media-css.html",
       name: "Media Styles",
-      description:
-        "Responsive images and videos ready to be seen on many devices.",
+      description: "Responsive images and videos ready to be seen on many devices.",
     },
     { id: "pulse", url: "pulse.html", name: "Pulse" },
     { id: "sass", url: "sass.html", name: "Sass" },
@@ -66,8 +78,7 @@ export const config = {
       id: "media",
       url: "media.html",
       name: "Media",
-      description:
-        "Use Box and Slider to present your media content in a cool way.",
+      description: "Use Box and Slider to present your media content in a cool way.",
     },
     { id: "modals", url: "modals.html", name: "Modals" },
     { id: "parallax", url: "parallax.html", name: "Parallax" },

package.json

@@ -11,14 +11,15 @@
   "dependencies": {
     "@material/material-color-utilities": "^0.2.7",
     "@materializecss/materialize": "workspace:*",
-    "glob": "^10.3.3",
-    "highlight.js": "^11.9.0",
-    "material-icons": "^1.13.8",
+    "glob": "^10.4.5",
+    "highlight.js": "^11.10.0",
+    "material-icons": "^1.13.12",
     "vite-plugin-handlebars": "^1.6.0"
   },
   "devDependencies": {
-    "sass": "^1.35.2",
-    "typescript": "^5.0.2",
-    "vite": "^4.4.5"
-  }
+    "sass": "^1.80.1",
+    "typescript": "^5.6.3",
+    "vite": "^4.5.5"
+  },
+  "packageManager": "pnpm@9.12.2+sha512.22721b3a11f81661ae1ec68ce1a7b879425a1ca5b991c975b074ac220b187ce56c708fe5db69f4c962c989452eee76c82877f4ee80f474cebd61ee13461b6228"
 }