Update button styles

Replace old icons
Add lucide icons with 11ty plugin
2025-05-01 16:42:50 +02:00 · 2025-05-01 11:04:35 +02:00 · 2025-05-01 11:03:10 +02:00 · 2025-05-01 10:02:26 +02:00 · 2025-04-30 22:11:47 +02:00 · 2025-04-30 21:48:18 +02:00
29 changed files with 369 additions and 1086 deletions
--- a/eleventy.config.js
+++ b/eleventy.config.js
@ -1,4 +1,5 @@
 import { inspect } from "util";
+import pluginIcons from 'eleventy-plugin-icons';

 export default async function (eleventyConfig) {
  eleventyConfig.setUseGitIgnore(false);
@ -27,6 +28,10 @@ export default async function (eleventyConfig) {

  eleventyConfig.addPassthroughCopy('src/favicon.ico')

+  eleventyConfig.addPlugin(pluginIcons, {
+    sources: [{ name: 'lucide', path: 'node_modules/lucide-static/icons', default: true }]
+  });
+
  eleventyConfig.addBundle("css");

  return {
--- a/package-lock.json
+++ b/package-lock.json
@ -10,9 +10,8 @@
      "license": "ISC",
      "devDependencies": {
        "@11ty/eleventy": "^3.0.0",
-        "browserslist": "^4.24.4",
-        "lightningcss": "^1.29.3",
-        "sass": "^1.87.0"
+        "eleventy-plugin-icons": "^4.5.3",
+        "lucide-static": "^0.503.0"
      }
    },
    "node_modules/@11ty/dependency-tree": {
@ -472,330 +471,6 @@
        "node": ">= 8"
      }
    },
-    "node_modules/@parcel/watcher": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz",
-      "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "detect-libc": "^1.0.3",
-        "is-glob": "^4.0.3",
-        "micromatch": "^4.0.5",
-        "node-addon-api": "^7.0.0"
-      },
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      },
-      "optionalDependencies": {
-        "@parcel/watcher-android-arm64": "2.5.1",
-        "@parcel/watcher-darwin-arm64": "2.5.1",
-        "@parcel/watcher-darwin-x64": "2.5.1",
-        "@parcel/watcher-freebsd-x64": "2.5.1",
-        "@parcel/watcher-linux-arm-glibc": "2.5.1",
-        "@parcel/watcher-linux-arm-musl": "2.5.1",
-        "@parcel/watcher-linux-arm64-glibc": "2.5.1",
-        "@parcel/watcher-linux-arm64-musl": "2.5.1",
-        "@parcel/watcher-linux-x64-glibc": "2.5.1",
-        "@parcel/watcher-linux-x64-musl": "2.5.1",
-        "@parcel/watcher-win32-arm64": "2.5.1",
-        "@parcel/watcher-win32-ia32": "2.5.1",
-        "@parcel/watcher-win32-x64": "2.5.1"
-      }
-    },
-    "node_modules/@parcel/watcher-android-arm64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz",
-      "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-darwin-arm64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz",
-      "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-darwin-x64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz",
-      "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-freebsd-x64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz",
-      "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-arm-glibc": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz",
-      "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-arm-musl": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz",
-      "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-arm64-glibc": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz",
-      "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-arm64-musl": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz",
-      "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-x64-glibc": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz",
-      "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-linux-x64-musl": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz",
-      "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-win32-arm64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz",
-      "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-win32-ia32": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz",
-      "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher-win32-x64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz",
-      "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/@parcel/watcher/node_modules/detect-libc": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
-      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "optional": true,
-      "bin": {
-        "detect-libc": "bin/detect-libc.js"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
    "node_modules/@pkgjs/parseargs": {
      "version": "0.11.0",
      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
@ -1034,60 +709,6 @@
        "node": ">=8"
      }
    },
-    "node_modules/browserslist": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz",
-      "integrity": "sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "caniuse-lite": "^1.0.30001688",
-        "electron-to-chromium": "^1.5.73",
-        "node-releases": "^2.0.19",
-        "update-browserslist-db": "^1.1.1"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001715",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001715.tgz",
-      "integrity": "sha512-7ptkFGMm2OAOgvZpwgA4yjQ5SQbrNVGdRjzH0pBdy1Fasvcr+KAeECmbCAECzTuDuoX0FCY8KzUxjf9+9kfZEw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "CC-BY-4.0"
-    },
    "node_modules/chardet": {
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/chardet/-/chardet-2.1.0.tgz",
@ -1207,16 +828,6 @@
        "node": ">=4"
      }
    },
-    "node_modules/detect-libc": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz",
-      "integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=8"
-      }
-    },
    "node_modules/dom-serializer": {
      "version": "1.4.1",
      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
@ -1295,12 +906,21 @@
      "dev": true,
      "license": "MIT"
    },
-    "node_modules/electron-to-chromium": {
-      "version": "1.5.140",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.140.tgz",
-      "integrity": "sha512-o82Rj+ONp4Ip7Cl1r7lrqx/pXhbp/lh9DpKcMNscFJdh8ebyRofnc7Sh01B4jx403RI0oqTBvlZ7OBIZLMr2+Q==",
+    "node_modules/eleventy-plugin-icons": {
+      "version": "4.5.3",
+      "resolved": "https://registry.npmjs.org/eleventy-plugin-icons/-/eleventy-plugin-icons-4.5.3.tgz",
+      "integrity": "sha512-vzMCeQKZ3sS9wWXqVBzqVcM0Zwg0CpCmWMBvhufeNTLkQD/eiokAdMXafW612oVOuiExT/sAdXEMi4aG9idpug==",
      "dev": true,
-      "license": "ISC"
+      "dependencies": {
+        "fast-xml-parser": "^4.4.0",
+        "just-extend": "^6.2.0",
+        "just-memoize": "^2.2.0",
+        "just-typeof": "^3.2.0",
+        "kleur": "^4.1.5"
+      },
+      "engines": {
+        "node": ">=16.20.2"
+      }
    },
    "node_modules/emoji-regex": {
      "version": "8.0.0",
@ -1343,16 +963,6 @@
        "errno": "cli.js"
      }
    },
-    "node_modules/escalade": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
    "node_modules/escape-html": {
      "version": "1.0.3",
      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
@ -1445,6 +1055,24 @@
        "node": ">=8.6.0"
      }
    },
