Merge pull request 'develop' (#223) from develop into main

Reviewed-on: #223

.forgejo/workflows/build-deploy.yml

@@ -9,7 +9,7 @@ jobs:
     container:
       image: node:lts
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: Install Dependencies
         run: npm install
       - name: Build English Version
@@ -28,7 +28,7 @@ jobs:
     needs: [build]
     if: github.ref == 'refs/heads/develop'
     steps:
-      - uses: actions/download-artifact@v3
+      - uses: actions/download-artifact@v4
       - name: Install Dependencies
         run: which lftp || ( apk --update add lftp )
       - name: Deploy English Version
@@ -51,7 +51,7 @@ jobs:
     needs: [build]
     if: github.ref == 'refs/heads/main'
     steps:
-      - uses: actions/download-artifact@v3
+      - uses: actions/download-artifact@v4
       - name: Install Dependencies
         run: which lftp || ( apk --update add lftp )
       - name: Deploy English Version

package.json

@@ -16,7 +16,7 @@
     "url": "https://git.sp-codes.de/samuel-p/samuel-philipp.de"
   },
   "optionalDependencies": {
-    "browser-sync": "^2.29.3"
+    "browser-sync": "^3.0.2"
   },
   "devDependencies": {
     "@11ty/eleventy": "^2.0.1",
@@ -28,14 +28,14 @@
     "cpx": "^1.5.0",
     "eleventy-plugin-rev": "^2.0.0",
     "eleventy-sass": "^2.2.4",
-    "glob": "^10.3.10",
+    "glob": "^10.3.12",
-    "minify": "^10.5.2",
+    "minify": "^11.1.1",
-    "postcss": "^8.4.32",
+    "postcss": "^8.4.38",
-    "sass": "^1.69.5",
+    "sass": "^1.72.0",
     "uncss": "^0.17.3"
   },
   "dependencies": {
-    "bootstrap": "^5.3.2",
+    "bootstrap": "^5.3.3",
-    "flag-icons": "^7.0.3"
+    "flag-icons": "^7.2.1"
   }
 }

src/index.html

@@ -364,7 +364,7 @@ title: {{site.title}}
         </div>
     </div>
 </footer>
-<a class="back-top" href="#top">^</a>
+<a class="back-top" href="#top"></a>
 <script type="text/javascript" src="{{ '/js/main.js' | rev }}"></script>
 </body>
 </html>

src/scss/main.scss

@@ -1,4 +1,4 @@
-$primary: #006269;
+$primary: #fea500;
 $secondary: #444;
 @import "bootstrap/scss/bootstrap-grid";
 @import "bootstrap/scss/bootstrap-reboot";
@@ -24,6 +24,14 @@ body {
   margin: 0;
 }
 
+a {
+  color: #444;
+
+  &:hover {
+    color: #222;
+  }
+}
+
 header {
   position: relative;
   height: 100%;
@@ -286,7 +294,7 @@ section {
           display: block;
           font-size: 20px;
           font-weight: bold;
-          color: $primary;
+          color: #666;
         }
       }
 
@@ -655,8 +663,8 @@ footer {
     position: absolute;
     inset: 30%;
     transform: translateY(20%) rotate(-45deg);
-    border-top: 5px solid #fff;
+    border-top: 5px solid #000;
-    border-right: 5px solid #fff;
+    border-right: 5px solid #000;
   }
 }