Update parcel monorepo to v2.15.4

Update dependency node-forge to v1

.github/dependabot.yml

@@ -4,7 +4,3 @@ updates:
     directory: "/"
     schedule:
       interval: "daily"
-  - package-ecosystem: 'npm'
-    directory: '/'
-    schedule:
-      interval: 'daily'

.github/workflows/actions.yml

@@ -18,14 +18,14 @@ jobs:
     env:
       DOCKER_CONFIG: $HOME/.docker
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
 
       - name: Set up Docker Buildx
         id: buildx
-        uses: docker/setup-buildx-action@v1
+        uses: docker/setup-buildx-action@v3
 
       - name: Login to ghcr.io
-        uses: docker/login-action@v1
+        uses: docker/login-action@v3
         with:
           registry: ${{ env.IMAGE_REGISTRY }}
           username: ${{ env.IMAGE_OWNER }}
@@ -33,7 +33,7 @@ jobs:
 
       - name: Build Docker Image
         id: docker_build_x64
-        uses: docker/build-push-action@v2
+        uses: docker/build-push-action@v6
         with:
           push: true
           platforms: linux/amd64
@@ -47,14 +47,14 @@ jobs:
     env:
       DOCKER_CONFIG: $HOME/.docker
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
 
       - name: Set up Docker Buildx
         id: buildx
-        uses: docker/setup-buildx-action@v1
+        uses: docker/setup-buildx-action@v3
 
       - name: Login to ghcr.io
-        uses: docker/login-action@v1
+        uses: docker/login-action@v3
         with:
           registry: ${{ env.IMAGE_REGISTRY }}
           username: ${{ env.IMAGE_OWNER }}
@@ -62,7 +62,7 @@ jobs:
 
       - name: Build Docker Image
         id: docker_build_arm64
-        uses: docker/build-push-action@v2
+        uses: docker/build-push-action@v6
         with:
           push: true
           platforms: linux/arm64
@@ -74,7 +74,7 @@ jobs:
     runs-on: ubuntu-latest
     needs: Build_x86
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
       - name: Run Ansible playbook
         # uses: dawidd6/action-ansible-playbook@v2.5.0
         uses: dawidd6/action-ansible-playbook@671974ed60e946e11964cb0c26e69caaa4b1f559

.github/workflows/snyk-container.yml

@@ -14,13 +14,9 @@
 name: Snyk Container
 
 on:
-  push:
-    branches: [ main ]
   pull_request:
     # The branches below must be a subset of the branches above
     branches: [ main ]
-  schedule:
-    - cron: '18 21 * * 3'
 
 permissions:
   contents: read
@@ -32,7 +28,7 @@ jobs:
       security-events: write # for github/codeql-action/upload-sarif to upload SARIF results
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v3
+    - uses: actions/checkout@v4
     - name: Build a Docker image
       run: docker build -t ghcr.io/fluttershub/homepage:snyk .
     - name: Run Snyk to check Docker image for vulnerabilities
@@ -49,6 +45,6 @@ jobs:
         image: ghcr.io/fluttershub/homepage:snyk
         args: --file=Dockerfile
     - name: Upload result to GitHub Code Scanning
-      uses: github/codeql-action/upload-sarif@v2
+      uses: github/codeql-action/upload-sarif@v3
       with:
         sarif_file: snyk.sarif

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:18.6 AS base
+FROM node:18.20.7 AS base
 LABEL version="4.1.0"
 LABEL description=""
 
@@ -14,7 +14,7 @@ RUN yarn install
 COPY ["src/", "./src"]
 RUN npm run Prod
 
-FROM nginx:1.23.1-alpine as Web
+FROM nginx:1.27.4-alpine as Web
 
 RUN apk --update --no-cache upgrade
 

docker-compose.yml

@@ -1,7 +1,7 @@
 version: "3"
 
 services:
-  fluttershub.com:
+  fluttershub-homepage:
     image: ghcr.io/fluttershub/homepage:x64-latest
     restart: always
     networks:

package.json