+    "node_modules/fast-xml-parser": {
+      "version": "4.5.3",
+      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.5.3.tgz",
+      "integrity": "sha512-RKihhV+SHsIUGXObeVy9AXiBbFwkVk7Syp8XgwN5U3JV416+Gwp/GO9i0JYKmikykgz/UHRrrV4ROuZEo/T0ig==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "dependencies": {
+        "strnum": "^1.1.1"
+      },
+      "bin": {
+        "fxparser": "src/cli/cli.js"
+      }
+    },
    "node_modules/fastq": {
      "version": "1.15.0",
      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
@ -1646,13 +1274,6 @@
        "node": ">= 0.8"
      }
    },
-    "node_modules/immutable": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.1.tgz",
-      "integrity": "sha512-3jatXi9ObIsPGr3N5hGw/vWWcTkq6hUYhpQz4k0wLC+owqWi/LiugIw9x0EdNZ2yGedKN/HzePiBvaJRXa0Ujg==",
-      "dev": true,
-      "license": "MIT"
-    },
    "node_modules/inherits": {
      "version": "2.0.4",
      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
@ -1818,6 +1439,24 @@
        "node": ">=0.10.0"
      }
    },
+    "node_modules/just-extend": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/just-extend/-/just-extend-6.2.0.tgz",
+      "integrity": "sha512-cYofQu2Xpom82S6qD778jBDpwvvy39s1l/hrYij2u9AMdQcGRpaBu6kY4mVhuno5kJVi1DAz4aiphA2WI1/OAw==",
+      "dev": true
+    },
+    "node_modules/just-memoize": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/just-memoize/-/just-memoize-2.2.0.tgz",
+      "integrity": "sha512-zriv+MY+61RXT0QsrO1ZJtL5umouqqSWmCGBkp2wJm35kniunBAA4qhUKx8Lvg/QcwrF9xuw9E6PkevKFf4boQ==",
+      "dev": true
+    },
+    "node_modules/just-typeof": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/just-typeof/-/just-typeof-3.2.0.tgz",
+      "integrity": "sha512-nOKazfzrQDEGNwXPfWEB64QD+ATZUnpOTJn0xMnCk41p297P9Emt3BlsRyWbu+CErMjopnFTGcYHJnvFX97ZIQ==",
+      "dev": true
+    },
    "node_modules/kind-of": {
      "version": "6.0.3",
      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
@ -1836,245 +1475,6 @@
        "node": ">=6"
      }
    },
-    "node_modules/lightningcss": {
-      "version": "1.29.3",
-      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.29.3.tgz",
-      "integrity": "sha512-GlOJwTIP6TMIlrTFsxTerwC0W6OpQpCGuX1ECRLBUVRh6fpJH3xTqjCjRgQHTb4ZXexH9rtHou1Lf03GKzmhhQ==",
-      "dev": true,
-      "license": "MPL-2.0",
-      "dependencies": {
-        "detect-libc": "^2.0.3"
-      },
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      },
-      "optionalDependencies": {
-        "lightningcss-darwin-arm64": "1.29.3",
-        "lightningcss-darwin-x64": "1.29.3",
-        "lightningcss-freebsd-x64": "1.29.3",
-        "lightningcss-linux-arm-gnueabihf": "1.29.3",
-        "lightningcss-linux-arm64-gnu": "1.29.3",
-        "lightningcss-linux-arm64-musl": "1.29.3",
-        "lightningcss-linux-x64-gnu": "1.29.3",
-        "lightningcss-linux-x64-musl": "1.29.3",
-        "lightningcss-win32-arm64-msvc": "1.29.3",
-        "lightningcss-win32-x64-msvc": "1.29.3"
-      }
-    },
-    "node_modules/lightningcss-darwin-arm64": {
-      "version": "1.29.3",
-      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.29.3.tgz",
-      "integrity": "sha512-fb7raKO3pXtlNbQbiMeEu8RbBVHnpyqAoxTyTRMEWFQWmscGC2wZxoHzZ+YKAepUuKT9uIW5vL2QbFivTgprZg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-darwin-x64": {
-      "version": "1.29.3",
-      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.29.3.tgz",
-      "integrity": "sha512-KF2XZ4ZdmDGGtEYmx5wpzn6u8vg7AdBHaEOvDKu8GOs7xDL/vcU2vMKtTeNe1d4dogkDdi3B9zC77jkatWBwEQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-freebsd-x64": {
-      "version": "1.29.3",
-      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.29.3.tgz",
-      "integrity": "sha512-VUWeVf+V1UM54jv9M4wen9vMlIAyT69Krl9XjI8SsRxz4tdNV/7QEPlW6JASev/pYdiynUCW0pwaFquDRYdxMw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-arm-gnueabihf": {
-      "version": "1.29.3",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.29.3.tgz",
-      "integrity": "sha512-UhgZ/XVNfXQVEJrMIWeK1Laj8KbhjbIz7F4znUk7G4zeGw7TRoJxhb66uWrEsonn1+O45w//0i0Fu0wIovYdYg==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-arm64-gnu": {
-      "version": "1.29.3",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.29.3.tgz",
-      "integrity": "sha512-Pqau7jtgJNmQ/esugfmAT1aCFy/Gxc92FOxI+3n+LbMHBheBnk41xHDhc0HeYlx9G0xP5tK4t0Koy3QGGNqypw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-arm64-musl": {
-      "version": "1.29.3",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.29.3.tgz",
-      "integrity": "sha512-dxakOk66pf7KLS7VRYFO7B8WOJLecE5OPL2YOk52eriFd/yeyxt2Km5H0BjLfElokIaR+qWi33gB8MQLrdAY3A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-x64-gnu": {
-      "version": "1.29.3",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.29.3.tgz",
-      "integrity": "sha512-ySZTNCpbfbK8rqpKJeJR2S0g/8UqqV3QnzcuWvpI60LWxnFN91nxpSSwCbzfOXkzKfar9j5eOuOplf+klKtINg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-x64-musl": {
-      "version": "1.29.3",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.29.3.tgz",
-      "integrity": "sha512-3pVZhIzW09nzi10usAXfIGTTSTYQ141dk88vGFNCgawIzayiIzZQxEcxVtIkdvlEq2YuFsL9Wcj/h61JHHzuFQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-win32-arm64-msvc": {
-      "version": "1.29.3",
-      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.29.3.tgz",
-      "integrity": "sha512-VRnkAvtIkeWuoBJeGOTrZxsNp4HogXtcaaLm8agmbYtLDOhQdpgxW6NjZZjDXbvGF+eOehGulXZ3C1TiwHY4QQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-win32-x64-msvc": {
-      "version": "1.29.3",
-      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.29.3.tgz",
-      "integrity": "sha512-IszwRPu2cPnDQsZpd7/EAr0x2W7jkaWqQ1SwCVIZ/tSbZVXPLt6k8s6FkcyBjViCzvB5CW0We0QbbP7zp2aBjQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
    "node_modules/linkify-it": {
      "version": "5.0.0",
      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
@ -2120,6 +1520,12 @@
      "dev": true,
      "license": "ISC"
    },
+    "node_modules/lucide-static": {
+      "version": "0.503.0",
+      "resolved": "https://registry.npmjs.org/lucide-static/-/lucide-static-0.503.0.tgz",
+      "integrity": "sha512-uwuom0ibobQx1yxuCnuR9X1sai8WcyT+qdw4Na4NOMoCLbhuEAsWAlwKjr0fdMgWgNzh3Z6pMgVtSo1MwlDe9A==",
+      "dev": true
+    },
    "node_modules/luxon": {
      "version": "3.6.1",
      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.6.1.tgz",
@ -2314,21 +1720,6 @@
      "dev": true,
      "license": "MIT"
    },
-    "node_modules/node-addon-api": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
-      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true
-    },
-    "node_modules/node-releases": {
-      "version": "2.0.19",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
-      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
-      "dev": true,
-      "license": "MIT"
-    },
    "node_modules/node-retrieve-globals": {
      "version": "6.0.1",
      "resolved": "https://registry.npmjs.org/node-retrieve-globals/-/node-retrieve-globals-6.0.1.tgz",
@ -2447,13 +1838,6 @@
        "url": "https://github.com/sponsors/isaacs"
      }
    },
-    "node_modules/picocolors": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-      "dev": true,
-      "license": "ISC"
-    },
    "node_modules/picomatch": {
      "version": "2.3.1",
      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
@ -2637,57 +2021,6 @@
        "queue-microtask": "^1.2.2"
      }
    },
-    "node_modules/sass": {
-      "version": "1.87.0",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.87.0.tgz",
-      "integrity": "sha512-d0NoFH4v6SjEK7BoX810Jsrhj7IQSYHAHLi/iSpgqKc7LaIDshFRlSg5LOymf9FqQhxEHs2W5ZQXlvy0KD45Uw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "chokidar": "^4.0.0",
-        "immutable": "^5.0.2",
-        "source-map-js": ">=0.6.2 <2.0.0"
-      },
-      "bin": {
-        "sass": "sass.js"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "optionalDependencies": {
-        "@parcel/watcher": "^2.4.1"
-      }
-    },
-    "node_modules/sass/node_modules/chokidar": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
-      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "readdirp": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 14.16.0"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      }
-    },
-    "node_modules/sass/node_modules/readdirp": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
-      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 14.18.0"
-      },
-      "funding": {
-        "type": "individual",
-        "url": "https://paulmillr.com/funding/"
-      }
-    },
    "node_modules/section-matter": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz",
@ -2791,15 +2124,6 @@
        "node": ">=8.0.0"
      }
    },
-    "node_modules/source-map-js": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
    "node_modules/sprintf-js": {
      "version": "1.0.3",
      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
@ -2894,6 +2218,18 @@
        "node": ">=0.10.0"
      }
    },
