Update to Node.js 24

Build the site using version 24.
Replace deprecated `node-sass` with `sass` and migrate accordingly.
Update workflows to use 24 and update the action `setup-node` to latest
version.

Signed-off-by: thc202 <thc202@gmail.com>

Author: thc202

.github/workflows/check-dist-update-website.yml

@@ -22,9 +22,9 @@ jobs:
       - uses: actions/checkout@v5
 
       - name: Set Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
-          node-version: 20.x
+          node-version: 24
 
       - name: Install dependencies
         run: npm ci

.github/workflows/test.yml

@@ -12,9 +12,9 @@ jobs:
       - run: sudo apt-get update && sudo apt-get install -y nginx && sudo systemctl start nginx
 
       - name: Install node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
-          node-version: '20'
+          node-version: '24'
 
       - name: Install npm dependencies
         run: npm install

.github/workflows/update-website.yml

@@ -11,9 +11,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     - name: Setup node
-      uses: actions/setup-node@v4
+      uses: actions/setup-node@v5
       with:
-        node-version: '20'
+        node-version: '24'
     - name: Checkout
       uses: actions/checkout@v5
       with:

.nvmrc

@@ -1 +1 @@
-20
+24

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:18
+FROM node:24
 
 COPY package-lock.json package.json  /app/
 

README.md

@@ -205,7 +205,7 @@ use the `site/static` folder. Images, font-files, etc, all go there. Files in th
 will end up being available as `/favicon.ico` and so on...
 
 ##### CSS/SCSS
-All the CSS is written in SCSS ("Sassy CSS") with all the files in `src/css/` with `src/css/main.css` being the entrypoint, defining main variables & importing the needed styles.
+All the CSS is written in SCSS ("Sassy CSS") with all the files in `src/css/` with `src/css/main.scss` being the entrypoint, defining main variables & importing the needed styles.
 
 Styles are separated by broad category, component and post specific styles. For example, if you need to change the typography across the entire site, `src/css/_type.scss` is the file to edit.