@@ -17,12 +17,12 @@
     "Prod": "npm run Cleanup && npm run Init && parcel build src/index.pug --dist-dir build"
   },
   "devDependencies": {
-    "@parcel/transformer-pug": "2.6.2",
-    "@parcel/transformer-sass": "2.6.2",
-    "parcel": "^2.6.2"
+    "@parcel/transformer-pug": "2.14.4",
+    "@parcel/transformer-sass": "2.14.4",
+    "parcel": "^2.14.4"
   },
   "resolutions": {
-    "node-forge": "0.10.0"
+    "node-forge": "1.3.1"
   },
   "dependencies": {},
   "bugs": {

renovate.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "extends": [
+    "config:recommended"
+  ]
+}

src/index.pug

@@ -14,7 +14,7 @@ html(lang='en')
     .container
       .pod
         .glow
-          img#profile_pic(src='https://s3.fluttershub.com/fluttershub-com/public/profile_pic.png', alt='')
+          img#profile_pic(src='assets/profile_pic.png', alt='')
         h1.welcome_text.text-flicker.text-flicker-1 Phoenix/Hotaru
         p.about_me.standard_text.text-box-glow
         .pod

src/scss/components/animations.scss

@@ -1,3 +1,3 @@
-@import "animations/bounce.scss";
-@import "animations/flicker.scss";
-@import "animations/slide.scss";
+@use "animations/bounce.scss";
+@use "animations/flicker.scss";
+@use "animations/slide.scss";

src/scss/components/img.scss

@@ -1,42 +1,40 @@
-// @import "./bounce.scss";
+// @use "./bounce.scss";
+
+// Keyframes must be declared at the top level
+@keyframes border-pulsate {
+  0% {
+    box-shadow: none;
+  }
+  60% {
+    box-shadow:
+      inset 0 0 50px #fff,
+      inset 20px 0 80px #f5f,
+      inset -20px 0 80px #0ff,
+      inset 20px 0 300px #f0f,
+      inset -20px 0 300px #0ff,
+      0 0 50px #fff,
+      -10px 0 80px #f0f,
+      10px 0 80px #0ff;
+  }
+  100% {
+    box-shadow: none;
+  }
+}
 
 #profile_pic {
-    width: 256px;
-    height: 256px;
-      /* Safari 3-4, iOS 1-3.2, Android 1.6- */
+  width: 256px;
+  height: 256px;
+
+  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
   -webkit-border-radius: 50%;
 
   /* Firefox 1-3.6 */
   -moz-border-radius: 50%;
 
-  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
+  /* Modern browsers */
   border-radius: 50%;
 }
-.glow img{
-  @keyframes border-pulsate {
-      0%{
-          box-shadow:none;
-      }
-      60%{
-          box-shadow:
-              inset 0 0 50px #fff,
-              inset 20px 0 80px #f5f,
-              inset -20px 0 80px #0ff,
-              inset 20px 0 300px #f0f,
-              inset -20px 0 300px #0ff,
-              0 0 50px #fff,
-              -10px 0 80px #f0f,
-              10px 0 80px #0ff;
-      }
-      100%{
-          box-shadow:none;
-      }
-  }
-//   -webkit-animation: bounce-in-fwd 1.1s cubic-bezier(0.645, 0.045, 0.355, 1.000) both;
-//   animation: bounce-in-fwd 1.1s cubic-bezier(0.645, 0.045, 0.355, 1.000) both;
+
+.glow img {
   animation: bounce-in 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000) both, border-pulsate 10s infinite;
-  /* transition:all 4s ease-out; 
-  /*animation-delay: 0s;
-  animation-play-state: running; 
-  // animation-fill-mode: backwards; */
 }

src/scss/index.scss

@@ -1,7 +1,7 @@
-@import "components/common.scss";
-// @import "components/animation.scss";
-@import "components/img.scss";
-@import "components/footer.scss";
-@import "components/animations.scss";
-// @import "components/slide.scss";
-// @import "components/links.scss";
+@use "components/common.scss";
+// @use "components/animation.scss";
+@use "components/img.scss";
+@use "components/footer.scss";
+@use "components/animations.scss";
+// @use "components/slide.scss";
+// @use "components/links.scss";