+    "node_modules/strnum": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/strnum/-/strnum-1.1.2.tgz",
+      "integrity": "sha512-vrN+B7DBIoTTZjnPNewwhx6cBA/H+IS7rfW68n7XxC1y7uoiGQBxaKzqucGUgavX15dJgiGztLJ8vxuEzwqBdA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ]
+    },
    "node_modules/to-regex-range": {
      "version": "5.0.1",
      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@ -2934,37 +2270,6 @@
        "node": ">= 0.8"
      }
    },
-    "node_modules/update-browserslist-db": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
-      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "escalade": "^3.2.0",
-        "picocolors": "^1.1.1"
-      },
-      "bin": {
-        "update-browserslist-db": "cli.js"
-      },
-      "peerDependencies": {
-        "browserslist": ">= 4.21.0"
-      }
-    },
    "node_modules/urlpattern-polyfill": {
      "version": "10.0.0",
      "resolved": "https://registry.npmjs.org/urlpattern-polyfill/-/urlpattern-polyfill-10.0.0.tgz",
--- a/package.json
+++ b/package.json
@ -13,8 +13,7 @@
  "license": "ISC",
  "devDependencies": {
    "@11ty/eleventy": "^3.0.0",
-    "browserslist": "^4.24.4",
-    "lightningcss": "^1.29.3",
-    "sass": "^1.87.0"
+    "eleventy-plugin-icons": "^4.5.3",
+    "lucide-static": "^0.503.0"
  }
 }
--- a/src/_data/author.json
+++ b/src/_data/author.json
@ -22,7 +22,7 @@
  "socials": [
    {
      "title": "Mon Github", 
-      "icon": "icon-github", 
+      "icon": "github", 
      "link": "https://github.com/TheThomaas"
    }
  ]
--- a/src/_includes/hero.liquid
+++ b/src/_includes/hero.liquid
@ -5,4 +5,8 @@
    {{ section.templateContent }}
    {% render 'partials/components/socials', socials: author.socials, mail: author.mail, showLabel: true %}
  </div>
-</section>
+</section>
+
+{% css %}
+  {% include "css/components/hero.css" %}
+{% endcss %}
--- a/src/_includes/js/main.js
+++ b/src/_includes/js/main.js
@ -1,5 +1,7 @@
-document.documentElement.classList.replace('no-js', 'js');
+// Javascript is active
+document.documentElement.classList.remove('no-js');

+// Update navigation according to page scroll
 const options = {
    rootMargin: '0px 0px -60% 0px'
 };
--- a/src/_includes/layouts/base.html
+++ b/src/_includes/layouts/base.html
@ -7,8 +7,14 @@
      {% include "css/reset.css" %}
      {% include "css/variables.css" %}
      {% include "css/main.css" %}
-      {% include "css/header.css" %}
-      {% include "css/footer.css" %}
+
+      {% include "css/components/button.css" %}
+      {% include "css/components/skip-link.css" %}
+      {% include "css/components/socials-list.css" %}
+      {% include "css/components/projects.css" %}
+      {% include "css/components/timeline.css" %}
+      {% include "css/components/competences.css" %}
+      {% include "css/components/download.css" %}
    {% endcss %}
    <link rel="stylesheet" href="{% getBundleFileUrl "css" %}">
  </head>
--- a/src/_includes/partials/components/card.liquid
+++ b/src/_includes/partials/components/card.liquid
@ -4,10 +4,7 @@
      <span></span>
      <div class="links">
        {%- for link in links -%}
