Update dependency cssnano to v7

This PR contains the following updates:

| Package | Update | Change |
|---|---|---|
| grafana/tempo | digest | `35b5ca6` -> `8b14474` |

---

### Configuration

📅 **Schedule**: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about this update again.

---

 - [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check this box

---

This PR has been generated by [Renovate Bot](https://github.com/renovatebot/renovate).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MS4xNTIuMiIsInVwZGF0ZWRJblZlciI6IjQxLjE1Mi4yIiwidGFyZ2V0QnJhbmNoIjoibmV4dCIsImxhYmVscyI6W119-->

Reviewed-on: #42
Co-authored-by: Renovate Bot <renovate-bot@valverde.cloud>
Co-committed-by: Renovate Bot <renovate-bot@valverde.cloud>

bun.lock

@@ -5,7 +5,7 @@
       "name": "website",
       "devDependencies": {
         "@biomejs/biome": "^2.2.4",
-        "@effect/language-service": "^0.44.0",
+        "@effect/language-service": "^0.45.0",
         "@types/bun": "^1.2.23",
         "npm-check-updates": "^19.0.0",
         "npm-sort": "^0.0.4",
@@ -61,7 +61,7 @@
         "effect-fc": "^0.1.3",
         "i18next": "^25.6.0",
         "i18next-browser-languagedetector": "^8.2.0",
-        "lucide-react": "^0.545.0",
+        "lucide-react": "^0.546.0",
         "react": "^19.1.1",
         "react-dom": "^19.1.1",
         "react-i18next": "^16.0.1",
@@ -169,7 +169,7 @@
 
     "@effect/experimental": ["@effect/experimental@0.56.0", "", { "dependencies": { "uuid": "^11.0.3" }, "peerDependencies": { "@effect/platform": "^0.92.0", "effect": "^3.18.0", "ioredis": "^5", "lmdb": "^3" }, "optionalPeers": ["ioredis", "lmdb"] }, "sha512-ZT9wTUVyDptzdkW4Tfvz5fNzygW9vt5jWcFmKI9SlhZMu9unVJgsBhxWCNYCyfPnxw3n/Z6SEKsqgt8iKQc4MA=="],
 
-    "@effect/language-service": ["@effect/language-service@0.44.0", "", { "bin": { "effect-language-service": "cli.js" } }, "sha512-ya9cDN0CvmZl2jAhGOBEvp15e+t/9LDdwkH1+vO8wnz/5BdsAZLVo3O3SYO5rtHQiL3rJBwPkn3Z7X6pZ8E8ww=="],
+    "@effect/language-service": ["@effect/language-service@0.45.1", "", { "bin": { "effect-language-service": "cli.js" } }, "sha512-SEZ9TaVCpRKYumTQJPApg3os9O94bN2lCYQLgZbyK/xD+NSfYPPJZQ+6T5LkpcNgW8BRk1ACI7S1W2/noxm7Qg=="],
 
     "@effect/opentelemetry": ["@effect/opentelemetry@0.58.0", "", { "peerDependencies": { "@effect/platform": "^0.92.0", "@opentelemetry/api": "^1.9", "@opentelemetry/resources": "^2.0.0", "@opentelemetry/sdk-logs": "^0.203.0", "@opentelemetry/sdk-metrics": "^2.0.0", "@opentelemetry/sdk-trace-base": "^2.0.0", "@opentelemetry/sdk-trace-node": "^2.0.0", "@opentelemetry/sdk-trace-web": "^2.0.0", "@opentelemetry/semantic-conventions": "^1.33.0", "effect": "^3.18.0" }, "optionalPeers": ["@opentelemetry/api", "@opentelemetry/resources", "@opentelemetry/sdk-logs", "@opentelemetry/sdk-metrics", "@opentelemetry/sdk-trace-base", "@opentelemetry/sdk-trace-node", "@opentelemetry/sdk-trace-web"] }, "sha512-NKCk64lf2VbrTxpxWUgqWxk02j49u5sh2HD8YK0UPDOi62vmc12aBqdhEyPp+kpdZiw8VI8ZALkgYRG1tH08SQ=="],
 
@@ -819,7 +819,7 @@
 
     "lru-cache": ["lru-cache@5.1.1", "", { "dependencies": { "yallist": "^3.0.2" } }, "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w=="],
 
-    "lucide-react": ["lucide-react@0.545.0", "", { "peerDependencies": { "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-7r1/yUuflQDSt4f1bpn5ZAocyIxcTyVyBBChSVtBKn5M+392cPmI5YJMWOJKk/HUWGm5wg83chlAZtCcGbEZtw=="],
+    "lucide-react": ["lucide-react@0.546.0", "", { "peerDependencies": { "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-Z94u6fKT43lKeYHiVyvyR8fT7pwCzDu7RyMPpTvh054+xahSgj4HFQ+NmflvzdXsoAjYGdCguGaFKYuvq0ThCQ=="],
 
     "magic-string": ["magic-string@0.30.19", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" } }, "sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw=="],
 

compose.yml

@@ -48,7 +48,7 @@ services:
 
   tempo:
     <<: *service-base
-    image: grafana/tempo:latest@sha256:4b9b94524558dea1209a1d4bca56b758114d1b2269b7184329632ba3879b5a5e
+    image: grafana/tempo:latest@sha256:8b1447438058ca1307ecf55689ed3da944037cc8918664701b95fa18cdaa1b2c
     command: [-config.file=/etc/tempo.yaml]
     volumes:
       - ./telemetry/tempo.yaml:/etc/tempo.yaml
@@ -56,7 +56,7 @@ services:
     stop_signal: SIGKILL
 
   prometheus:
-    image: prom/prometheus:v3.7.0@sha256:29c1e0b48ad816750245dea3d65ac3ce57dda30547e67b1e9a5176e2953cc4dc
+    image: prom/prometheus:v3.7.1@sha256:ff7e389acbe064a4823212a500393d40a28a8f362e4b05cbf6742a9a3ef736b2
     command:
       - --config.file=/etc/prometheus.yaml
       - --web.enable-remote-write-receiver

package.json

@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^2.2.4",
-    "@effect/language-service": "^0.44.0",
+    "@effect/language-service": "^0.45.0",
     "@types/bun": "^1.2.23",
     "npm-check-updates": "^19.0.0",
     "npm-sort": "^0.0.4",

packages/webapp/package.json

@@ -28,7 +28,7 @@
     "effect-fc": "^0.1.3",
     "i18next": "^25.6.0",
     "i18next-browser-languagedetector": "^8.2.0",
-    "lucide-react": "^0.545.0",
+    "lucide-react": "^0.546.0",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
     "react-i18next": "^16.0.1",

packages/webapp/public/98.css/.github/workflows/npm-publish.yml

@@ -12,8 +12,8 @@ jobs:
   publish-npm:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v5
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v6
         with:
           node-version: 16
           registry-url: https://registry.npmjs.org/

packages/webapp/public/98.css/package.json

@@ -27,7 +27,7 @@
   "homepage": "https://github.com/jdan/98.css",
   "devDependencies": {
     "chokidar": "^3.3.1",
-    "cssnano": "^5.0.1",
+    "cssnano": "^7.0.0",
     "dedent": "^0.7.0",
     "ejs": "^3.0.2",
     "gh-pages": "^2.2.0",
@@ -38,7 +38,7 @@
     "postcss": "^8.2.12",
     "postcss-calc": "^7.0.2",
     "postcss-copy": "^7.1.0",
-    "postcss-css-variables": "^0.14.0",
+    "postcss-css-variables": "^0.19.0",
     "postcss-inline": "^1.2.0",
     "postcss-inline-svg": "^4.1.0"
   }

packages/webapp/src/i18n/en.ts

@@ -3,7 +3,7 @@ export const en = {
 
     nav: {
         gitRepos: {
-            title: "Git repositories",
+            title: "Git Repos",
             tooltip: "All the public repositories on my Git server",
         },
         sourceCode: {

packages/webapp/src/routes/__root.tsx

@@ -17,17 +17,30 @@ function RootComponent() {
     const { t, i18n } = useTranslation()
 
     return <>
+        <div className="flex flex-row items-center justify-center gap-2 p-2">
+            <Button
+                variant={i18n.language !== "en" ? "default" : "noShadow"}
+                onClick={() => i18n.changeLanguage("en")}
+            >
+                🇬🇧 English
+            </Button>
+
+            <Button
+                variant={i18n.language !== "fr" ? "default" : "noShadow"}
+                onClick={() => i18n.changeLanguage("fr")}
+            >
+                🇫🇷 Français
+            </Button>
+        </div>
+
+        <div className="container mt-20 mr-auto ml-auto">
+            <div className="mr-auto ml-auto flex w-fit flex-row items-start justify-around gap-10">
                 <root.div>
                     <link rel="stylesheet" href="/98.css/dist/98.css" />
 
                     <div className="window" style={{ width: 300 }}>
                         <div className="title-bar">
-                    <div className="title-bar-text">A Window With Stuff In It</div>
+                            <div className="title-bar-text">Julien Valverde</div>
-                    <div className="title-bar-controls">
-                        <button aria-label="Minimize"></button>
-                        <button aria-label="Maximize"></button>
-                        <button aria-label="Close"></button>
-                    </div>
                         </div>
                         <div className="window-body">
                             <p>There's so much room for activities!</p>
@@ -35,8 +48,14 @@ function RootComponent() {
                     </div>
                 </root.div>
 
-        <div className="container mt-10 mr-auto ml-auto flex flex-row items-center justify-center gap-20">
+                <div>
-            <div className="flex flex-row items-center justify-center gap-2">
+                    <h1>Ingénieur Full Stack &bull; Entrepreneur</h1>
+
+                    <p className="mt-2">
+                        I am passionate about integrating functionality and design in applications to create intuitive, user-friendly experiences.
+                    </p>
+
+                    <div className="flex w-fit flex-row items-center justify-center gap-2 mt-4">
                         <TooltipProvider>
                             <Tooltip>
                                 <TooltipTrigger asChild>
@@ -63,21 +82,7 @@ function RootComponent() {
 
                         <Button>Resumé</Button>
                     </div>
-
+                </div>
-            <div className="flex flex-row items-center justify-center gap-2">
-                <Button
-                    variant={i18n.language !== "en" ? "default" : "noShadow"}
-                    onClick={() => i18n.changeLanguage("en")}
-                >
-                    🇬🇧 English
-                </Button>
-
-                <Button
-                    variant={i18n.language !== "fr" ? "default" : "noShadow"}
-                    onClick={() => i18n.changeLanguage("fr")}
-                >
-                    🇫🇷 Français
-                </Button>
             </div>
         </div>