-          {% capture href %}{{ link.link }}{% endcapture %}
-          {% capture classes %}{{ link.icon }}{% endcapture %}
-          {% capture label %}{{ link.title }}{% endcapture %}
-          {% render 'partials/components/link', showLabel: false, label: label, href: href, class: classes, target: "_blank" %}
+          {% render 'partials/components/link', icon: link.icon, showLabel: false, label: link.title, href: link.link, class: classes, target: "_blank" %}
        {%- endfor -%}
      </div>
    </div>
--- a/src/_includes/partials/components/link.liquid
+++ b/src/_includes/partials/components/link.liquid
@ -4,6 +4,7 @@
  {% if class %}class="{{ class }}"{% endif %}
  {% if title %}title="{{ title }}"
  {% else %}title="{{ label }}"{% endif %}
+  {% if attr %}{{ attr }}{% endif %}
  {% if target %}target="{{ target }}"{% endif %}
-  >{% if showLabel == true or  showLabel == nil %}{{ label }}{% endif %}
+  >{% if icon %}{% icon icon %}{% endif %}{% if showLabel == true or  showLabel == nil %}{{ label }}{% endif %}
 </a>
--- a/src/_includes/partials/components/socials.liquid
+++ b/src/_includes/partials/components/socials.liquid
@ -2,17 +2,13 @@
  {% if socials %}
    {% for social in socials %}
      <li>
-        {% capture href %}{{ social.link }}{% endcapture %}
-        {% capture classes %}{{ social.icon }} {% if showLabel == true %}{{ position | default: "icon--left" }}{% endif %}{% endcapture %}
-        {% capture label %}{{ social.title }}{% endcapture %}
-        {% render 'partials/components/link', showLabel: showLabel, label: label, href: href, class: classes, target: "_blank" %}
+        {% render 'partials/components/link', icon: social.icon, showLabel: showLabel, label: social.title, href: social.link, class: "button", attr: "data-ghost-button", target: "_blank" %}
      </li>
    {% endfor %}
    {% if mail %}
      <li>
        {% capture href %}mailto:{{ mail }}{% endcapture %}
-        {% capture classes %}icon-mail {% if showLabel == true %}{{ position | default: "icon--left" }}{% endif %}{% endcapture %}
-        {% render 'partials/components/link', showLabel: showLabel, label: "Contactez moi par mail", href: href, class: classes, target: "_blank" %}
+        {% render 'partials/components/link', icon: "mail", showLabel: showLabel, label: "Contactez moi par mail", href: href, class: "button", attr: "data-ghost-button", target: "_blank" %}
      </li>
    {% endif %}
  {% endif %}
--- a/src/_includes/partials/footer.liquid
+++ b/src/_includes/partials/footer.liquid
@ -3,12 +3,14 @@
        <ul class="list-inline">
            <li>Réalisé avec {% render 'partials/components/link', label: "Eleventy", href: "https://11ty.dev/", target: "_blank", rel: "nofollow" %}</li>
            {% if site.repository and site.repository != "" %}
-                {% capture href %}{{ site.repository }}{% endcapture %}
-                {% capture label %}{{ site.repoSrc }}{% endcapture %}
-                <li>Source sur {% render 'partials/components/link', label: label, href: href, target: "_blank", rel: "nofollow" %}</li>
+                <li>Source sur {% render 'partials/components/link', label: site.repoSrc, href: site.repository, target: "_blank", rel: "nofollow" %}</li>
            {% endif %}
        </ul>
        
        {% render 'partials/components/socials', socials: author.socials, mail: author.mail, showLabel: false %}
    </div>
-</footer>
+</footer>
+
+{% css %}
+  {% include "css/footer.css" %}
+{% endcss %}
--- a/src/_includes/partials/header.liquid
+++ b/src/_includes/partials/header.liquid
@ -4,4 +4,8 @@
  <div>
    {% include "partials/navigation" %}
  </div>
-</header>
+</header>
+
+{% css %}
+  {% include "css/header.css" %}
+{% endcss %}
--- a/src/_includes/partials/skip-link.html
+++ b/src/_includes/partials/skip-link.html
@ -1 +1 @@
-<a href="#main-content" class="btn">Skip to main content</a>
+<a href="#main-content" class="button">Skip to main content</a>
--- a/src/css/components/button.css
+++ b/src/css/components/button.css
@ -0,0 +1,80 @@
+.button {
+  --button-bg: #342a21;
+  --button-color: #ffffff;
+  --button-hover-bg: #4b4b4a;
+  --button-hover-color: #ffffff;
+  --button-border-width: 3px;
+  --button-border-style: solid;
+  --button-border-color: var(--button-bg);
+  --button-radius: 0.5em;
+
+  display: inline-flex;
+  align-items: center;
+  gap: var(--button-gap, 0.5em);
+  padding: var(--button-padding, 0.7em 1.2em);
+
+  background: var(--button-bg);
+  color: var(--button-color);
+
+  border-width: var(--button-border-width);
+  border-style: var(--button-border-style);
+  border-color: var(--button-border-color);
+  border-radius: var(--button-radius);
+
+  text-decoration: none;
+  font-weight: var(--button-font-weight, 700);
+  font-size: var(--button-font-size, 1em);
+  letter-spacing: 0.05ch;
+  font-family: sans-serif;
+  line-height: 1.1; /* Set or buttons will be different sizes (<a>/<button>) */
+
+  cursor: pointer;
+}
+
+.button svg {
+  height: var(--button-icon-size, 1.2cap);
+  width: auto;
+  flex: none;
+}
+
+/* Hover/focus/active */
+.button:hover {
+  background: var(--button-hover-bg);
+  color: var(--button-hover-color);
+}
+
+.button:focus:focus-visible {
+  outline-width: var(--button-outline-width, var(--button-border-width));
+  outline-style: var(--button-outline-style, var(--button-border-style));
+  outline-color: var(--button-outline-color, var(--button-border-color));
+  outline-offset: var(
+    --button-outline-offset,
+    calc(var(--button-border-width) * 2)
+  );
+}
+
+.button:active {
+  transform: scale(99%);
+}
+
+/* Variants */
+.button[data-button-variant="negative"] {
+  --button-bg: #b33c48;
+  --button-border-color: #a62f3d;
+  --button-hover-bg: #c24a56;
+}
+
+/* Outline buttons */
+.button[data-outline-button] {
+  --button-bg: transparent;
+  --button-border-color: currentColor;
+  --button-color: currentColor;
+}
+
+/* Ghost buttons */
+.button[data-ghost-button] {
+  --button-bg: transparent;
+  --button-border-color: transparent;
+  --button-color: currentColor;
+  --button-padding: .2em .4em;
+}
--- a/src/css/components/competences.css
+++ b/src/css/components/competences.css
@ -0,0 +1,12 @@
+.competences-section .col {
+  width: 100%;
+  margin-bottom: 2rem;
+}
+@media screen and (min-width: 991px) {
+  .competences-section > div {
+    flex-direction: row;
+  }
+  .competences-section .col {
+    width: 40%;
+  }
+}
--- a/src/css/components/download.css
+++ b/src/css/components/download.css
@ -0,0 +1,9 @@
+.download {
+  gap: 0.8rem;
+}
+.download p {
+  font-size: 1.4rem;
+}
+.download .button {
+  --button-icon-size: 1.2em;
+}
--- a/src/css/components/hero.css
+++ b/src/css/components/hero.css
@ -0,0 +1,27 @@
+.hero {
+  height: 90svh;
+}
+.hero div {
+  text-align: center;
+  flex-direction: column;
+  justify-content: end;
+  align-items: center;
+  display: flex;
+}
+.hero p {
+  max-width: 48ch;
+}
+@media screen and (min-width: 768px) {
+  .hero div {
+    text-align: start;
+    align-items: start;
+  }
+}
+.hero-title {
+  font-size: 1.8rem;
+}
+@media screen and (min-width: 768px) {
+  .hero-title {
+    font-size: 4rem;
+  }
+}
--- a/src/css/components/projects.css
+++ b/src/css/components/projects.css
@ -0,0 +1,44 @@
+.project-grid {
+  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
+  gap: 1rem;
+  display: grid;
+}
+.project-grid li {
+  border-radius: var(--border-radius);
+  overflow: hidden;
+}
+.card {
+  --background: url(https://placehold.co/200x150);
+  z-index: 1;
+  background: var(--background);
+  background-repeat: no-repeat;
+  background-size: cover;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 2.5rem;
+  height: 100%;
+  padding: 0.4rem;
+  display: flex;
+  position: relative;
+}
+.card a:hover {
+  color: #3a3a3a;
+  transition: color 0.2s ease-in-out;
+}
+.card a:before,
+.card a:after {
+  --icon-size: 1.2rem;
+}
+.card .top {
+  justify-content: space-between;
+  width: 100%;
+  display: flex;
+}
+.card .links {
+  align-self: flex-end;
+  gap: 0.35rem;
+  display: flex;
+}
+.card .content {
+  padding: 1rem 0.4rem 0;
+}
--- a/src/css/components/skip-link.css
+++ b/src/css/components/skip-link.css
@ -0,0 +1,17 @@
+body > a {
+  z-index: 99999;
+  padding: 0.4rem 1rem;
+  position: absolute;
+  inset-block-start: 0.3rem;
+  inset-inline-start: 0.3rem;
+}
+body > a:not(:focus) {
+  size: 1px;
+  white-space: nowrap;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  border: 0;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+}
--- a/src/css/components/socials-list.css
+++ b/src/css/components/socials-list.css
@ -0,0 +1,11 @@
+.socials-list {
+  gap: 0.2rem;
+  margin-block-start: 1rem;
+  --button-icon-size: 1.2em;
+}
+.socials-list--label {
+  gap: .6rem;
+}
+.socials-list--label a {
+  --button-font-weight: 600;
+}
--- a/src/css/components/timeline.css
+++ b/src/css/components/timeline.css
@ -0,0 +1,45 @@
+.timeline {
+  flex-direction: column;
+  margin-top: 1.4rem;
+  padding: 0;
+  display: flex;
+  position: relative;
+}
+.timeline:before {
+  content: "";
+  background-color: rgb(var(--neutral-lower));
+  inline-size: 6px;
+  margin-inline-start: -3px;
+  position: absolute;
+  inset: 1.5rem 0 0 1.5rem;
+}
+.timeline li {
+  --size: 3rem;
+  padding: 0 0 0 calc(var(--size) + 0.8rem);
+  margin: 1.4rem 0;
+  position: relative;
+  list-style: none;
+}
+.timeline li:last-child {
+  margin-bottom: 3rem;
+}
+.timeline li:first-child {
+  margin-top: -20px;
+}
+.timeline li:before {
+  content: "";
+  aspect-ratio: 1;
+  inline-size: var(--size);
+  background-color: rgb(var(--neutral-lower));
+  border: 6px solid rgb(var(--brand-secondary-medium));
+  z-index: 1;
+  border-radius: 50%;
+  transition: all 0.2s ease-in-out;
+  position: absolute;
+  inset-block-end: 50%;
+  inset-inline-start: 0;
+  transform: translateY(50%);
+}
+.timeline li:hover:before {
+  border-color: rgb(var(--brand-secondary-high));
+}
--- a/src/css/main.css
+++ b/src/css/main.css
@ -4,6 +4,9 @@
 :where(h1, h2, h3, h4, h5, h6, p) {
  margin: 0;
 }
+:where(html:focus-within) {
+  scroll-behavior: smooth;
+}

 /* Utilities */
 .wrapper,
@ -99,136 +102,6 @@
  outline-style: solid;
 }

-/* Button */
-button,
-.btn {
-  --hover: rgba(var(--neutral-highest), 0.8);
-  --active: rgba(var(--neutral-highest), 0.8);
-  cursor: pointer;
-  border-radius: var(--border-radius);
-  width: fit-content;
-  max-width: 100%;
-  min-height: 2.5rem;
-  max-height: none;
-  color: rgb(var(--neutral-lower));
-  background-color: var(--text);
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: var(--font-weight-semibold);
-  font-stretch: var(--font-stretch, condensed);
-  border: none;
-  flex-direction: row;
-  align-items: center;
-  padding: 0.5rem 1rem;
-  text-decoration: none;
-  transition: background-color 0.1s ease-in-out;
-  display: inline-flex;
-}
-button:disabled,
-.btn:disabled {
-  --hover: inherit;
-  --active: inherit;
-  color: #929292;
-  cursor: not-allowed;
-  background-color: #e5e5e5;
-}
-button:not(:disabled):hover,
-.btn:not(:disabled):hover {
-  background-color: var(--hover);
-}
-button:not(:disabled):active,
-.btn:not(:disabled):active {
-  background-color: var(--active);
-}
-
-/* Skip link */
-body > a {
-  z-index: 99999;
-  padding: 0.4rem 1rem;
-  position: absolute;
-  inset-block-start: 0.3rem;
-  inset-inline-start: 0.3rem;
-}
-body > a:not(:focus) {
-  size: 1px;
-  white-space: nowrap;
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  border: 0;
-  margin: -1px;
-  padding: 0;
-  overflow: hidden;
-}
-
-/* Icons */
-.icon-download:before,
-.icon-download:after {
-  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Etray-arrow-down%3C/title%3E%3Cpath d='M2 12H4V17H20V12H22V17C22 18.11 21.11 19 20 19H4C2.9 19 2 18.11 2 17V12M12 15L17.55 9.54L16.13 8.13L13 11.25V2H11V11.25L7.88 8.13L6.46 9.55L12 15Z' /%3E%3C/svg%3E");
-  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Etray-arrow-down%3C/title%3E%3Cpath d='M2 12H4V17H20V12H22V17C22 18.11 21.11 19 20 19H4C2.9 19 2 18.11 2 17V12M12 15L17.55 9.54L16.13 8.13L13 11.25V2H11V11.25L7.88 8.13L6.46 9.55L12 15Z' /%3E%3C/svg%3E");
-}
-.icon-github:before,
-.icon-github:after {
-  -webkit-mask-image: url("data:image/svg+xml,%3Csvg height='1em' width='1em' aria-hidden='true' focusable='false' viewBox='0 0 10 10' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0.125C3.80903 0.119704 2.65529 0.5397 1.74644 1.30939C0.837586 2.07908 0.233325 3.14791 0.0424187 4.32348C-0.148487 5.49906 0.0865013 6.70418 0.705087 7.72191C1.32367 8.73965 2.28523 9.50315 3.41667 9.875C3.66667 9.91667 3.75 9.75 3.75 9.625V8.79167C2.375 9.08333 2.08333 8.125 2.08333 8.125C1.83333 7.54167 1.5 7.375 1.5 7.375C1.08333 7.08333 1.54167 7.08333 1.54167 7.08333C2.04167 7.08333 2.33333 7.58333 2.33333 7.58333C2.75 8.33333 3.5 8.125 3.79167 8C3.79167 7.66667 3.95833 7.45833 4.08333 7.33333C2.95833 7.20833 1.79167 6.79167 1.79167 4.83333C1.79167 4.33333 2 3.875 2.33333 3.54167C2.25 3.375 2.08333 2.875 2.33333 2.20833C2.33333 2.20833 2.75 2.08333 3.75 2.70833C4.56865 2.48711 5.43135 2.48711 6.25 2.70833C7.20833 2.08333 7.625 2.20833 7.625 2.20833C7.875 2.875 7.70833 3.375 7.625 3.54167C8 3.875 8.16667 4.33333 8.16667 4.875C8.16667 6.79167 7 7.20833 5.875 7.33333C6.08333 7.5 6.25 7.75 6.25 8.25V9.625C6.25 9.75 6.29167 9.91667 6.58333 9.875C7.71478 9.50315 8.67633 8.73965 9.29491 7.72191C9.9135 6.70418 10.1485 5.49906 9.95758 4.32348C9.76668 3.14791 9.16241 2.07908 8.25356 1.30939C7.34471 0.5397 6.19097 0.119704 5 0.125Z'%3E%3C/path%3E%3C/svg%3E");
-  mask-image: url("data:image/svg+xml,%3Csvg height='1em' width='1em' aria-hidden='true' focusable='false' viewBox='0 0 10 10' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0.125C3.80903 0.119704 2.65529 0.5397 1.74644 1.30939C0.837586 2.07908 0.233325 3.14791 0.0424187 4.32348C-0.148487 5.49906 0.0865013 6.70418 0.705087 7.72191C1.32367 8.73965 2.28523 9.50315 3.41667 9.875C3.66667 9.91667 3.75 9.75 3.75 9.625V8.79167C2.375 9.08333 2.08333 8.125 2.08333 8.125C1.83333 7.54167 1.5 7.375 1.5 7.375C1.08333 7.08333 1.54167 7.08333 1.54167 7.08333C2.04167 7.08333 2.33333 7.58333 2.33333 7.58333C2.75 8.33333 3.5 8.125 3.79167 8C3.79167 7.66667 3.95833 7.45833 4.08333 7.33333C2.95833 7.20833 1.79167 6.79167 1.79167 4.83333C1.79167 4.33333 2 3.875 2.33333 3.54167C2.25 3.375 2.08333 2.875 2.33333 2.20833C2.33333 2.20833 2.75 2.08333 3.75 2.70833C4.56865 2.48711 5.43135 2.48711 6.25 2.70833C7.20833 2.08333 7.625 2.20833 7.625 2.20833C7.875 2.875 7.70833 3.375 7.625 3.54167C8 3.875 8.16667 4.33333 8.16667 4.875C8.16667 6.79167 7 7.20833 5.875 7.33333C6.08333 7.5 6.25 7.75 6.25 8.25V9.625C6.25 9.75 6.29167 9.91667 6.58333 9.875C7.71478 9.50315 8.67633 8.73965 9.29491 7.72191C9.9135 6.70418 10.1485 5.49906 9.95758 4.32348C9.76668 3.14791 9.16241 2.07908 8.25356 1.30939C7.34471 0.5397 6.19097 0.119704 5 0.125Z'%3E%3C/path%3E%3C/svg%3E");
-}
-.icon-internet:before,
-.icon-internet:after {
-  -webkit-mask-image: url("data:image/svg+xml,%3Csvg height='1em' width='1em' aria-hidden='true' focusable='false' viewBox='0 0 10 10' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.18 6C7.22 5.67 7.25 5.34 7.25 5C7.25 4.66 7.22 4.33 7.18 4H8.87C8.95 4.32 9 4.655 9 5C9 5.345 8.95 5.68 8.87 6M6.295 8.78C6.595 8.225 6.825 7.625 6.985 7H8.46C7.98 7.825 7.215 8.465 6.295 8.78ZM6.17 6H3.83C3.78 5.67 3.75 5.34 3.75 5C3.75 4.66 3.78 4.325 3.83 4H6.17C6.215 4.325 6.25 4.66 6.25 5C6.25 5.34 6.215 5.67 6.17 6ZM5 8.98C4.585 8.38 4.25 7.715 4.045 7H5.955C5.75 7.715 5.415 8.38 5 8.98ZM3 3H1.54C2.015 2.17 2.785 1.53 3.7 1.22C3.4 1.775 3.175 2.375 3 3ZM1.54 7H3C3.175 7.625 3.4 8.225 3.7 8.78C2.785 8.465 2.015 7.825 1.54 7ZM1.13 6C1.05 5.68 1 5.345 1 5C1 4.655 1.05 4.32 1.13 4H2.82C2.78 4.33 2.75 4.66 2.75 5C2.75 5.34 2.78 5.67 2.82 6M5 1.015C5.415 1.615 5.75 2.285 5.955 3H4.045C4.25 2.285 4.585 1.615 5 1.015ZM8.46 3H6.985C6.825 2.375 6.595 1.775 6.295 1.22C7.215 1.535 7.98 2.17 8.46 3ZM5 0C2.235 0 0 2.25 0 5C0 6.32608 0.526784 7.59785 1.46447 8.53553C1.92876 8.99983 2.47995 9.36812 3.08658 9.6194C3.69321 9.87067 4.34339 10 5 10C6.32608 10 7.59785 9.47322 8.53553 8.53553C9.47322 7.59785 10 6.32608 10 5C10 4.34339 9.87067 3.69321 9.6194 3.08658C9.36812 2.47995 8.99983 1.92876 8.53553 1.46447C8.07124 1.00017 7.52005 0.631876 6.91342 0.380602C6.30679 0.129329 5.65661 0 5 0Z'%3E%3C/path%3E%3C/svg%3E");
-  mask-image: url("data:image/svg+xml,%3Csvg height='1em' width='1em' aria-hidden='true' focusable='false' viewBox='0 0 10 10' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.18 6C7.22 5.67 7.25 5.34 7.25 5C7.25 4.66 7.22 4.33 7.18 4H8.87C8.95 4.32 9 4.655 9 5C9 5.345 8.95 5.68 8.87 6M6.295 8.78C6.595 8.225 6.825 7.625 6.985 7H8.46C7.98 7.825 7.215 8.465 6.295 8.78ZM6.17 6H3.83C3.78 5.67 3.75 5.34 3.75 5C3.75 4.66 3.78 4.325 3.83 4H6.17C6.215 4.325 6.25 4.66 6.25 5C6.25 5.34 6.215 5.67 6.17 6ZM5 8.98C4.585 8.38 4.25 7.715 4.045 7H5.955C5.75 7.715 5.415 8.38 5 8.98ZM3 3H1.54C2.015 2.17 2.785 1.53 3.7 1.22C3.4 1.775 3.175 2.375 3 3ZM1.54 7H3C3.175 7.625 3.4 8.225 3.7 8.78C2.785 8.465 2.015 7.825 1.54 7ZM1.13 6C1.05 5.68 1 5.345 1 5C1 4.655 1.05 4.32 1.13 4H2.82C2.78 4.33 2.75 4.66 2.75 5C2.75 5.34 2.78 5.67 2.82 6M5 1.015C5.415 1.615 5.75 2.285 5.955 3H4.045C4.25 2.285 4.585 1.615 5 1.015ZM8.46 3H6.985C6.825 2.375 6.595 1.775 6.295 1.22C7.215 1.535 7.98 2.17 8.46 3ZM5 0C2.235 0 0 2.25 0 5C0 6.32608 0.526784 7.59785 1.46447 8.53553C1.92876 8.99983 2.47995 9.36812 3.08658 9.6194C3.69321 9.87067 4.34339 10 5 10C6.32608 10 7.59785 9.47322 8.53553 8.53553C9.47322 7.59785 10 6.32608 10 5C10 4.34339 9.87067 3.69321 9.6194 3.08658C9.36812 2.47995 8.99983 1.92876 8.53553 1.46447C8.07124 1.00017 7.52005 0.631876 6.91342 0.380602C6.30679 0.129329 5.65661 0 5 0Z'%3E%3C/path%3E%3C/svg%3E");
-}
-.icon-mail:before,
-.icon-mail:after {
-  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM12.0606 11.6829L5.64722 6.2377L4.35278 7.7623L12.0731 14.3171L19.6544 7.75616L18.3456 6.24384L12.0606 11.6829Z'%3E%3C/path%3E%3C/svg%3E");
-  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM12.0606 11.6829L5.64722 6.2377L4.35278 7.7623L12.0731 14.3171L19.6544 7.75616L18.3456 6.24384L12.0606 11.6829Z'%3E%3C/path%3E%3C/svg%3E");
-}
-[class*="\ icon-"],
-[class^="icon-"] {
-  --icon-size: 1.5rem;
-  vertical-align: top;
-}
-[class*="\ icon-"]:before,
-[class*="\ icon-"]:after,
-[class^="icon-"]:before,
-[class^="icon-"]:after {
-  --m-interior: 0.5rem;
-  --m-exterior: -0.125rem;
-  background-color: var(--icon-color, currentColor);
-  block-size: 1.5rem;
-  inline-size: 1.5rem;
-  block-size: var(--icon-size);
-  inline-size: var(--icon-size);
-  vertical-align: calc(0.375em - 0.75rem);
-  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
-  flex: none;
-  display: inline-block;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-}
-[class*="\ icon-"]:before,
-[class*="\ icon-"].icon--right:after,
-[class^="icon-"]:before,
-[class^="icon-"].icon--right:after {
-  content: "";
-}
-[class*="\ icon-"].icon--right:before,
-[class^="icon-"].icon--right:before {
-  content: none;
-}
-.icon--left:before {
-  margin-inline-start: var(--m-exterior);
-  margin-inline-end: var(--m-interior);
-}
-.icon--right:after {
-  margin-inline-start: var(--m-interior);
-  margin-inline-end: var(--m-exterior);
-}
-.icon--sm {
-  --icon-size: 1rem;
-}
-.icon--lg {
-  --icon-size: 2rem;
-}
-
 /* Other */
 *,
 :before,
@ -301,164 +174,7 @@ main li {
  margin: 0;
  padding: 0;
 }
-.hero {
-  height: 90svh;
-}
-.hero div {
-  text-align: center;
-  flex-direction: column;
-  justify-content: end;
-  align-items: center;
-  display: flex;
-}
-.hero p {
-  max-width: 48ch;
-}
-@media screen and (min-width: 768px) {
-  .hero div {
-    text-align: start;
-    align-items: start;
-  }
-}
-.hero-title {
-  font-size: 1.8rem;
-}
-@media screen and (min-width: 768px) {
-  .hero-title {
-    font-size: 4rem;
-  }
-}
-.project-grid {
-  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
-  gap: 1rem;
-  display: grid;
-}
-.project-grid li {
-  border-radius: var(--border-radius);
-  overflow: hidden;
-}
-.card {
-  --background: url(https://placehold.co/200x150);
-  z-index: 1;
-  background: var(--background);
-  background-repeat: no-repeat;
-  background-size: cover;
-  flex-direction: column;
-  justify-content: space-between;
-  gap: 2.5rem;
-  height: 100%;
-  padding: 0.4rem;
-  display: flex;
-  position: relative;
-}
-.card a:hover {
-  color: #3a3a3a;
-  transition: color 0.2s ease-in-out;
-}
-.card a:before,
-.card a:after {
-  --icon-size: 1.2rem;
-}
-.card .top {
-  justify-content: space-between;
-  width: 100%;
-  display: flex;
-}
-.card .links {
-  align-self: flex-end;
-  gap: 0.35rem;
-  display: flex;
-}
-.card .content {
-  padding: 1rem 0.4rem 0;
-}
 section {
  margin-block: 3.5rem;
  padding-block: 2rem;
-}
-.socials-list {
-  gap: 0.2rem;
-  margin-block-start: 1rem;
-}
-.socials-list--label {
-  gap: 2rem;
-}
-.socials-list--label a {
-  --item-color: black;
-  --icon-color: #262626;
-  text-underline-offset: 0.25rem;
-  font-weight: 500;
-  -webkit-text-decoration: underline #262626;
-  text-decoration: underline #262626;
-}
-.socials-list--label a:hover {
-  --item-color: var(--text-2);
-  --icon-color: var(--text-2);
-}
-.timeline {
-  flex-direction: column;
-  margin-top: 1.4rem;
-  padding: 0;
-  display: flex;
-  position: relative;
-}
-.timeline:before {
-  content: "";
-  background-color: rgb(var(--neutral-lower));
-  inline-size: 6px;
-  margin-inline-start: -3px;
-  position: absolute;
-  inset: 1.5rem 0 0 1.5rem;
-}
-.timeline li {
-  --size: 3rem;
-  padding: 0 0 0 calc(var(--size) + 0.8rem);
-  margin: 1.4rem 0;
-  position: relative;
-  list-style: none;
-}
-.timeline li:last-child {
-  margin-bottom: 3rem;
-}
-.timeline li:first-child {
-  margin-top: -20px;
-}
-.timeline li:before {
-  content: "";
-  aspect-ratio: 1;
-  inline-size: var(--size);
-  background-color: rgb(var(--neutral-lower));
-  border: 6px solid rgb(var(--brand-secondary-medium));
-  z-index: 1;
-  border-radius: 50%;
-  transition: all 0.2s ease-in-out;
-  position: absolute;
-  inset-block-end: 50%;
-  inset-inline-start: 0;
-  transform: translateY(50%);
-}
-.timeline li:hover:before {
-  border-color: rgb(var(--brand-secondary-high));
-}
-.download {
-  gap: 0.8rem;
-}
-.download p {
-  font-size: 1.4rem;
-}
-.btn-download {
-  color: rgb(var(--brand-secondary-lower));
-}
-.competences-section .col {
-  width: 100%;
-  margin-bottom: 2rem;
-}
-@media screen and (min-width: 991px) {
-  .competences-section > div {
-    flex-direction: row;
-  }
-  .competences-section .col {
-    width: 40%;
-  }
-}
-
+}
--- a/src/css/reset.css
+++ b/src/css/reset.css
@ -225,6 +225,7 @@
  */
 :where([type="search"]) {
   -webkit-appearance: textfield;
+   appearance: textfield;
 }
 
 /* iOS only */
--- a/src/pages/sections/download.liquid
+++ b/src/pages/sections/download.liquid
@ -7,5 +7,5 @@ order: 4
 <div class="flex justify-center items-center download">
    <p>Vous souhaitez imprimer ce document ?</p>
    <i>--></i>
-    <button type="button" onclick="window.print()" class="btn btn-download icon--right icon-download">Télécharger en PDF</button>
+    <button type="button" onclick="window.print()" class="button">Télécharger en PDF {% icon "download" %}</button>
 </div>
--- a/src/projects/cancre-simulator.md
+++ b/src/projects/cancre-simulator.md
@ -4,5 +4,5 @@ description: Un jeu fait pour les Portes Ouvertes 2020
 links:
  - title: Voir sur Github
    link: https://github.com
-    icon: icon-github
+    icon: github
 ---
--- a/src/projects/guess-who.md
+++ b/src/projects/guess-who.md
@ -4,5 +4,5 @@ description: Un "Qui est-ce ?" fait en Python et avec des LEGO Mindstorms
 links:
  - title: Voir sur Github
    link: https://github.com
-    icon: icon-github
+    icon: github
 ---
--- a/src/projects/ldap.md
+++ b/src/projects/ldap.md
@ -4,8 +4,8 @@ description: Ajouter, voir et se connecter à des utilisateurs LDAP depuis un si
 links:
  - title: Voir le site
    link: https://google.com
-    icon: icon-internet
+    icon: link
  - title: Voir sur Github
    link: https://github.com
-    icon: icon-github
+    icon: github
 ---
--- a/src/projects/sigfox.md
+++ b/src/projects/sigfox.md
@ -4,8 +4,8 @@ description: Des capteurs de température affichés sur un tableau de bord
 links:
  - title: Voir le site
    link: https://google.com
-    icon: icon-internet
+    icon: link
  - title: Voir sur Github
    link: https://github.com
-    icon: icon-github
+    icon: github
 ---
--- a/src/projects/snake.md
+++ b/src/projects/snake.md
@ -5,5 +5,5 @@ background: rgb(255, 143, 143)
 links:
  - title: Voir sur Github
    link: https://github.com
-    icon: icon-github
+    icon: github
 ---
Author	SHA1	Message	Date
TheThomaas	1a4ad2d736	Update button styles	2025-05-01 16:42:50 +02:00
TheThomaas	e1d94f515d	Replace old icons	2025-05-01 11:04:35 +02:00
TheThomaas	5f47e9b087	Add lucide icons with 11ty plugin	2025-05-01 11:03:10 +02:00
TheThomaas	23cdb87275	Update button style	2025-05-01 10:02:26 +02:00
TheThomaas	35a7e1bcf9	Split main.css into multiple files	2025-04-30 22:11:47 +02:00
TheThomaas	ad66bae2ac	Add comments to js file	2025-04-30 21:48:18 +02:00
TheThomaas	2d77b09d1e	Remove browserlist, lightningcss and sass	2025-04-30 20:45:16 +02:00